Interaktiv historiefortelling og dens anvendelse i webdesignindustrien

Å ha elementet grafikk er alle nettsteders nødvendighet i dag. Uten riktig bruk av visuelle elementer kan du rett og slett ikke formidle budskapet ditt til besøkende, enda bedre, få dem til å forlate nettstedet ditt.

Visuelle elementer har potensialet til å nå inn i hodet til seeren og lokke det til alt du prøver å introdusere, selge eller investere. For å bruke det visuelle til din fordel og få trafikk på raskest mulig måte, er den beste metoden for å engasjere og konvertere besøkende gjennom interaktiv historiefortelling.

Hvorfor historiefortelling?

Jeg vet hva som må dukke opp i hodet ditt akkurat nå. Hva har Askepott eller Rapunzal å gjøre med den visuelle opplevelsen av et nettsted? Vel historiefortelling er ikke bare begrenset til eventyr og Disney-franchising, men historiefortelling er snarere en effektiv måte i markedsføringsmiksen på ethvert nettsted som har som mål å komme seg selv i toppen av konkurransen.

Hvordan lage en interaktiv historie

Det krever mye planlegging og utprøving for å koble design til historien, så når du viser den på landingssiden til nettstedet ditt, blir du ikke dum. Visningene dine trenger ikke å være et mesterverk av flere designere og en dyr CGI. Du kan fortelle historien din med så mye som et enkelt godt artikulert bildebanner. Utfordringen byr seg imidlertid når fortellingen din krysser målet med nettstedet ditt. Hva handler nettstedet ditt om? Hva er merkevarelogoen din og hvorfor selger den det den selger? Alt du forklarer gjennom det visuelle må være unikt uten en tomme av plagiat. Det må bli så overbevisende at etter å ha besøkt nettstedet ditt én gang, begynner folk å dele det, snakke om det og besøke det på nytt.

Hvordan det fungerer

Det er ganske stor forskjell mellom et nettsted som har bilder, grafikk og animasjon kontra en intetsigende tekstsentrisk plattform du kaller en nettside. Det er umulig å dømme folk og før du får en skikkelig samtale er de borte. Multimedieelementer injiseres for å unngå dette. Når en kunde ser ren tekst som beskriver et produkt, er det en følelse av tvang til å lese alfabetene og ordene i utsagnet, mens et bilde, en video eller en grafisk animasjon er like lett å se som det er å forstå.

Selger stort produkt med novelle

Et selskap som selger biler har mye å fylle ut før det kan selge gjennom sin nettplattform. Å kjøpe biler på nett tar mye nerve fra kunden fordi det er store summer involvert. Hvis nettstedet ikke klarer å få øyet til klienten, er det ikke annet enn søppel som flyter på internett. Selge biler, lastebiler eller tungt maskineri på nettet bestemte markedsføringsvinkler for å avsløre USP-ene (unike salgsargumenter) til produktet. Jeg kjenner et bilnettsted som har brukt den perfekte historiefortellingsteknikken for å vise sin smak på kundens skjerm.

Eksempel :

Lexusls.asia er en avlegger av Toyota som selger luksusbiler. På nettsiden har designerne på glimrende vis brukt parallaksescrolling for å introdusere bilen med akkurat nok tekst til å få besøkende i gang. Så ruller plutselig et dekk fra høyre og viser noen andre kule egenskaper ved bilen. Når du blar nedover, slipper ikke nettsiden taket på deg og beskriver med litt kul grafikk formålet og fordelene med bilen.

Visuelt språk

Visuelt språk har evnen til å utnytte selve grunnlaget for menneskesentrisk design. Visuelt språk går langt tilbake og til og med før noe alfabet ble oppfunnet, da hulemalerier var det grunnleggende kommunikasjonsmediet. Hulemaleriene fungerte som kilde til historiefortelling, guide for å overleve og avverge potensielle farer som var en del av den perioden. Mer eller mindre er huletegningene den tidligste formen for visuelle data.

Vi vet at bilder og videoer har mye kommunikativ kraft, hvordan utnytter man denne kraften gjennom piksler?

Eksempel :

Dette er når din egen fantasi kommer til å spille. Legge til bilder og videoer med riktig blandingstekst slik at nettstedet ditt taler for seg selv.

Bellroy.com selger sine lærlommebøker med garanti for større plass med slankere design. Hvordan de viser det er gjennom en elegant skyveknapp med HD-bilder av en av lommeboken mot en annen. Når glidebryteren beveger seg, gjør historien det også, og innen 10 bilder er det samme antall kort plassert i deres merkede lommebok, mens den andre lommeboken deformeres mer enn den faktisk er. Her er konklusjonen slående og med en moral til overs.

Design historien

Det er ganske likt å skrive et skuespill når du designer en visuell historie. Alle aspektene og elementene i stykket er tilstede på nettstedet ditt og blandes med en slik intimitet at de smelter fullstendig sammen med historien du har introdusert. Historien din begynner med oppsettet du har arrangert, beveger seg deretter mot konflikten og avsluttes med en løsning.

Denne nettsiden har for eksempel en unik måte å ta den besøkende i armen og invitere til et danseball spekket med følelser og visuelle godbiter.

Brukerne må være godt klar over historien da den fører dem til destinasjonen. Og det er der den besøkende blir lead, og lead blir kunden. Det er bare rettferdig at produktet eller tjenesten du planlegger å presentere gjennom historiefortellingsprosessen må ha noe brukeren trenger, en unik funksjonalitet eller en prismargin kunden ser etter.

Eksempel :

