Interaktiv berättelse och dess tillämpning inom webbdesignindustrin

Att ha inslaget av grafik är varje webbplatss nödvändighet nuförtiden. Utan korrekt användning av bilder kan du helt enkelt inte förmedla ditt budskap till besökaren, ännu bättre, få dem att överge din webbplats.

Visuella bilder har potential att nå in i betraktarens sinne och locka den till allt du försöker introducera, sälja eller investera. För att använda grafik till din fördel och få trafik på snabbast möjliga sätt är den bästa metoden för att engagera och konvertera besökaren genom interaktiv berättelse.

Varför Story Taling?

Jag vet vad som måste dyka upp i ditt huvud just nu. Vad har Askungen eller Rapunzal att göra med den visuella upplevelsen av en webbplats? Berättande är väl inte bara begränsat till sagor och Disney-serier, utan berättande är snarare ett effektivt sätt i marknadsföringsmixen för alla webbplatser som syftar till att hamna i toppen av tävlingen.

Hur man skapar en interaktiv berättelse

Det krävs mycket planering och försök att koppla design till berättelsen så när du visar den på målsidan på din webbplats gör den dig inte dum. Dina bilder behöver inte vara ett mästerverk av flera designers och en dyr CGI. Du kan berätta din historia med så mycket som en enda välartikulerad bildbanner. Men utmaningen uppstår när din berättelse korsar målet för din webbplats. Vad handlar din hemsida om? Vad är din varumärkeslogotyp och varför säljer den vad den säljer? Allt du förklarar genom det visuella måste vara unikt utan en tum av plagiat. Den måste bli så övertygande att efter att ha besökt din webbplats en gång börjar folk dela den, prata om den och besöka den igen.

Hur det fungerar

Det finns en ganska stor skillnad mellan en webbplats som har bilder, grafik och animation jämfört med en intetsägande textcentrerad plattform som du kallar en webbplats. Det är omöjligt att döma människor och innan du kan ha ett ordentligt samtal är de borta. Multimediaelement injiceras för att undvika detta. När en kund ser vanlig text som beskriver en produkt finns det en känsla av tvång att läsa bokstävernas alfabet och ord, medan en bild, video eller grafisk animation är lika lätt att se som det är att förstå.

Säljer stor produkt med novell

Ett företag som säljer bilar har mycket att fylla i innan det kan göra någon försäljning via sin onlineplattform. Att köpa bilar på nätet tar mycket nerv från kunden eftersom det handlar om stora summor. Om webbplatsen misslyckas med att få kundens öga, är det inget annat än skräp som flyter på internet. Sälja bilar, lastbilar eller tunga maskiner online vissa marknadsföringsvinklar för att exponera produktens USP (unika försäljningsargument). Jag känner till en bilwebbplats som har använt den perfekta berättartekniken för att visa sin pizzeria på kundens skärm.

Exempel :

Lexusls.asia är en utlöpare av Toyota som säljer lyxbilar. På webbplatsen har formgivarna på ett briljant sätt använt parallax-rullning för att introducera bilen med precis tillräckligt med text för att få besökaren att gå. Då rullar plötsligt ett däck från höger och visar några andra coola egenskaper hos bilen. När du scrollar ner längre släpper webbplatsen inte taget om dig och beskriver med lite cool grafik syftet och fördelarna med bilen.

Visuellt språk

Visuellt språk har förmågan att utnyttja själva grunden för mänskligt centrerad design. Visuellt språk går långt tillbaka och till och med innan något alfabet uppfanns eftersom grottmålningar var det grundläggande kommunikationsmediet. Grottmålningarna fungerade som källa till berättande, guide för att överleva och avvärja potentiella faror som var en del av den perioden. Mer eller mindre är grottritningarna den tidigaste formen av visuell data.

Vi vet att bilder och videor har en stor kommunikativ kraft, hur utnyttjar man denna kraft genom pixlar?

Exempel :

Det är då din egen fantasi kommer att spela. Lägga till bilder och videor med rätt mixtext så att din webbplats talar för sig själv.

Bellroy.com säljer sina läderplånböcker med garanti för större utrymme med smalare design. Hur de visar det är genom en elegant reglage med HD-bilder av en av deras plånbok mot en annan. När skjutreglaget rör sig gör berättelsen det också och inom 10 bilder placeras samma antal kort i deras märkesplånbok medan den andra plånboken deformeras mer än vad den faktiskt är. Här är slutsatsen slående och med en moral till övers.

Designa berättelsen

Det är ganska likt att skriva en pjäs när du designar en visuell berättelse. Alla aspekter och delar av pjäsen är närvarande på din webbplats och blandas med sådan intimitet att de helt smälter samman med historien du har introducerat. Din berättelse börjar med upplägget du har ordnat, går sedan mot konflikten och avslutas med en lösning.

Den här webbplatsen har till exempel ett unikt sätt att ta besökaren i armen och bjuda in till en dansbal fullproppad med känslor och visuella godsaker.

Användarna måste vara väl medvetna om historien eftersom den leder dem till deras destination. Och det är där besökaren blir lead, och lead blir kund. Det är bara rättvist att produkten eller tjänsten du planerar att presentera genom berättandeprocessen måste ha något som användaren behöver, en unik funktionalitet eller en prismarginal som kunden är ute efter.

Exempel :

