Glöm vad du tycker om användarens uppmärksamhet spänner. Långformat innehåll kan vara en värdefull del av din designstrategi (och behöver inte vara ett tråkigt block med pågående text). Användare älskar en bra historia och långformat innehåll är ett bra sätt att skapa en uppslukande och engagerande upplevelse.
För att hålla användarna intresserade - och rulla - måste du utforma interaktioner som är visuellt tilltalande och skapa en konsekvent upplevelse från den första glimten till slutakten. Här är några sätt att utforma långformat innehåll som uppfyller dessa mål med några exempel som är allt annat än tråkiga.
Ge det gott om utrymme
Tricket till överväldigande innehåll är utrymme.
Låt möta det. Många användare kommer att skrämmas i långformat innehåll om det ser tung ut. Innehåller massor av blankutrymme på ett sätt som gör innehållet skannbart, tar bort vikten ur designen och gör den verklig mer tillgänglig.
Tänk på följande som platser för att öka mängden blankutrymme du brukar använda i projekt:
- Mellan skärmens innehåll och kant (för alla enhetsstorlekar)
- Mellan rader av text och mellan stycken
- Runt om foton och andra visuella element
Använd Animation med syfte
När rullningen eller innehållet är långt behöver användarna visuella ledtrådar för att hjälpa navigering. Överväg att använda ändamålsenliga animeringar, som pilar, knappar eller parallaxeffekter för att uppmuntra användaråtgärder.
Dessa små bitar av animering kommer inte att ta bort historien, men kan ge småbitar av glädje åt användaren under läsnings- och navigationsprocessen.
Videoanimering är ett annat sätt att engagera användare. Medan du lägger in för mycket video kan du bryta upp flödet av lång text, det kan ge en bra utgångspunkt eller avstängning när du läser något ovanligt länge.
Oavsett om du väljer att använda videor före text för att ge en introduktion eller att bryta upp långa block, behåll meddelandet kort. Det måste också relatera till innehållet. Var försiktig med autoplay alternativen djupare in i innehållet eftersom de kan vara distraherande.
Det finns också andra kreativa sätt att använda animering också. Parallaxeffekterna i? Glitter in the Dark? (ovan) är fantastiska och intressanta. Föremålet för berättelsen verkar dansa med varje rullning som användaren rör sig genom texten. Effekten är enkel, engagerande och förringar inte läsupplevelsen.
Inkorporera illustrationer
Det finns bara något om långformat innehåll som verkar para bra med illustrationer. Om du har turen att ha en berättelse och illustratör, använd detta till din fördel.
Illustrationer som sprids genom texten kan förbättra en historia och hålla användarna engagerade. Inte bara vill de fortsätta läsa, men de vill också se illustrationerna också. Denna teknik kan fungera särskilt bra med verk av fiktion eller text som saknar en annan tydlig visuell representation.
Strategiskt placera bilder
Bildplacering är viktigt. Några av de bästa långformade mönster följer en vanlig formel för bildplaceringar eftersom estetiken är enkel, rinner bra och ger bra spel för text och bilder.
- Stor hjältebild.
- Introtext.
- Stor bild.
- Underrubrik eller stor text.
- Huvudtexten.
- Upprepa steg 3 till 5 för varje ny innehållsavdelning eller kapitel.
De flesta bilder är skalade för att passa i mitten av skärmen för att undvika textomslag eller udda läsmönster. Detta mimar nästan utseendet att hoppa över till en annan sida eftersom varje del av innehållet innehåller en bild, rubrik och text. Det skapar ett naturligt läsflöde som fungerar på samma sätt som långformat innehåll i en bok eller tidskrift, vilket ger en konsekvent och bekväm läsupplevelse för användarna.
Detta designflöde fungerar också bra oavsett enhet. Utan omslag och udda textkonfigurationer kommer utformningen att ge en liknande läsupplevelse på skrivbord, surfplatta eller mobilenhet.
Break Up Text Monotony
Var inte rädd för att skapa en läsupplevelse.
Det är okej att designa en långsiktig innehållswebbplats som är text tung. Du behöver inte lägga till bilder eller animerade effekter för varje flick av musen. Men du måste använda variationer i typografi för att upprätthålla flöde och visuellt intresse.
- Se till att du har många underrubriker i hela kopian. Gör dem stora och lätta att hitta. (Kom ihåg att användare ska skanna texten.)
- Använd fet, färg och kursiv för att göra specifika passager eller ord sticka ut.
- Inkorporera utdragsintäkter eller information som är särskilt intressant för att hålla användare att läsa.
Scrolling bör vara intuitivt
Användare är inte rädda för att rulla, så behandla inte dem som om det är ett nytt koncept. Se till att bläddringsåtgärder är intuitiva, särskilt om du försöker något lite ovanligt.
Coola rullningsfunktioner som parallax kan förbättra användarnas långsiktiga användarupplevelse. Se bara till att användarna vet vad som förväntas av dem om scrollhandlingar är lite okonventionella.
Rullupplevelsen, särskilt med långtidsinnehåll, ska vara sömlöst och användaren borde aldrig behöva tänka på det under navigering genom information. Förflyttningen ska vara flytande, kontrollerad och bidra till läsbarhet.
Ge milstolpar
En av de bästa egenskaperna hos Medium är att varje inlägg kommer med en genomsnittlig läsningstid. Polygon ger en framdriftsfält till vänster på skärmen (ovan). Användare har en idé om tidsinvesteringar innan de någonsin börjar läsa.
Små milstolpar med långformat innehåll ger användarna en känsla av prestation när de rör sig genom designen. (Det är mycket som att läsa en bok och se hur långt du har kommit.)
Andra sätt att inkludera milstolpar är att bryta innehållet i kapitel eller tillhandahålla en fast navigeringsfält.Dessa verktyg kan också hjälpa användare att hoppa över sektioner (de kommer troligen att göra det ändå), gå tillbaka eller sluta och kom tillbaka till var de slutade. Var och en av dessa funktioner kan vara en stor bidragsgivare till användarens tillfredsställelse och lycka.
Berätta för en fantastisk historia
Bra långt ifrån innehåll börjar med en fantastisk historia. Om du har en att berätta, kan en långformad design vara svaret.
Bli inte låst i en text-bara historia. Berätta för din historia på det sätt som är den bästa representationen av informationen. National Geographic's? Vandra Grand Canyon? (ovan) använder stora bilder och kartor för att berätta för sin historia och är värt en titt.
Ge inte bara användarna för mycket av en bra sak. Även om en långsiktig webbdesign kan vara engagerande kan hundratals rullar vara irriterande. Även långform bör utformas inom förnuft.
När din historia är klar stoppa du. Om du har ytterligare innehåll, lägg det på en annan sida.
Slutsats
Långformat innehåll kan ha fördelar för din webbplats bortom estetik och användarvänlighet. Enligt småföretagstendenser inkluderar andra fördelar med långformat innehåll högre rankningar, mer varumärkesmyndighet, ökad trovärdighet, mer social media-framgång, lägre kostnader för inkommande marknadsföring, mer bakåtlänkar och organisk trafik, mer hållbart innehåll och större värde.
En långformad innehållsdesign är något som är definitivt värt att överväga. Medan det inte är för alla projekt kan långformen vara ett bra alternativ för att berätta en specifik historia inom din design, för journalistik eller berättande plattformar eller bara för att ge ett nytt sätt att presentera information för användarna.