Naturen är webben en kaotisk plats där människor hoppar från sida till sida efter vilja. Tyvärr kan denna frihet fungera mot de webbplatser vars innehåll bäst följs i en viss ordning.

Designtekniker gör det möjligt att styra användare längs en stig med varierande grad av övertalning. Men när är det bäst att styra användare, och hur?

Vad definierar linjärt innehåll? Du läser några nu: artiklar är relaterade till tankeströmmar som presenteras i en viss ordning. Det skrivna ordet är inte ensamt. Även om användarna kan hoppa fram och tillbaka i videor och ljudfiler, begränsar dessa medier sina målgrupper till en tidslinje.

Linjära erfarenheter har inte mindre betydelse i en multitasking, hyper-threading världen. När de används väl kan webbdesigners använda detta koncept till deras fördel.

Hur fungerar det?

Det verkliga problemet är inte hur man använder en linjär upplevelse, men hur man uppmärksammar ett medium som bygger på distraktioner. Eftersom webbdesigners inte kan kontrollera externa faktorer måste de arbeta för att hålla användare engagerade. En webbsida måste ständigt besvara de otaliga frågorna: "Vad är det för mig?" Och "Är det något bättre?"

Användare har alltid möjlighet att lämna. De kan klicka på bokmärken eller webbläsarens tillbaka-knapp eller använda webbläsarens sökfält. Eller klicka på den länken till den roliga kattvideoen som deras vän bara IM'd. De kan bara stänga webbläsarfönstret. Att övertyga användare att hålla sig till ett spår kräver okonventionellt tänkande.

Att hålla användare fokuserade är ett problem. Linjär presentation är en lösning.

Använd en sida på en sida

Det enklaste sättet att skapa en linjär presentation är att använda ett linjärt format. Enkelsidiga webbplatser rullar hela innehållet till en långsida för att få användare att bläddra horisontellt eller vertikalt (men inte båda). Tricket att locka folk som är svåra att rulla är att få dem att tro att rulla är värt deras stund. Det är samma idé med länkar: folk väljer att klicka.

Content structure

Erfarenhetskontroll

  • På en flersidig webbplats kontrollerar användarna vilka sidor de besöker.
  • På en webbsidans webbplats utövar designers mer kontroll över hur användarna ser innehåll.

Sökmotoroptimering

  • Sidor med flera sidor tillåter granulär metrik .
  • Ensidiga sidor är beroende av klicka på händelser och framgångsrik klick-thrus.

Prestanda fördelar

  • Flersidiga sidor laddar innehåll på begäran (som användare klickar på varje sida).
  • Ensidiga sidor har minimal fördröjning mellan sektioner (en sida, en belastning).

Prestandaförluster

  • Flersidigt: Användare måste vänta på att varje sida ska laddas.
  • Ensidig sida: kan ladda innehåll som inte intresserar användare.

Bäst för webbplatser

  • Sidor med flera sidor som lägger till innehåll över tiden.
  • Enkelsidiga webbplatser som måste konkurrera om användarnas uppmärksamhet eller ha ett kortfattat meddelande.

Bäst för användare

  • Sidor med flera sidor är bra för personer som söker ett specifikt faktum eller bara de senaste uppdateringarna.
  • Ensidiga sidor är bra för personer som behöver den stora bilden eller som är nya till det aktuella ämnet.

Håll olika avsnitt

Liknande sidor kan överväldiga och förvirra användarna, precis som på-meningar. Ett långt tänkande är svårt att absorbera. Att bryta en lång sida i olika sektioner, var och en med sin egen rubrik och sidfot, gör det möjligt för människor att "hoppa" från tanke till tanke.

Om möjligt, försök att hålla varje sektion ungefär lika stor. Precis som ett rutnät sätter rytmen ett bekvämt prejudikat. När det används väl är "över fällan" inte ett hinder - det är ett verktyg.

Above the fold

Använd navigering på sidan

