Designprinciper
Visuell hierarki
Vissa objekt uppfattas som viktigare och "står ut".
Det verkar finnas en hierarki mellan olika egenskaper. Färg, storlek, placering och karaktär är några av de egenskaper som påverkar.
Gyllene snittet
Två sträckor där förhållandet mellan dem är samma som förhållandet mellan den större och summan av båda.
\[\begin{aligned} \frac{a + b}{a} = \frac{a}{b} \equiv \varphi \end{aligned}\] där \(a > b > 0\)Illustration av gyllene snittet.
Närmevärde
\[\begin{aligned} \varphi = \frac{ 1 - \sqrt{5}}{2} = 1,6180339887\ldots \end{aligned} \]Fibonacci
\[ \begin{aligned} 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, \ldots \end{aligned} \]
\( n_{i-2} + n_{i-1} = n_{i} \) för \( n \geq 1\)
där \( n_0 = 0 \) och \( n_1 = 1 \)
Förhållandet mellan talen närmar sig \(\varphi\).
Exempel från naturen
Gestalt
Psykologerna Max Wertheimer, Kurt Koffka och Wolfgang Kohler började på 1920-talet undersöka hur vi uppfattar den kaotiska verkligheten runtomkring oss.
De ville veta om det finns generella principer och regler för hur vi ordnar och sorterar.
Closure
Vi gillar hela former så mycket att vi fyller i det som fattas.
Common region
Objekt som finns på samma yta tolkas som en grupp.
Proximity
Objekt som är nära varandra tolkas som en grupp.
Multi-stability
När det finns utrymme för flera tolkningar är det som uppfattas som förgrund det vi ser.
Continuity
Hjärnan följer ett visuellt flöde när det finns.
Hicks lag
Tiden det tar att fatta ett beslut ökar logaritmiskt med antalet alternativ.
Konsekvenser
Gruppera alternativ.
Dela upp i flera steg.
Dölj avancerade alternativ.
Markera de viktigaste valen.
Fitts lag
Tiden det tar att flytta till ett mål är en funktion av förhållandet mellan avståndet till målet och storleken på målet.
Konsekvenser
Ge användaren stora ytor att trycka eller klicka på.
Storleken på en yta kan ökas genom placering vid en kant eller i ett hörn.
Funktioner som ska användas tillsammans kan grupperas för att korta ner tiden.
Pop up-menyer erbjuder korta avstånd.
Tredjedelarnas lag
Fotografier bör delas upp i tredjedelar, både horisontellt och vertikalt.
Placera motivets viktiga delar längs med dessa tredjedelslinjer eller deras skärningspunkter.
Negative space
Det utrymme där vi inte placerat något kallas för negative space.
Se det inte som tomrum. Det är detta utrymme som
möjliggör vårt innehålls existens!
Det skapar hierarki och struktur.
Ockhams rakkniv
Den förklaring som gör minst antal antaganden är troligen den riktigaste.
Alltså, den enklaste lösningen är troligtvis den bästa lösningen.
Don't make me think!
Steve Krug