Den gamla håll-det-över-the-scroll-manta är inte alltid vad ditt innehåll och design behöver. Här är sju sätt att skapa en långrullande webbplats som kommer att hålla användarnas uppmärksamhet och förhoppningsvis hålla dem rullande.
Long scrolling kan vara ett utmärkt sätt att engagera användare. Ibland sker inte den bästa visuella presentationen helt över scrollen. Long scrolling format är webbplatser som rullar flera gånger för att fånga upp innehållet. Låt oss lägga det ofta debatterade konceptet vila. Dagens användare förstår hur och när man ska rulla.
1. Skapa engagerande innehåll
Nummer 1 till framgång när det gäller en långrullande webbplats är kvalitetsinnehåll. Utan stort innehåll betyder ingenting annat verkligen.
Den dåliga nyheten är att det inte finns något kvalitetsinnehållstest som kommer att berätta om det du skapar är bra. (Användaranalys kommer att ge den informationen.)
Men det finns några saker du kan göra för att skapa det bästa möjliga innehållet:
- Berätta en intressant historia och gör den din.
- Använd högupplösta och intressanta bilder som foton, illustrationer och videor.
- Ge användarna en anledning att bläddra. (Det finns en anledning att många bokkapitel slutar med cliffhangers, det gör att folk läser.)
- Begränsa val. Ge användarna något att göra i designen, men överväldiga inte dem med för många alternativ. En uppmaning per steg eller historia är tillräckligt.
- Skriv lockande kopia. Medan visualerna skapar ett första intryck, är orden vad som kommer att hålla användarna rörliga genom innehåll. Använd handlingsverken och engagera dig med en handlingsbar, relativ historia.
2. Bygg en visuell tema
Ett starkt visuellt tema hjälper användarna att förstå att historien från föregående skärm, eller bläddra, fortsätter. Visuella signaler som en vanlig färggänga, pilar och anslutningslinjer eller till och med skärmar som verkar överlappa kan skapa en visuell linje från bläddra till bläddra. Detta kommer att hjälpa till att hålla användare rörliga genom hela konstruktionen.
Och här är hur du vet om en långrullande design fungerar för din webbplats. Spåra tid på webbplatsen i dina analyser. Används användare längre på webbplatsen än innan långrullningsalternativ genomfördes? Interagerar de med mer eller mindre innehåll? Har den slutliga önskade omvandlingsåtgärden ökat eller minskat?
Mer än bara ett visuellt tema ska lång scrollning hjälpa webbplatstrafik. Om det inte händer kan användarna inte förstå det visuella temat och att de ska rulla eller kanske inte konceptkonceptet bara fungerar för användarbasen. (Long scrolling är inte för alla eller alla innehållstyp.)
3. Njut av interaktioner
En av de stora sakerna om långrullning är att låta sig fördjupa sig på berättande tekniker på webben. Och det innehåller ofta massor av små interaktioner som är utformade för att förtjäna användare.
Från animeringar för att skjuta åtgärder för att bläddra tekniker till bilder som morph på skärmen, kan dessa små interaktioner hjälpa användare att engagera sig. Beatrate, ovan, använder en handfull interaktioner - video, animerade lådor på rullning, svängareffekter, spinnräknare och en bildreglage.
Varje annan del av rullningen innehåller animeringar som är unika för innehållsområdet. Eftersom element, interaktioner och innehåll är olika (men ändå följa väl förstådda användarmönster), finns det något nytt för besökare att göra med varje flick av musen.
4. Använd en rullningsteknik
En av anledningarna till att designers som långrullningswebbplatser är att de fungerar bra både på stationära och mobila enheter.
Många användare skulle faktiskt föredra att rulla än klicka på (eller knacka) på mindre enheter eftersom all information fortfarande finns på ett och enkelt sätt.
Använd en rullningsteknik, till exempel parallax, färgblåsande eller blandade innehållstyper (alternerande skärmar som är tunga med bilder, text eller video) för att hålla konstruktionen flytande. Genom att använda och blanda rullningstekniker signalerar designen användarna en förändring av innehållet samtidigt som det är intressant. Dessa effekter kan också uppmuntra att bläddra eftersom användare vill se vad som händer nästa.
Och med en långrullande design är allt innehåll (eller mycket av huvudinnehållet) på en sida, så du behöver inte ompröva pop-out eller dold mobilnavigering. Allt är rätt där för användare.
5. Alternativ lång- och kortrullning
Precis som du skulle alternativa rullningstekniker för att skapa sidor eller skärmar i den enkla rullningen, gör du en punkt för att blanda långa och korta rullningssegment.
Inkludera korta rullningselement som är snabba och lätta att smälta, till exempel bilder eller ett block med en handfull stora ord. Lägg sedan till ett längre rullningselement, till exempel ett infografiskt eller tjockt textblock. Följ det med ett kort kall till handling.
Att blanda längden på innehållsblock hjälper till att upprätthålla ett flöde som inte blir tråkigt för användarna. (Konceptet är mycket som att skriva innehåll, där du vill blanda meningslängder för att förhindra monotoni eller läsare tristess.)
6. Ge en färdplan
När det gäller långrullningswebbplatser vill användarna veta var de är och när de kommer att komma dit de ska. Du måste ge en färdplan.
Webbsida användarkartor finns i olika former:
- Klibbig navigering
- Dots eller element som visar hur mycket innehåll som finns kvar
- Pilar eller signifikatorer som berättar användarna vad de ska göra nästa
- Ett sätt att komma tillbaka till början eller slutet
7. Designa tydliga mål
Långrullande eller oändliga rullande webbplatser borde inte vara oändliga. Designen bör innehålla en början, ett slut och tydliga mål för användaren.
Oavsett hur cool designen ser ut, måste den ge användarna något att göra. (Det är därför du har en hemsida, eller hur?)
Att ha uppmaning till flera platser är viktigtInnan du ens tänker på designen, redogöra för vad slutmålet ska vara.Se till att alla delar av den långrullande designen hjälper användare att nå det målet. Titta på exemplet ovan: Varje sida och varje bläck innehåller en anropsknapp som är centralt placerad i designen och lätt att se och klicka på.
Att ha uppmaning på flera platser är viktigt eftersom inte alla användare kommer att bläddra till slutet av långrullningsinnehållet. Oavsett hur bra historien är, oavsett hur stor bilden är, oavsett hur lockande interaktionerna är? de flesta användare har korta uppmärksamhetstider och kommer att bestämma huruvida och hur man ska engagera sig med designen om några sekunder. Se till att det handlingsbara elementet är klart från början och tillgängligt vid varje steg i designinteraktionen.
Slutsats
Medan långrullande webbdesigner inte är nya utvecklas metoder för att förbättra upplevelsen. Det börjar med bra innehåll och slutar med hur du kuraterar upplevelsen.
Var medveten om att långrullningstekniker och -koncept fortfarande är ganska diskuterade i design- och användargemenskapen. Väg för och nackdelar och om denna teknik är rätt för ditt koncept, var noga med att mäta analys och prova på vägen för att säkerställa att den fungerar som den ska.