FrontBox

Af: Lars Anthonisen, Interactive Manager

Som opfølgning på vores artikel i mandags om Above the fold og in-screen annoncering følger her et par gode eksempler på godt webdesign og et par tips og ideer til design af hjemmesider.

Joanna Peña-Bickley, Executive Creative Director hos Wunderman i New York, har igennem mere end 10 år arbejdet med design af hjemmesider. Hun er ovebevist om at ”content is KING”!

Hun mener, at hvis du som firma præsenterer indbydende content og bruger de rigtige design ”ledetråde” og værktøjer, så skal brugerne nok finde og bruge dit indhold uafængigt at ”above og below the fold”.

Design, der eliminerer “above the fold”

Eksempelvis kan man designe i liquid layouts, som strækker brugerens vindues størrelse for at undgå statiske layouts.

Rigtigt godt brugercentreret design giver ikke ligevægt til alt indhold på sitet. I stedet sættes det vigtigste I toppen, men fordeles også strategisk nedad på sitet. Hvis du præsenterer interessant indhold og gennemtænker designet strategisk vil brugerene også selv fange indholdet. Det handler om, at man ikke skal gemme det dårligste indhold nederst.

Her er en række eksempler på sites, som er designede til at ophæve tanken om ”above the fold” for millioner af brugere hver dag:

• Facebook

• The New York Times

• YouTube

• Uniqlo

• American Express

• Target

• MTV

• Apple

Hvor foldede de? Scrollede du? Selvfølgelig gjorde du det!

Hvis det er godt, scroller brugerne gerne.

Der findes myriader af eksempler på strategisk og gennemtænkt webdesign derude. Der er masser af sites, hvor det er helt naturligt for brugeren af scrolle. Vi er nu i en verden, hvor indhold er altafgørende. Hvordan vi gør det tilgængeligt for brugerne er afgørende for, hvordan det bliver brugt og hvor relevant brugerne oplever det er.

Det handler ikke længere om at klumpe alt sammen i det øverste skærmbillede. Hvis kvaliteten af indhold og design er høj scroller brugerne gerne. Det testede du også selv da du gennemgik eksemplerne ovenfor.

Tommelfingerregler for godt webdesign

Der er masser af gode eksempler på mainstream sites, der med stor succes har masser af indhold “below the fold” og som har millioner af brugere hver dag – her et par eksempler:

• “Content is king” – hvis din side har masser af spændende og involverende indhold så skal brugeren nok scrolle og finde det.

• Hold vigtig information der hjælper brugeren med at forstå hovedformålet/budskabet for din side indenfor de første 600 pixels i højden – det vil sige I første skærmbillede.

• Design siderne så brugere ved hjælp af interaktion kan modulere og tilpasse informationen og placeringer af disse. (Dette også gerne placeret indenfor de første 600 pixels)

• Minimer den skrevne tekst og maksimer billeder og video – Brugerne vil hellere involveres end at blive bedt om at læse tekster. Husk at mange brugere bare scanner sider.

• Brug design brødkrummer som ikoner, billeder, video eller tekstblokke, der ligger halvt inde i første skærmbillede. På den måde opbygger du brugernes forventning til at der findes mere indhold længere ned på sitet.

• Brug liquid sidelayout der automatisk tilpasser sig brugerens vinduesstørrelse.

Hvis der designes efter det kan man skabe et site, hvor ”above the fold” ikke eksisterer, og hvor det er helt naturligt at scrolle. Set med de komercielle briller har sites med denne slags dynamik også et meget bedre grundlag for at sælge bannereeksponeringer udenfor første skærmbillede og til en fornuftig pris.