En besökare läser inte en webbsida – de skannar den. På någon sekund bestämmer sig ögat för vad som är viktigt och vad som kan hoppas över. En välgjord sida styr den blicken med flit. En dålig sida låter allt skrika lika högt, och då hör man ingenting.
Hierarki: vad ska ses först, sedan och sist
Visuell hierarki är ordningen ögat uppfattar saker i. Den skapas med enkla medel: storlek (större = viktigare), kontrast (det som sticker ut ses först), placering (högt upp och till vänster läses tidigt) och färg (accentfärgen drar blicken). En rubrik ska se ut som en rubrik, en knapp som en knapp. När hierarkin är rätt vet besökaren instinktivt vart de ska titta.
Vit yta är inte tomhet – det är fokus
Den vanligaste reflexen hos den som är osäker är att fylla varje tom yta. Men luft runt ett element är det som får elementet att synas. Vit yta (som inte behöver vara vit) ger ögat vila, grupperar det som hör ihop och skiljer det som inte gör det. En knapp med gott om luft omkring sig klickas oftare än en inklämd – helt utan att man ändrat själva knappen.
Gruppera det som hör ihop
Saker som ligger nära varandra uppfattas som en enhet. Använd det: håll en rubrik nära sin text, en bild nära sin bildtext, och lägg tydligt avstånd mellan olika avsnitt. När avstånden är genomtänkta förstår besökaren strukturen utan att behöva anstränga sig.
En sida, ett huvudbudskap
Varje sida bör ha en sak den vill att besökaren ska göra. Låt den saken vara den tydligaste på sidan. Har man fem lika stora knappar som pekar åt olika håll har man i praktiken ingen knapp alls – valet blir för svårt och besökaren gör ingenting.
På Crevo börjar varje sida med frågan "vad ska besökaren se och göra här?" – och sedan använder vi storlek, kontrast och luft för att göra just det tydligt. Vill ni att vi tittar på om era viktigaste sidor leder ögat rätt? Hör av er.