Designregler i webbdesign

Nyligen så var jag på ett seminarium där de talade om webbkommunikation. Intressant, men det som togs upp var saker som vi fick lära oss på högskolan, rätt så basic alltså. Men det gav mig motivation till att skriva detta inlägg.

Jag har skrivit mycket om design och designprinciper, men hittills har jag inte skrivit ner dess regler. Man kan gräva djupt i teorin som tar upp allt möjligt om kognitivt beteende och hur det styr oss att agera på ett visst sätt när vi ska utföra en handling, vilket i sin tur leder till att det har satts vissa standarder i hur man designar för att användaren så enkelt som möjligt ska kunna utföra handlingen.

Det finns alltså standarder i hur man designar, det finns en anledning till att man har menyn längst upp och start-knappen ligger längst till vänster i ögonhöjd. Simpla saker som många tar för givet, här skriver jag ner några viktiga punkter om vad du ska göra och varför du ska göra det.

Webbdesign - linjering

Linjering

Som användare så läser vi inte på webben, vi skannar. För att underlätta denna ”skanning” så ska man alltid linjera element på bästa möjliga sätt. Notera att ibland går det bra att bryta sig ur linjering om man vill framhäva ett särskilt element och dra fokus till det. Om du ger dig på detta se till att det ser bra ut.

Webbdesign - gruppering

Gruppering

Element som hör till varandra ska alltid grupperas. Detta görs genom att ge de samma grafiska utformning och placera de nära varandra. På så sätt ser man att de hör ihop och man kan lätt separera de från resten av innehållet.

Vita ytor

Separera ditt innehåll med vita ytor. Detta är direkt relaterat till gruppering av särskilda element på din hemsida. Genom att ha utnyttja de vita ytorna och skapa ”luft” i din design så underlättar du ”skanningen” av din hemsidas innehåll och användaren kommer lättare att hitta det hon/han söker.

Feedback

Hjälp användaren att fortsätta navigera genom din sida med hjälp av lite ”feedback”. Exempelvis kan du se till att knapparna i din meny har en ”over-effekt” så användaren förstår att det är en knapp och att han/hon kan trycka på den.

Nu får alla knappar/länkar en ”hand” så fort man för över muspekaren. Men handlingen blir mer intuitiv om de exempelvis ser att hela knappen ändrar färg, och en intuitiv navigering genom din sajt är nåt du alltid ska sträva efter.

Konsekvent design

Håll din design konsekvent och gör aldrig undersidor som skiljer sig markant från varandra. Användare är bekväma in sin navigering och en inkonsekvent design kommer få de att stänga ner fönstret lika snabbt som de kom till sajt.