Bagigia.com ger först besökaren en introduktion av återförsäljaren följt av enkel men djupgående 3d-bild av själva produkten med känslomässig text för att hålla berättelsen i flyt. Det stora vita utrymmet i designen hjälper användaren att fokusera när produkten sticker ut i centrum, vilket för historien till handling och mot upplösning.

Använd animerad berättelse till din fördel

Det är sant. Webbplatsanimering har blivit offer för överanvändning utan hänsyn till konventioner eller standarder och det är huvudorsaken till dess fall under de senaste 5 åren. Ironiskt nog vet väldigt få designers hur användningen av smart och punktlig animering kan göra din berättelse till Dark Knight Movie. Animation är byggd för att täcka det som statiska bilder inte kan fullborda, samtidigt som det tillför nöjen till själva designen.

Exempel :

På tal om DarkKnight, denna app för iOS på benthebodyguard.com låter dig säkra och kryptera information på din webbplats som har en genomgångsanimation (bokstavligen) när du går ner med ”Ben” i mitten, livvakten svurit att skydda din information med ett formidabelt rykte. Den här webbplatsen har exemplifierat hur animation kan användas när den är som bäst för att producera den idealiska syftet med en produkt.

Översätta designmeddelande

Kommer det inte till dig som en överraskning hur en design som helt enkelt är en blandning av bildkonst och grafik kan skapa empati inom dig? Jag vet att jag har. Vi som människor reagerar på våra djurs sinnen lika mycket som någon annan organism gör som är trogen sin natur. När vi ser en hjärteknare gör vi som vi har programmerat. Med utnyttjande av denna egenskap hos mänskligt beteende, behöver din berättelse inte alltid vara en buzz kill om ditt manifest och produkter eftersom det förmodligen är vad alla andra webbplatsägare har i åtanke nu för tiden. När du lägger till en känsla av känsla, själ och moral förvandlas din berättelse till ett budskap.

Exempel :

Den här webbplatsen everylastdrop.co.uk tar dig till en resa över din dagliga användning av vatten i ditt hem och i din omgivning. Att läsa om fakta om hur mycket vatten som slösas bort varje dag är för vanligt och tas ofta aldrig på allvar. Den här oskyldiga lilla killen som använder vatten urskillningslöst i sitt dagliga schema lyfter inte bara fram vikten av vatten utan sätter det också i kontrast till de som behöver det mest i tuffa delar av världen. Det växer så i betraktarens medvetande att han förmodligen skulle tänka två gånger innan han slösade ytterligare en droppe vatten nästa gång.

Använder mörka element

Romaner är roliga att läsa och med de senaste tekniska klättringarna är det nu nödvändigt att de läses ur böcker. Än i dag föredrar en stor majoritet av onlineanvändare fortfarande att bedöma boken efter dess omslag än att faktiskt läsa prologen. För att ta itu med dessa onlineanvändare och locka dem till produkten anlitar många författare ofta utvecklare för att skapa webbplatser dedikerade till deras romaner. Ett steg för steg repetition av romanen med animerade sekvenser kommer inte bara att ge berättelsen de fyrverkerier den behöver, utan också få onlineanvändaren att läsa den.

Exempel :

Med samma princip och struktur förvandlades Nam Les hyllade novell ”Båten” till en interaktiv grafisk roman genom att skapa en värld av stormhärjande hav som tvingade en båt från Vietnamkrigets skräck. Det bästa som någon kan göra i sin berättarfest är att lägga till ljud till sin design. Detta är superlativen av animerad berättelse för att förvärva UX. Se den här.

Engagerande och fylld med illustrationer, det är verkligen beviset på hur väl du kan hantera en produkt genom att skapa en design som rör sig när du interagerar med den.

Enhet av genomrullning

I e-handelsbranschen är människor ofta intresserade av att få fördelarna med en produkt som kan användas på flera tillfällen men av samma anledning. För det första gör det deras liv mycket lättare, och för det andra är det en del av den tekniska eran. Men med så mycket att lära och erkänna om en satsning som denna, är det mycket mindre troligt att kunder kommer att lägga en risk i något som har futuristiska implikationer och tjänar deras syfte alltför lätt, vilket gör det för bra för att vara sant. Jag har sett företag som försökt sälja sådana produkter med för mycket för att komma överens och resultatet blev tragiskt övergivande.

Exempel :

Men den här produkten lyckas inte bara sälja utan också uppfylla vad den lovar sina kunder. Denna produkt på onlycoin.com är ett enda kort som innehåller alla dina kreditkort. Berättelseprocessen hjälper tittaren att förstå komplikationen med att ha för många kort i plånboken med resonemang, men med den grafiska visningen av steg-för-steg-kortoptimering och kompakt bärande, blir det svårt att inte hålla med om produktens utlovade tillämpningar.

Slutsats

Berättande är inte bara begränsat till någon produkt eller mål; den är öppen för alla möjliga e-handelsövningar som hjälper besökarna att få den perfekta UX utan att kompromissa med designens funktionalitet. Att lära sig att bemästra detta för dina egna produkter och tjänster via e-handelswebbplatser är absolut nödvändigt i denna tid av elektronisk marknadsföring. Utan att läsa konsumentens tankesätt kan du helt enkelt inte lägga in din produkt, och utan efterfrågan finns det ingen produktion. Som Tim O’brien säger det, ”Berättande är den väsentliga mänskliga aktiviteten, ju svårare situationen är, desto viktigare är den”, och tro mig vännen, situationen blir aldrig lättare.