Bagigia.com gir først besøkende en introduksjon av forhandleren etterfulgt av enkel, men dyptgripende 3d-avbildning av selve produktet med emosjonell tekst for å holde historien i flyt. Den store hvite avstanden i designet hjelper brukeren med å fokusere ettersom produktet skiller seg ut i sentrum, og bringer historien til handling og mot oppløsning.

Bruk animert historie til din fordel

Det er sant. Nettstedets animasjon har vært offer for overforbruk uten hensyn til konvensjoner eller standarder, og det er hovedårsaken bak dets fall de siste 5 årene. Ironisk nok er det svært få designere som vet hvordan bruk av smart og punktlig animasjon kan gjøre historien din til Dark Knight Movie. Animasjon er bygget for å dekke det statiske bilder ikke kan fullføre, samtidig som det tilfører underholdning til selve designet.

Eksempel :

Apropos DarkKnight, denne appen for iOS på benthebodyguard.com lar deg sikre og kryptere informasjon på nettstedet ditt som har en gjennomgangsanimasjon (bokstavelig talt) mens du går ned med ‘Ben' i midten, livvakten som har sverget på å beskytte informasjonen din med et formidabelt rykte. Denne nettsiden har eksemplifisert hvordan animasjon kan brukes på sitt beste for å produsere den ideelle formålshistorien for et produkt.

Oversette designmelding

Kommer det ikke til deg som en overraskelse hvordan et design som bare er en blanding av visuell kunst og grafikk kan produsere empati i deg? Jeg vet jeg har. Vi som mennesker reagerer på dyrenes sanser like mye som enhver annen organisme gjør som er tro mot dens natur. Når vi ser en hjerteknuser – gjør vi som programmert. Når du drar nytte av denne karakteristikken ved menneskelig atferd, trenger ikke historien din alltid være en buzz kill om manifestet og produktene dine, fordi det sannsynligvis er det alle andre nettstedeiere har i tankene i disse dager. Når du legger til en følelse av følelse, ånd og moral, forvandles historien din til et budskap.

Eksempel :

Denne nettsiden everylastdrop.co.uk tar deg med til en reise for din daglige bruk av vann i hjemmet og omgivelsene. Å lese om fakta hvor mye vann som kastes bort hver dag er for vanlig og blir ofte aldri tatt på alvor. Denne uskyldige lille fyren som bruker vann tilfeldig på sin daglige timeplan fremhever ikke bare viktigheten av vann, men setter det også i kontrast til de som trenger det mest i tøffe deler av verden. Det vokser så i sinnet til seeren at han sannsynligvis ville tenkt seg om to ganger før han kastet bort enda en dråpe vann neste gang.

Bruk av mørke elementer

Romaner er morsomme å lese, og med de siste teknologiske stigningene er det nå nødvendig at de leses ut av bøker. Selv den dag i dag foretrekker et stort flertall av nettbrukere å dømme boken etter omslaget enn å faktisk lese prologen. For å takle disse nettbrukerne og lokke dem til produktet, ansetter mange forfattere ofte utviklere for å lage nettsteder dedikert til deres romaner. En trinnvis repetisjon av romanen med animerte sekvenser vil ikke bare gi historien det fyrverkeriet den trenger, men også fange nettbrukeren til å lese den.

Eksempel :

Ved å bruke samme prinsipp og struktur, ble Nam Les anerkjente novelle «Båten» omgjort til en interaktiv grafisk roman ved å skape en verden av stormherjerende hav som tvinger en båt ut av Vietnamkrigens redsler. Det beste noen kan gjøre i sin historiefortelling er å legge til lyd til designet. Dette er superlativet til animert historiefortelling for å tilegne seg UX. Se den her.

Engasjerende og fylt med illustrasjoner, det er virkelig beviset på hvor godt du kan administrere et produkt ved å lage et design som beveger seg mens du samhandler med det.

Forening av gjennomrulling

I e-handelsindustrien er folk ofte interessert i å få fordelene med et produkt som kan brukes på flere tilfeller, men av samme grunn. For det første gjør det livet deres mye lettere, og for det andre er det en del av den teknologiske æraen. Men med så mye å lære og anerkjenne om en satsning som dette, er det svært mindre sannsynlig at kunder vil sette en risiko i noe som har futuristiske implikasjoner og tjener deres formål altfor enkelt, noe som gjør det for godt til å være sant. Jeg har sett bedrifter som prøvde å selge slike produkter med for mye til å være enige, og resultatet var tragisk forlatelse.

Eksempel :

Imidlertid klarer dette produktet ikke bare å selge, men også oppfylle det det lover kundene sine. Dette produktet på onlycoin.com er enkeltkort som inneholder alle kredittkortene dine. Historiefortellingsprosessen hjelper seeren å forstå komplikasjonen av å ha for mange kort i lommeboken med resonnement, men med den grafiske visningen av trinnvis kortoptimalisering og kompakt bæring, blir det vanskelig å være uenig med de lovede bruksområdene til produktet.

Konklusjon

Historiefortelling er ikke bare begrenset til ethvert produkt eller mål; den er åpen for alle slags e-handelsøvelser som hjelper de besøkende med å få den ideelle UX uten å gå på akkord med funksjonaliteten til designet. Å lære å mestre dette for dine egne produkter og tjenester gjennom e-handelsnettsteder er avgjørende i denne tidsalderen med elektronisk markedsføring. Uten å lese tankegangen til forbrukeren kan du rett og slett ikke sette inn produktet ditt, og uten etterspørsel er det ingen produksjon. Som Tim O'brien sier det, "Historiefortelling er den essensielle menneskelige aktiviteten, jo vanskeligere situasjonen er, jo viktigere er den", og tro meg venn, situasjonen blir aldri enklere.