211service.com
Är horisontella webbplatslayouter framtidens våg?
När du konsumerar innehåll på webben är rullning inte naturligt – det är vad en eyetracking-undersökning från Jakob Nielsen avslöjar . En minoritet av användarna kommer att rulla för att titta på information nedanför mitten, men de tenderar att skanna den ytligt:
Tid som spenderas med att titta på en webbsida kontra rullningsdjup (c) Jakob Nielsen
Detta har inte hindrat otaliga webbplatser från att skapa den ändlösa hemsidan, om det extra området kommer att generera ytterligare klick. Den här layouten tenderar också att översättas till artiklar, förutom när de är sidnumrerade (vanligtvis till nackdel för användarupplevelsen).
Men nyligen har några exempel på en alternativ layout dykt upp. Och även om de kanske inte är lämpliga för hemsidan för en webbplats – där användare har varit så betingade av vissa typer av layouter att avvikelser från dem sannolikt alltid är till nackdel för deras användbarhet – föreslår de en framtid där webbläsupplevelsen är mycket trevligare än det är nu.
Nya interaktionsmodeller, gamla sätt att visa innehåll
Nyckeln till att horisontella webbplatslayouter kan återuppstå är slutet på musens, rullningshjulet och rullningslisternas tyranni. Pekgränssnitt – oavsett om det är pekplattor eller surfplattor – låter användare navigera i innehållet i vilken riktning som helst, inte bara upp och ner.
Det första dessa gränssnitt känner igen är att vi är mest bekväma med att läsa text i kolumner med en viss bredd. De flesta webbplatser respekterar inte detta designkrav – även den webbplats du är på nu visar text i kolumner ungefär dubbelt så bred som skulle vara optimal (det beror på teckenstorleken). Det finns en anledning till att tidskrifter och tidningar alla använder kolumner med ungefär samma bredd.
Med tanke på skaparens tidningsbakgrund är det ingen överraskning att den webbaserade tidskriftslayoutmotorn TreeSaver, sammansatt av Roger Blacks team, använder både kolumnlayouten och horisontell sidnumrering. Här är ett skärmklipp från en mattidning i TreeSaver-portföljen :
En sida från den digitala tidningen Real Eats
Men argumentet för en ny modell för läsning på webben har gjorts mest övertygande av designern Frank Chimero, som argumenterar i sin (horisontellt upplagda) essä Horisontalism och läsbarhet :
Med mindre kolumner placerade horisontellt kan ögat flytta från vänster till höger för att läsa en rad, flytta ned för att ta in nästa, och sedan när du avslutar en kolumn kan du hoppa till nästa och bortse från tidigare lästa kolumner.
Mängden horisontell rörelse som krävs av ögat kan balanseras med ett rimligt vertikalt mått (pelarens höjd). Den horisontella orienteringen tillåter också något vi tar för givet med paginering i böcker: förmågan att bortse från och inte läsa om text vi redan har läst.
Att läsa om och tappa position är faktiskt ett vanligt problem med långa, vertikala textsträngar. Det är svårt att bortse från redan läst text, och ögats flöde är inte balanserat eftersom den underförstådda rörelsen vanligtvis är så starkt vertikal. Läsaren avbryts också ofta av behovet av att ändra texten genom att rulla för att skapa nya stycken att läsa. Det är inte tortyr, men jag tror att läsbarheten är sämre än vi inser på grund av vår acklimatisering till den vertikala läsmiljön. Vi gör så mycket av det, vi var tvungna att anpassa oss. Men det betyder inte att det är optimalt.
Chimeros argument upplevs bäst i sitt ursprungliga format .
Allt detta är en del av en renässans när det gäller att göra webbläsupplevelsen mer behaglig. Från e-bläck till bättre kontroll av teckensnitt i HTML 5 och mjukare kontrasttext, såväl som den pågående övergången från tryck och till skärmar av alla dimensioner, har webbläsupplevelsen potential att bli mycket mer lik den tryckta läsningen erfarenhet.
En överväldigande majoritet av webbplatser har ännu inte respekterat dessa konventioner och verkar lite tillräckligt förändrade från för tio år sedan. Det är synd – och kan till och med vara en av anledningarna till att webben ännu inte matchar prestige, reklampriser och intäkter från print.
