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.

Af: Lars Anthonisen, Interactive Manager

Er der forskel på værdien af visninger i første skærmbillede og dem, der ligger i bunden af et site? På print taler man om above the fold, men det er dog ikke så enkelt online. Selvom der er værdi i visninger udenfor første skærmbillede, bør man ikke skulle betale det samme for dette produkt.

Siden 1994 har web designere, usability pros og digitale marketingsfolk diskuteret “Above the fold”.

Udtrykket stammer fra printverden og refererer til placeringen af en vigtig nyhedshistorie eller et foto på den øverste halvdel af forsiden på en avis. I slutningen af 90’erne blev dette udtryk adapteret i webudvikling som reference for det område af en hjemmeside der var synlig før man skulle scrolle.

Tid til at gøre op med udtrykket ”Above the fold” i de digitale medier

Ifølge en undersøgelse fra ClickTale’s research, har 91% af alle sidevisninger en scroll-bar. 76% af alle sidevisninger med en scroll-bar, blev scrolled til en vis udstrækning, mens 22% af alle sidevisninger med scroll-bar, blev scrolled hele vejen til bunden af skærmen.

”Above the fold” eksisterer simpelthen ikke i den digitale verden. Der er utal af undersøgelser (som fx ClickTale’s Scrolling Research Report V2.0 – Part 1 and Part 2 ), design metoder og teknologier, som gør teorien om ”the fold” uholdbar.

Lad os prøve at tænke over det et øjeblik: Hvis man tror på teorien om ”Above the fold”, så går man ud fra, at alle har den samme skærmstørrelse, opløsning og webbrowser mv. Ydermere må man også antage, at alle har det samme antal af tool bars installeret.

Visninger udenfor første skærmbillede har således værdi, og ”above the fold” tanken kan ikke uden videre overføres til online verdenen. Når man scroller ned, er annoncerne lige så værdifulde som de øverste.

Det sagt bør det afspejle sig i priserne, hvor mange der faktisk scroller ned ad en given side og ser de nederste annoncer.

Visningernes værdi set fra en annoncørs perspektiv

Ser man på ovenstående problematik med en annoncørs øjne, foretrækker langt de fleste annoncører visninger, der ligger ”above the fold”.

Vi har før diskuteret In screen eksponeringer i artiklen Værdien af eksponeringer?. Artiklen handlede om problemstillingen, at man betaler det samme for bannervisninger i første skærmbillede og længere nede på siden.

Sagens kerne er at man skal betale for det man får og ikke mere. Derfor skal et af to scenarier opfyldes.

Mulige løsninger på den komercielle problemstilling

En løsning er at der prisdifferentieres mellem placeringerne i første skærmbillede og længere nede på sitet. Alternativt skal man kun betale for reelle visninger. Sidstnævnte indebærer, at et banner i bunden af et givent site først tæller som vist, når der er scrollet ned. Dette kræver nye målingssystemer, men ville være den mest optimale løsning.

I mellemtiden hilser vi differentierede priser velkommen – priser, der afspejler visningernes faktiske værdi og visningsrate.

Onsdag vil vi følge op på emnet med eksempler på godt webdesign og et par tips og ideer til design af hjemmesider fra Joanna Peña-Bickley, Executive Creative Director hos Wunderman i New York, som har inspireret mig til denne artikel.

Kilder: ON: The “Above The Fold” Design Myth & ClickTale’s Scrolling Research Report V2.0 – Part 1