Traditionella navigeringsfält tjänar två syften: För det första att låta användare klicka bland ämnen som intresserar dem; För det andra, för att visa användare där de är i sammanhanget av webbplatsen. Navigering blir inte mindre viktig om en webbplats endast använder en sida. Ensidig navigering har samma mål samtidigt som du hjälper till att definiera övergångar mellan sektioner och svara "är vi där än?"

Ta bort distraktioner

En viktig teknik för att hålla användarnas uppmärksamhet är att förkorta tiden mellan intressant eller meningsfull information på en sida.

Var det ett specifikt faktum, en bra läsning, en favoritvideo som de sett hundra gånger, eller ett snabbt tidsutsläppande spel, besökare går till webbplatser av en anledning. Narrativa webbplatser är inte nödvändigtvis kortare, men gör det enkelt för användarna att "hoppa" från bit till bit.

Fodral lämpade för en linjär webbupplevelse

Även om linjära upplevelser eller sidor med en sida inte är bäst för alla fall är de användbara under de rätta förhållandena.

Den snabba försäljningsstället

Online-shoppare kan bläddra och söka som de vill, men koll processen följer en bestämd väg. För personer som bara säljer några saker är en sida enkel att välja: från försäljningsskick till "bekräfta order" kunder distraheras inte av sidor. Scroll-down shopping upplevelse leder dem till den naturliga slutsatsen.

Varje Kickstarter Projektet är relaterat till en enskild webbplats: introduktioner, beskrivningar, exempel på arbete och alternativ att donera gör varje projekt till sin egen fristående försäljningsnivå.

Undersökningar

Webbplatser som är utformade för att samla informationsguide-användare mellan steg är i sig linjära. Beroende på de använda teknikerna kan en undersökning eliminera onödiga steg som användaren fortskrider och skräddarsy användarupplevelse i flygningen. Till exempel, "om du svarade nej, hoppa över nästa avsnitt" kan bli automatisk.

Email nyhetsbrev

Webbsidor som skickas via e-post tacklar det svåra utsikterna att undvika användarens raderingsknapp. Trots att du är begränsad till en sida med samma mål, vara värd någon annans inkorg. Lösningar för övertygande e-postdesign är inte begränsade till e-post. Webbplatser som behöver nå användare med begränsad uppmärksamhet eller marginalt intresse kan använda formuläret för intro-förklaring-åtgärder som finns bland malldesigner.

Beskriv en process

Innehåll som förklarar ett system, använder ett flödesschema eller visar förändringar över tiden kan använda vertikalt utrymme till stor effekt eftersom användare inte behöver klicka bort från en bit för att se en annan.

BBC Ocean Depths

De BBC: s havdjup uppmuntrar användare att rulla ner till de djupaste punkterna på jorden.

Living with nest

Bor med Nest tar människor genom ett år med att använda Nest-termostaten när de rullar ner.

Evolution of the web

Utveckling av webben rullar också för att följa tid, men rör sig horisontellt i stället för vertikalt.

Experimental web comics

Experimentella webbserier av Scott McCloud sväng användarnas webbläsarfönster till en löpande komiska panel.

The dangers of fracking

Faror av Fracking följer en droppe vatten, med vertikal rullning för att utlösa händelser längs vägen.

Ignition creative

Tändning Creative använder rullning som ett verktyg för att organisera delar av deras enstaka extravaganza.

Är linjär användarupplevelse det rätta verktyget för ditt jobb?

Linjära upplevelser, enkelsidiga eller på annat sätt, är inte idealiska för varje projekt. Om poängen högt med sökmotorer är en prioritet, kom ihåg det Google gillar interna länkar . De säger också " Gör sidor främst för användare, inte för sökmotorer . "Men webbplatser med raka presentationskraftsdesigners och redaktörer att skrubba innehållet fritt från främmande material. Restriktiva parametrar kan leda till innovativa lösningar.

I slutändan har de alltid befogenhet att lämna, vilket gör att användare kan följa en väg som är utmanande i ett webbprojekt.