K. Andersson
Sociala nätverkssajter har absolut förändrat vårt sätt att interagera med webben, och tränar oss att bläddra i det oändliga genom våra nyhetsflöden. På gott och ont är detta ett beteende som är väldigt bekant för oss nu.
Lång rullning kommer snabbt ikapp med webbplatser på grund av populariteten för sociala medier som Twitter, Pinterest, Facebook etc. De långa flödena håller läsaren ansluten till en enda sida, är visuellt tilltalande, är ett snabbare sätt att visa upp engagerande innehåll och hjälper till maximera sidvisningar och tid på webbplatsen. Lång rullning är också bra för storytelling eller för att lyfta fram kvaliteten på en berättelse eller produkt.
Det finns inget som “below the fold” eller fortsätta till nästa sida om innehållet är på samma sida, det underlättar för läsaren som scrollar igenom webbplatsen. Och med fler människor som använder smartphones nuförtiden verkar långrullande webbplatser som en trend som kommer att finnas kvar ett tag.
I själva verket är det på grund av användningen av smartphones som detta webbdesign trend har plockat upp. När en mobilanvändare rullar en webbplats och läser innehåll går det snabbt och det finns ingen distraktion för att flytta till nästa sida. Detta hjälper faktiskt en läsare att hålla kontakten med webbplatsen. Även om webbplatsen är laddad med innehåll, gör lång rullning det lättare att läsa igenom.
Optimera sidans laddningstid
Laddningstiden för en lång rullande webbplats bör vara stor. Om laddningstiden är långsam, skulle en läsare bli irriterad och det kommer att vara en avstängning för alla som försöker öppna din webbplats. Enligt a studie av Kissmetrics, 47 % av människorna förväntar sig att en webbplats ska laddas inom två sekunder. Och om webbplatsen tar mer än 3 sekunder att ladda så lämnar 40 % av människor webbplatsen.
Du kan enkelt optimera din WordPress-webbplats hastighet och tidpunkten för laddning av sidor genom många laddningstekniker. Du kan optimera dina bilder och använda komprimeringsfunktionen. Minimera det vita utrymmet och ta bort onödiga metataggar och metainnehåll från din webbplats. Minimera också onödig JavaScript- och klientsideskriptning.
Skapa episkt innehåll
Ditt innehåll ska inte bara vara engagerande utan också av hög kvalitet. Det bästa innehållet är nyckeln till långrullande webbplatser. Ditt innehåll bör fokusera på berättande för att hålla dina läsare fast. Det bör ha en stor visuell dragningskraft som inkluderar foton, illustrationer och videor. Ge dina läsare alternativ men i ett begränsat format.
Innehållet på din webbplats bör vara rörligt, engagerande och mycket relaterbart. Ord flyttar läsarna på ett fantastiskt sätt och detta kan bara gynna din långrullande webbplats. Attraktivt innehåll är i fokus på långrullande webbplatser, så var särskilt uppmärksam på de ord du använder.
Behåll synligt navigationsalternativ
Förvirring är en sak som ofta påverkar en lång rullande webbplats. En läsare kan gå vilse när han läser sidan och navigering skulle vara ett problem för en läsare. Det påverkar också oförmågan att bestämma platsen och åtkomsten till sidan.
Det är viktigt att hålla navigeringsalternativet synligt för långa rullande sajter. En klibbig navigeringsmeny visar inte bara den aktuella platsen för webbplatsen utan den hjälper också till med rätt orientering av sidan.
Långrullande webbplatser har begränsat skärmutrymme så du måste vara försiktig när det gäller navigering. Att använda alternativet för hoppa till sida kan hjälpa dig med sidan. Ett synligt navigeringsalternativ fungerar bäst för mobilskärmar. Det är en bra idé att dölja navigeringsfältet medan du rullar och sedan avslöjas när läsaren försöker komma tillbaka till toppen.
Ändra positionen för URL
Vid lång rullning blir det omöjligt att dela en URL eftersom läsaren är på samma sida. Eftersom webbadressen inte är synlig frustrerar den också läsaren som besöker din webbplats.
Det går inte att byta mellan enheterna för att fortsätta surfa från platsen för URL:en. Men med HTML5 kommer du att kunna ändra webbläsarens URL utan att ladda om sidan.
History.pushState()-funktionen tillåter en webbdesigner att göra en växling i URL:en utan att ladda om sidan. Detta gör att användaren eller en läsare kan matcha rullningsbeteendet med avseende på webbplatsen.
Koncentrera dig på visuals och design
Starka bilder och design hjälper läsarna att snabbt förstå en berättelse. Visuella signaler som förbindande linjer och liknande färger skapar en fantastisk effekt från en enda rullning. Inkludera animationer i rullningsteknikerna för din webbplats. De bästa praxis för lång rullande webbplats bör innehålla små interaktioner för att engagera läsarna.
Detta kan också inkludera animerade rutor, bildskjutreglage och videor. Du kan också dela upp rullningsanimationerna till innehållet på sidan för den fantastiska effekten. Fantastiska interaktioner, element och innehåll spelar en viktig roll i utformningen av en lång rullande webbplats.
Använd rullningstekniker
Alla läsare som besöker en lång rullande webbplats förväntar sig informationen på en enda sida snarare än att klicka på olika sidor. Långrullande webbplatser fungerar bra på både mobil och dator. Du kan använda rullningstekniker som färgblock, parallax och blandat innehåll. Alternerande skärmteknik kan användas om du har för många bilder på din webbplats.
Du behöver inte oroa dig för dold mobilnavigering med dessa tekniker. Med en lång rullande design finns innehållet på en enda sida, så fokus är rätt.
En korrekt färdplan är ett måste
En ordentlig färdplan är viktig för långrullande webbplatser, eftersom läsarna borde veta var de är och vart de är på väg. Inkludera färdplaner i dina långrullande webbplatser för enkel åtkomst. Färdkartor kan vara i form av element som visar hur mycket mer innehåll som finns kvar.
Sticky navigering när läsaren läser sidan på din webbplats. Det kan finnas pilar som markerar sidan och talar om för läsaren att gå vidare. Det bör finnas en färdplan att få i början av sidan eftersom det är viktigast för din webbplats.
Ge dina läsare en fantastisk upplevelse genom att designa en fantastisk långrullande webbplats.
Följ en standardstorlek på en mobil enhet på din långrullande webbplats. Du måste undvika fancy rullning och hålla dig till användarvänliga rullningstekniker. Försök att dölja skrivbordselement om du siktar på den mobila enheten. Tunga bilder kan flyttas till galleriet på din webbplats. På samma sätt, eliminera de dubbla delarna av webbplatsen.
En lång rullande webbplatsupplevelse kan förbättras med tipsen ovan. En läsare bör vara engagerad i din webbplats, eftersom det kommer att bidra till att öka trafiken och CTR-frekvensen.
