Berätta historier på webben, det hetaste sättet att engagera dina användare
Berättelsen är nästan lika gammal som mänskligheten själv. Ända sedan människorna kunde prata, använde de berättande som ett sätt att kommunicera idéer, lektioner och koncept. Webbdesign handlar också om att kommunicera idéer och koncept, vilket är anledningen till att storytelling på webben är det perfekta sättet att engagera användare.
Eftersom webdesigners blir mer kreativa och letar efter nya sätt att förbättra användarupplevelsen, blir de allt mer till berättande i sin design.
När designers införlivar storytelling till en webbplats, drar de också användaren mer effektivt, vilket ger en mer engagerande upplevelse. Storytelling kan ta formen och formen av många olika enheter, och olika typer av webbplatser hoppar ombord på berättande trenden.
Berätta historier med sociala medier
Idag integreras sociala media och webbdesign i allt större utsträckning. De flesta företag och publikationer på Internet har alla sina sociala medier knappar lagade ut på varje sida, vilket gör aktier och publicitet enklare än någonsin. Sociala medier uppmuntrar användare som känner sig passionerade för ett varumärke som är mer effektiva än någonsin för att ansluta till produkten eller tjänsten.
Sociala medier kan bli ett bra sätt att marknadsföra genom berättande. Du kan berätta historien om ditt varumärke till din fångenskap av lojala kunder / användare. Sociala media bygger på några sätt att berätta om ett varumärke med passion, syfte och hype.
Ta Tommy Hilfigers Facebook-sida . Denna epitom av klassisk amerikansk prep-mode har mer än 8,7 miljoner följare som representeras av liknande på sidan. Dessa många anhängare är den ögonblickliga publiken som varumärket kan berätta för sin historia. Hilfiger delar ständigt nyheter om sina designlanseringar, kändispartnerskap och PR-evenemang med sina anhängare. Märket använder också bilder och videoklipp för att göra sin historia mer engagerande för samhället.
Berätta historier med bilder
Ibland kan storytelling effektivt uppnås genom en enkel och anspråkslös användning av bilder. Det finns det gamla ordspråket om hur en bild är värd tusen ord, trots allt. Det ger mycket mening när du tänker på det eftersom en bild är lätt att absorbera, så ett meddelande kan kommuniceras mycket effektivt.
LinkedIns registreringssida illustrerar detta på en tee. Först och främst, notera hur lite kopia det finns på hela sidan! Detta är uppenbarligen gjort med syfte att tillåta gruppen av bilder av (mycket olika) individer att hälsa på användaren av webbplatsen.
Bara genom att observera boxen med bilder kan du redan få ett skarpt intryck av vad LinkedIn handlar om: det är verkligen för alla. Bilderna visar att män och kvinnor med olika etniska bakgrunder (även om de inte omfattade äldre personer) glatt och säkert slog bort på grund av LinkedIn-upplevelsen. Någon som inte är bekant med den sociala nätverksplatsen förstår omedelbart att människor från hela världen använder webbplatsen för nätverk och verksamhet.
Berätta historier med illustrationer
Illustrationer eller ritningar kan fungera samma typ av magi som fotografierna har. De är också visuella hjälpare som gör det enkelt för besökaren att förstå den historia som ett varumärke försöker berätta. Illustrationer kan gå på ett av två sätt: den abstrakta vägen eller den mer realistiska vägen. Vi tittar på den senare typen.
På webbplats för Evernote Web Clipper , du kommer att märka tre block av illustrationer som går från vänster till höger. Ja, blocken av illustrationer åtföljs av en praktisk text längst ner för att hjälpa till att förklara hur Web Clipper fungerar, men de här illustrationerna kommer till liv, nästan som en storybook, hur användarflödet kommer att se ut.
Som ett resultat kvarstår ingen att undvika att de kan använda Web Clipper för att samla in och komma åt olika element från Internet när de vill och från var de vill.
Berätta historier med kopia
Det borde inte vara någon överraskning att orden som används på webbplatsen kopia är utomordentligt stark vid stor berättande. Det är en känsla av sinnet när du anser att orden är kärnan i en stor berättande historia, och det har varit så här sedan man först satt penna till papper.
En webbplats som exemplifierar hur kopia kan användas för att berätta en fängslande historia är The Tourist Eye . Tourist Eye är beroende av en bra och engagerande kopia för att omedelbart informera användarna om vad de kommer att få till gengäld för att använda tjänsten. Strax till saken gör webbplatsen kopia det tydligt att du kan hitta en mängd idéer och tips för saker du vill göra - på stora resor och små resor.
Då, som användaren rullar ner på sidan, går kopian till honom genom ytterligare funktioner och alternativ som är tillgängliga. Dessa inkluderar det praktiska och önskvärda tillfället att skapa önskelistor och en chans att få The Tourist Eye på din mobiltelefon som app.
Berätta historier med maskotar
När det gäller den komiska och älskvärda har maskoterna kanten. Företag vet att maskot är ett enkelt sätt att gratulera sig med kunderna, och de hjälper också ett varumärke att berätta sin historia på ett humoristiskt, tillgängligt och konversationellt sätt. Ta MailChimp till exempel.
Den har en ganska känd maskot med namnet på Freddie Det gör ett uppslag på jobbet genom att kommunicera företagets filosofi. Företaget förespråkar ett ljust och inte allvarligt förhållningssätt till affärer och liv i allmänhet, vilket lätt ses i Freddies utseende på allt MailChimp-relaterat.
Oavsett om det är Freddie som bara ler, blinkar eller med en penna på örat (och ler i stort) vet du att varumärket kommunicerar sin jordnära och personliga stil för användarna. Denna maskot kan ses på nästan alla sidor av MailChimp , på ett sätt, form eller form.
Berätta historier med parallax
Parallax scrolling har funnits i några år nu, och det handlar fortfarande om trendiga. Det är förmodligen det enklaste sättet att visa hur dödlig effektiv storytelling i webbdesign kan vara. Det beror på att naturen att rulla ner på en webbplats bara ges för att avslöja mer och mer informationslag (läs: berättande), nästan som att peeling de efterföljande skikten av huden av en lök (minus tårarna, förstås).
Ta exemplet på Kungliga brittiska legionen - Följ vallmowebbplatsen . Det ger nyfikna besökare med viktig information om hur donationer till den kungliga brittiska legionen är tillbringade-pojke, brukar de någonsin vara bra. Genom intressant och livlig berättande när du rullar ner får du se de många, hjälpsamma tjänster som Legion tillhandahåller. Detta inkluderar att hjälpa brittiska militärfamiljer (komplett med specifika exempel på riktiga familjer) och karriärhjälp för de veteraner som lämnar tjänsten för att försöka ta hand om något annat.
Berätta historier med personlighet
Personlighet har börjat utgöra ett allt viktigare element i modern webbdesign. Det är särskilt kraftfullt och kraftfullt för att hjälpa företag och varumärken att humanisera sig och därigenom ansluta sig på en mer personlig nivå med sina besökare, fans och köpare. Allt detta motsvarar fler människor som vill köpa, så följer även större vinster naturligt.
Personlighet gör att ditt varumärke kan berätta en stor historia också. Ta exemplet på PET Flyttning . Under webbplatsens Team- sektion är alla medarbetare spotlighted, men det ligger långt ifrån din typiska sida! Alla anställda (och några av deras hundar också) visas leende i stor utsträckning, men när du sveper markören på varje bild får du en bonusöverraskning: en dum / inställningsfylld uppsättning från varje anställd. Det berättar besökare hur avslappnad och avslappnad företagskulturen är hos Pet Relocation.
Slutsats
Storytelling har varit med mänskligheten sedan de första primitiva människorna fortfarande åt sina köttråvaror och ritade på grottväggen. Det beror på att det är ett kraftfullt och effektivt sätt att få saker över. Det är ingen överraskning att den här tekniken i slutändan tar slut i webbdesignvärlden.
Ju mer att varumärken och företag ser hur tilltalande det här tillvägagångssättet är desto mer ser du webbplatsdesign efter webbplatsdesign som innehåller denna teknik.