Jeg brænder for emner, der berører online kommunikation - i særdeleshed sociale medier, content-driven markedsføring og brugervenlighed.
Få nye indlæg på mail
-
5 mest læste indlæg
- E-magasiner: FÃ¥ overblik over softwareudbydere 2,853 view(s)
- Få dine Facebook-besøgende over på dit website 1,535 view(s)
- 7 brugbare tips til at skrive til nettet 1,269 view(s)
- Udnytter du e-magasinets fordele? 1,269 view(s)
- Vil brugerne scrolle? Jeg har fundet sandheden 1,121 view(s)
Blogroll
Jeg har hørt usability-eksperter sige, at brugere nærmest aldrig scroller, og modsat har jeg læst i f.eks. .Net Magazine, at det er en myte. Jeg var naturligvis forvirret og følte mig usikker, når jeg skulle vejlede kunder og argumentere for mine valg, når jeg designede websites og det motiverede mig til at skrive dette blogindlæg.
To scroll or not to scroll
Da usability-guruen, Jakob Nielsen i 1994 udgav sine usability guidelines, var det et klart “no go” at designe websites, som havde indhold under “the fold” (ogsÃ¥ kaldet scroll-linjen). Scroll-linjen refererer til det sted pÃ¥ brugerens skærm, hvor indholdet ikke længere er synligt, og hvor brugeren er nødt til at foretage en aktiv handling (scrolle) for at se indholdet. Der er ingen tvivl om, at dette har præget en hel generation af webdesignere og det derfor pÃ¥ én eller anden mÃ¥de er blevet den hellige gral inden for webdesign.
I 1997 udgav Jakob Nielsen sÃ¥ artiklen “Changes in Web Usability Since 1994“, hvor han skriver, at scrolling nu er tilladt. Han forklarer at brugere er blevet mere vant til at scrolle, og derfor er det ikke længere en katastrofe at lave sider med scroll.
Scroll er tilladt, s̴ er alt vel godt Рeller?
Juhuu, sÃ¥ skulle problemet være løst – men! Fordi scroll er tilladt, er det ikke ens betydende med, at du kan designe dit website uden at tage scroll-linjen med i dine overvejelser. Det er stadigt meget vigtigt at placere følgende over scroll-linjen:
- Branding (i.e. logo etc.)
- Navigation
- Hovedbudskabet / Hovedindholdet (i hvert falden starten af det)
- De vigtigste call-to-action elementer
- Evt. reklamebannere
Opfordre brugerne til at scrolle
NÃ¥r dette er sagt, sÃ¥ er det ogsÃ¥ meget vigtigt at opfordre brugerne til at scrolle ved at lave indbydende, interessant og læsevenligt indhold, der egner sig til nettet (se evt. “7 brugbare tips til at skrive til nettet“). Herudover er det ogsÃ¥ en god idé at bygge siden op pÃ¥ en mÃ¥de, der sørger for at indholdet ser ud som om, det er skÃ¥ret over (the Cut-off Look – læs evt. Jared Spools artikel om emnet her). Det kan du opnÃ¥ ved f.eks. at bruge et billede, der ligger pÃ¥ scroll-linjen og derved bliver “klippet over”.
Hvor er scroll-linjen?
Den største udfordring ligger nok i at finde scroll-linjen. Scroll-linjen variere nemlig alt efter brugernes skærmopløsning, browser og installerede browserapplikationer sÃ¥ som Google Toolbar o.lign. I skrivende stund er standardskærmopløsningen i Danmark 1024×768 px (ca. 20% af alle brugere har denne opløsning). ClickTale har lavet en undersøgelse der viser, at de 3 højeste scroll-linje placeringer var ved 570, 590 og 600 pixels. Alarmerende nok dækker disse top 3 placeringer kun 26% af det samlede antal brugere, der blev testet.
Konklusion
Konklusionen mÃ¥ være, at vi som webdesignere mÃ¥ sørge for at placerer det vigtigste indhold over 570 px, dog uden at gÃ¥ i panik over, at nogle informationer ogsÃ¥ placeres under. Vi mÃ¥ ogsÃ¥ sørge for, at der er et flow i indholdet, som opfordrer brugeren til at scrolle. Der mÃ¥ ikke være et “clean cut”, sÃ¥ siden ser afsluttet ud, hvis du vil have brugeren til at scrolle. Og sÃ¥ skal indholdet selvfølgelig være værd at læse.
Opdatering d. 27. januar 2011:
Her er et godt indlæg omkring “the fold”, som sætter fokus pÃ¥ de mange nye platformes pÃ¥virkning af “the fold”.
26 kommentarer
Scroll funktioner på musen, har helt klart gjort det lettere for den dovne bruger at scrolle, så tror heller ikke vi behøves at være så bange for at designe længere sider, hvis bare det er tydeligt at siden ikke er sluttet ved scroll linjen.
Tak for et super godt indlæg.
Jeg skal da lige have gennemgået mit firmas hjemmeside og webshop og have løftet de primære call-to action knapper, hvis de er placeret under 570px.
Endnu en gang tak.
Rigtig gode betragtninger omkring en gammelt, men stadig relevant emne.
Jeg beskæftiger mig selv mest med webshops. PÃ¥ webshops er der visse sider, som er helt ok har scrol – ja, det forventer man faktisk. PÃ¥ andre sider kan det være yderst farligt for salget, hvis der skal scrolles for at se relevant indhold eller call-to-actions.
F.eks. forventer mange, at produktlister er lange og fyldt med spændende varer, som man kan scrolle ned igennem. Er jeg pÃ¥ en webshop som tilbyder, at jeg selv kan bestemme, hvor mange produkter eller rækker der vises, vælger jeg altid maks antallet. Ganske enkelt for at slippe for paging og en masse sideskift. Dvs. her vil jeg rigtig gerne scrolle langt – og jeg er opmærksom hele vejen igennem.
PÃ¥ produktsider er sagen anderledes. Her SKAL primære billeder, primær tekst, pris samt variantvælger og købsknap simpelthen være above fold. Det er sÃ¥ vigtig information – det skal fremstÃ¥ krystalklart og overskueligt. Ekstra billeder, supplerende tekst, video, relaterede varer osv. kan fint vises længere nede pÃ¥ denne side.
Lidt det samme kan man sige om en webshops forside. Her mener jeg heller ikke, der må være for meget indhold, som skal scrolles for at se. Ganske enkelt fordi, der så ofte er for mange valgmuligheder for nye besøgende, hvilket typisk vil skræmme dem væk.
Nå, det blev en længere smøre
Men det er et interessant emne, du har taget op. Jeg har netop opdaget din blog, så jeg glæder mig til at høre mere fra din side 
Hørt. Langt de fleste sider i dag har indhold under “The fold”, sÃ¥ folk er ogsÃ¥ vandt til at skulle/kunne scrolle ned for at finde hele indholdet. Det med musen er klart vigtigt ogsÃ¥.
Dog vil jeg også sige at hvis man finder eller TROR man har fundet det man leder efter over scrolllinien, så vil man/de fleste nok helst undgå at scrolle ned. Så en del indhold vil givetvis ikke blive læst under linien.
Google derimod er jo helt vild med at scrolle, sÃ¥ for hendes skyld skal man nok skrive en masse tekst under “The fold”.
/Rune
Hej Lisa, rigtig godt endelig at få dette emne nærmere belyst
Virkelig skønt at få nogle konkrete tal på, hvad man egentlig skal gå efter, da det ellers er svært at gætte sig til, hvad ens målgruppe benytte af skærme og ekstra-udstyr i deres browsere.
Dog tror jeg også scroll afhænger meget af, hvilken type hjemmeside, man beskæftigere sig med. Som nævnt med webshops, så håndteres scroll sandsynligt bedre på disse end måske en virksomheds egen hjemmeside.
Mvh.
Michael Østergaard
Tusinde tak for alle jeres kommentarer.
@Jacob: Ja, det tænkte også, at musens scrollfunktion nok har haft en stor effekt på udviklingen.
@John: Velbekomme. Jeg håber, du kunne bruge det til at forbedre dit site.
@Mogens: Ja, jeg er helt enig i at man faktisk forventer og helsts vil have scroll på listevisninger i f.eks. en webshop. Jeg hører også til den type, som gerne vil have vist maks antal produkter. Og jeg er i øvrigt enig i dine tanker omkring placering af elementer på produktsider og forsiden. Spændende blog du har. Den tror jeg da, jeg vil følge og anbefale til nogle af mine kollegaer
@Rune: Gode pointer. Jeg vil da sige, at man er lykkedes ret godt, hvis brugeren finder det han/hun leder efter above fold. Men der ligger også et klar udfordring i at for brugeren til at læse videre ned i teksten på ens sider. Det kræver en del arbejde med grafikker, grafer, punktopstillinger, etc, for at gøre indholde spiseligt.
@Michael: Ja, jeg er ogsÃ¥ glad for at fÃ¥ “mysteriet” om scroll opklaret
Nu hÃ¥ber jeg at dine besøgende scroller – ellers ser de ikke min kommentar
Nu er der sket meget siden både 94 og 97. Dejligt indlæg og med stof til eftertanke.
Noget helt andet jeg ville tænke med i “scroll or no scroll” som designer er, at Firefox laver et irriterende “hop” i designet pÃ¥ en side, nÃ¥r den vises med og uden scroll. AltsÃ¥ ville scroll pÃ¥ alle sider være at foretrække.
Potter
Hej Lisa
Super indlæg.
Jeg vil ogsÃ¥ støtte op om tanken om at visse sider forventer man faktisk at finde scroll. Ofte nÃ¥r jeg surfer rundt pÃ¥ nettet, “skodder” jeg sider pga. for lidt indhold. Scroll er ikke nødvendigvis et tegn pÃ¥ godt indhold, men det virker mere prof. men en god gennemskrevet (lang) tekst, end fire linjer.
@Potter: Det kan også irritere mig, men så må webudviklerne ind i kampen, for der findes flere metoder til at undgå det lille hop på.
Her er webstatistikken jo så fantastisk
Man kan se hvad ens brugere benytter af skærmstørrelser og via Clicktale (som du selv nævner) kan man se brugen af scroll.
Jeg har set et site med store pile der blinkede, pegende nedad, som angav at der var mere under scroll. Det er selvfølgelig offensivt nok, men jeg tror i høj grad man kan designe sig ud af manglende scroll. Hvis det er tydeligt siden fortsætter, så ved brugeren at der skal scrolles for at læse mere. Hvis designet afsluttes pænt lige ved scroll, så skal forventningerne til scroll nok sættes ned.
Hej Lisa –
Et godt – og altid tilbagevendende emne – jeg er glad for at du har taget en historisk tilgangsvinkel til det.
Jeg vil dog gerne tilføje – efter egen erfaring – at selvom du har ret i alle de punkter som du lister – sÃ¥ er der nogle sider der i visse tilfælde kan være mere ømme overfor under the fold information.
Jeg sidder p.t. med en kunde, der på produktsiden har et hovedbillede, men de andre billeder er under folden, og foreløbige indikationer siger at flytter man de andre billeder op så man over folden kan se de eksistere dernede, kan man fordoble konverteringen.
Med andre ord, selvom der er sælgende tekster, selvom man flere steder gør opmærksom pÃ¥ der er flere billeder – sÃ¥ er det ikke altid nok – der skal ogsÃ¥ skeles til hvad den besøgendes HOVEDFORMÃ…L er med netop den side, og det skal gøres nemt at fÃ¥ den mest relevante information imod dette formÃ¥l.
-Karsten Lund
…ser man pÃ¥ nyhedssiderne (fx politiken og Berlingske), har de i nogen tid kørt med meeeget lange sider, hvilket understøtter dit synspunkt.
Mht skærmoplosninger, synes jeg dine data lyder for ‘forsigtige’ – i min egen trafikanalysedata og her (http://www.w3schools.com/browsers/browsers_display.asp) er andelen af brugere med 1024×768 i kraftigt tilbagetog – faktisk ser det mere ud til at omkring 76% af brugerne kører med opløsninger pÃ¥ over 1024×768.
Desuden skal man nok også begynde at tænke over at det i høj grad er i bredden at skærmopløsningerne er stigende.
Hej Lisa.
Tak for endnu et fremragende indlæg fra dig.
Når jeg husker tilbage på min tid som multimedie-studerende, så var det noget nemmere, at regne brugernes opløsning ud.
Dengang havde over 50% af brugerne 1024×768 px, mens 1280×1024 og 800×600 nærmest delte resten af brugerne imellem sig.
Idag har den nyeste 27″ iMac en opløsning pÃ¥ hele 2560×1440, og det ser ud til at opløsningen stiger støt.
På den anden side er jeg også ret sikker på at de små nye netbooks er kommet for at blive, især hvis der for alvor kommer skub i udviklingen af computere til den 3. verden.
Så fremtiden byder vel på en ret udefinerbar placering af the fold og jeg tror, at den sunde fornuft der generelt bydes på i dit indlæg og de kommentarer, der er kommet, er en god retningslinie for, hvordan man placerer indhold fremover i web.
Mvh
Felix
Spændende post!
Hvis du vil have mere “rÃ¥ data” om emnet, kan jeg anbefale SURL’s artikel fra 2003 om emnet:
“The Impact of Paging vs. Scrolling on Reading Online Text Passages”
http://www.surl.org/usabilitynews/51/paging_scrolling.asp
Tag evt. også at søge igennem deres arkiver. Mener de har lavet flere studier af emnet.
Hej Lisa
Det er et super indlæg, om et emne der altid vil være delte meninger om, men jeg er enig i den konklusion, som du selv kommer frem til.
Jeg kom tilfældigt forbi din blog, men vender helt sikkert tilbage
De bedste hilsner
Dennis Kjærgaard
Kom i tanke om en af tidens trends, som vidst ikke er nævnt i overvejelserne. Det sÃ¥kaldte “infinite scroll” – i kender det bl.a. fra facebook, men ogsÃ¥ den nye billedesøgning pÃ¥ Google.
Netop idag lå et interessant blogindlæg herom i min rss-reader:
http://www.usabilitypost.com/2010/08/27/the-elusive-footer
Desmere er der også alle de mobile enheder, som er i stort fremtog. Her er skærmen noget helt andet end på sin Mac eller Pc. Selvom Felix nævner, at størrelsen på skærmene stiger, så mindes jeg at have læst forleden, at størrelsen/opløsningen i højere grad blev bedre end højere. Selvfølgelig, så kan jeg ikke huske, hvor jeg har læst det
@ Dennis
Det er jeg glad for. Du er meget velkommen. Det er altid dejligt at byde nogle nye indenfor.
Vi kan se at vores besøgende scroller både på websites og i emails.
PS/ God blog du har
Hej Peter, Tak for dit bidrag og roserne
Jeg tror også man fremover vil se folk scrolle langt mere en man gjorde før i tiden, det er jo ikke til at undgå nu når der skal være så mange informationer på moderne internet sider.
Mvh Rasmus
Hej Lisa
Tak for en rigtig lærende og god artikel!
Jeg vil gøre brug af din vinkel med at holde brugbar tekst over 570 px, og sÃ¥ undgÃ¥ at lave afslutning pÃ¥ et afsnit, for at fÃ¥ læseren til at scrolle – det har jeg ikke tænkt over før, overhovedet faktisk, sÃ¥ tak for det input!
Dbh
Benjamin
Hej (igen). Jeg tror mit indlæg forsvandt ved en fejl (ellers beklager jeg mit dobbeltpost).
Men hvordan ser du fremtiden for eternity scroll? Her er det jo intuitivt for brugeren at fortsætte med at se mere indhold og at fortsætte med at scrolle? Har det ikke en helt anden ‘indvirkning’ pÃ¥ brugeren nÃ¥r det nærmest bliver et ‘must’ at scrolle for at indlæse indholdet?
mvh
Teo / House Connect
Rigtig fin og brugbar artikel, og god ide med the Cut-off Look. Selvom brugere i dag er mere vant til at skulle scrolle, er det en fin ting at have i mente.
Generelt tror jeg også, at folks interesse for at scrolle hænger meget sammen med indholdet på siden (om det er interessant at læse og, om det er velformuleret).
Med Venlig Hilsen
Anders
God og brugbar artikel, til når man skal vælge hvordan indholdet på ens hjemmeside skal præsenteres for brugerne.
Hej Lisa
Jeg har faktisk tænkt rigtig meget over om det nu virkelig kan være så vigtigt om læseren skal eller ikke skal scrolle. Kan nu godt lide den konklusion du når frem til. På min hjemmeside bliver man nødt til at scrolle selv på forsiden, men hovedbudskabet er vidst klart lige fra start idet, det også er en blog:-)
Overvejer dog om jeg skal lave en webshop af en art på et tidspunkt, og da vil det være meget mere relevant hvad brugeren kan se uden at skulle til at scrolle først.
Mvh Helle
Der er nogle rigtig gode pointer i denne artikel, som kan være vigtige at tænke over, hvis man skal have opsat en hjemmeside.
Hej Teo,
Tak for dit spørgsmål og beklager det meget sene svar.
Jeg gÃ¥r ud fra, du mener “infinite scroll”? Jeg tænker at infinite scroll har sin helt egen berettigelse i bestemte sammenhænge. F.eks. anvendes det i søgemaskiner, produktoversigter og lign. i stedet for paginering (altsÃ¥ det hvor brugeren aktivt selv skal trykke “næste” eller side “4″). Det er jeg varm fortaler for. Det er langt mere brugervenligt og giver en mere flydende browser-oplevelse.
S̴ jeg tror at infinite scroll har en lys fremtid foran sig Рdet h̴ber jeg i hvert fald.
Men infinite scroll bør kun anvendes i sammenhænge, hvor brugeren browser i elementer af samme karakter – og brugeren dermed ved at de ved at scrolle videre vil se samme type element. Det dur ikke at bygge hele sit website op omkring infinite scroll – sÃ¥ forvirrer det vidst mere end det gavner!
De bedste hilsner
Lisa