Designprinciper
============================

Då jag inte gör mycket design så tyckte jag det var knepigt att hitta dessa designprinciper på de sidor jag valt men med hjälp av de länkade dokumenten i uppgiftens instruktion lyckades jag ta reda på vad jag skulle leta efter på sidorna. De tre sidor jag valt är Taxicaller.com, Microsoft.com och Placeholder.

###Taxicaller.com

[Taxicaller](https://www.taxicaller.com/en/)

Denna sida säljer en tjänst/programvara till framför allt taxibolag. Den är skapt för att sälja så mycket som möjligt. Det första som slår en på sidan är att den är väldigt gul (precis som många taxibilar är). Det är tydligt vart dem vill att man skall kolla då det finns stora gula banners med stor tydlig text i på hela sidan. Sidan har också en tydlig hierarkisk struktur där rubriken ligger i en banner och informationen är tydligt strukturerad i mindre element under. Dem har också gjort det tydligt vart dem vill att man ska klicka. På bilden nedan syns att knappen ”Try it Free” är gul medans knappen ”Pricing” är grå.

![Try for free knapp](https://i.imgur.com/tZlmTAm.png)

Detta gör att ”Try it Free” knappen drar mer uppmärksamhet till sig o0ch troligen därför oftare blir klickad på. Designen är väldigt lika på sidans undersidor där stora tydliga rubriker och animerade knappar drar i ögonen på besökaren.

###Microsoft.com

[Microsoft](https://www.microsoft.com/sv-se/)

Denna sida är också en sida för att sälja produkter av olika slag. Här har dem däremot även hårdvara och som det ser ut på startsidan är det den dem pushar mest för. En hierarkisk struktur med en stor bild med rubrik på och sedan småbilder med mer specifik information om man inte vill gå till den mer övergripande versionen genom att klicka på den stora bildens ”KÖP” knapp. Sidan har en ljus design och försöker nog se professionell ut, vilket jag kan tycka att den gör.

![Ursnitt av Microsofts förstasida](https://i.imgur.com/dACHnrX.png)

Man ser tydligt vart man kan klicka för att köpa produkten i bilden ovan. Designen är precis lika på undersidorna med en rubrikbild och bilder under dem för mer specifik information. Nästan alt har någon typ av slogan med också vilket man märker tydligt om man läser lite under bilderna. I princip presenteras varje paragraf med en bild på produkten vid sidan. Sidan känns rätt repetitiv då liknande bilder och textstycken finns överallt, detta troligen för att påverka besökaren så mycket som möjligt med bildernas professionella look och prisande texter.

###Archlinux.org

[Archlinux Vbox](https://wiki.archlinux.org/index.php/VirtualBox)

Här har vi en sida från det andra spektrumet av design och dess principer. Denna sida känns lite smått kladdig i jämförelse med de andra två. Denna sida är skapt för att förmedla information och det gör den. Den bara trycker ut information. Det är väl egentligen bara en princip som syns tydligt här. Man har använt linjer för att dela upp innehållet och det är nog tyr annars hade det nog vart riktigt svårt att läsa och fokusera på texten man ville läsa. Om än linjerna är osynliga och ofta i form av rubriker så är dem där och delar upp. Man har lite färger men det är mest för att markera hur viktig information i ett stycke är. I bilden nedan kan man se att Note är blå och Tip är ljusgröna. Varningar är förövrigt röda.

![Archlinux notisfärger](https://i.imgur.com/Uskdx5Y.png)

Så för att förmedla information funkar det men det skulle kunna bli bättre. Så detta är väl ett exempel på när det är precis tillräckligt uppstylat för att det skall fungera. Detta gäller dock inte framsidan då den inte ser lika bra ut som resten av sidan. Sidan är en wiki så dem har det som lite försvar i alla fall.

###Slutsats

Kanske inte världens mest genomtänkta val att ha med ArchLinux sidan där men ville ha sidor från olika sidor av spektrumet. Där någon sida var fattig på designtänk och andra där nästan alla designprinciper på ett eller annat sätt var implementerade. Jag tig speciellt mycket hjälp vid genomförandet av denna del från https://www.canva.com/learn/design-elements-principles/ sidan. Där jag läste mest om vilka designprinciper som fanns och hur dem ofta implementeras.

Jag har jobbat ensam med detta: Rasmus Steen.