Historie er næsten lige så gammel som selve menneskeheden. Helt siden mennesker kunne tale, brugte de historiefortælling som en måde at kommunikere på ideer, lektioner og koncepter. Webdesign handler også om at kommunikere ideer og koncepter, og derfor er storytelling på nettet den perfekte måde at engagere brugere på.

Da webdesignere bliver mere kreative og leder efter nye måder at forbedre brugeroplevelsen på, bliver de i stigende grad til historiefortælling i deres design.

Når designere indarbejder historiefortælling på en hjemmeside, tegner de også brugeren mere effektivt, hvilket giver en mere spændende oplevelse. Historiefortælling kan tage form og form af mange forskellige enheder, og forskellige typer af steder hopper om bord i historien.

Fortæller historier med sociale medier

Disse dage er sociale medier og webdesign i stigende grad integreret. De fleste virksomheder og publikationer på internettet har alle deres sociale medier knapper lagt ud på hver side, hvilket gør aktier og reklame lettere end nogensinde. Sociale medier tilskynder brugere, der føler lidenskabeligt om et mærke for at forbinde produktet eller tjenesten mere effektivt end nogensinde.

Sociale medier kan blive en fantastisk måde at markedsføre ved hjælp af storytelling. Du kan fortælle historien om dit brand til dit fangede publikum af loyale kunder / brugere. Sociale medier er afhængige af ethvert antal måder at fortælle historien om et brand med passion, formål og hype.

Tage Tommy Hilfigers Facebook-side . Denne epitome af klassisk amerikansk prep-mode har mere end 8,7 millioner tilhængere som repræsenteret af lignende på siden. Denne mange tilhængere er det øjeblikkelige publikum, mærket kan fortælle sin historie til. Hilfiger deler hele tiden nyheder om designlanceringer, celebrity partnerskaber og salgsfremmende arrangementer med tilhængere. Mærket bruger også billeder og videoer til at gøre sin historie mere engagerende for samfundet.

001

Fortæller historier med billeder

Nogle gange kan historiefortælling effektivt opnås ved den ligefremt beskedne brug af billeder. Der er det gamle ordsprog om, hvordan et billede er værd tusind ord, trods alt. Dette giver meget mening, når du tænker på det, fordi et billede er let at absorbere, så en besked kan kommunikeres meget effektivt.

LinkedIns tilmeldingsside illustrerer dette til en tee. Først og fremmest bemærk, hvor lille kopi der er på hele siden! Dette er naturligvis gjort med det formål at give gruppen af ​​billeder af (meget forskellige) personer mulighed for at hilse brugeren af ​​webstedet.

Bare ved at observere billedboksen kan du allerede få et skarpt indtryk af, hvad LinkedIn handler om: det er virkelig for alle. Billederne viser mænd og kvinder af forskellig etnisk baggrund (selvom de ikke omfattede ældre) glædeligt og trygt smilende væk på grund af deres LinkedIn-oplevelse. Enhver, der ikke er bekendt med det sociale netværk, forstår straks, at folk fra hele verden bruger hjemmesiden til netværk og forretning.

002

Fortæller historier med illustrationer

Illustrationer eller tegninger kan arbejde på samme type magi som fotografier har. De er også visuelle hjælpere, der gør det nemt for besøgende på webstedet at forstå historien et brand forsøger at fortælle. Illustrationer kan gå på en af ​​to måder: den abstrakte rute eller den mere realistiske rute. Vi vil se på sidstnævnte type.

På den websted for Evernote Web Clipper , vil du bemærke tre blokke af illustrationer, der går fra venstre mod højre. Ja, illustrationsblokkene er ledsaget af en praktisk tekst nederst for at hjælpe med at forklare, hvordan Web Clipper virker, men illustrationserne kommer til liv, næsten som en fortællingsbog, hvordan brugerflowet vil se ud.

Som følge heraf er der ingen tilbage, som undrer sig over, at de kan bruge Web Clipper til at indsamle og få adgang til forskellige elementer fra internettet, når de vil og hvor de vil.

003

Fortæller historier med kopi

Det bør ikke komme som nogen overraskelse, at de ord, der bruges i webstedskopi, er usædvanligt kraftige ved stor historiefortælling. Det giver en verden af ​​forstand, når du overvejer at ord er kernen i stor historiefortælling, og det har været sådan, siden man først satte pen til papir.

Et websted der eksemplificerer, hvordan kopi kan bruges til at fortælle en fængslende historie er The Tourist Eye . Tourist Eye er afhængig af en punchy og engagerende kopi til straks at informere brugere om, hvad de får til gengæld for at bruge sin service. Lige til det punkt gør webstedets kopi det tydeligt klart, at du kan finde et væld af ideer og tips til ting, du vil gøre - på store rejser og små getaways ens.

Så når brugeren ruller ned på siden, går kopien ham gennem yderligere funktioner og muligheder, der er tilgængelige. Disse omfatter den praktiske og ønskelige mulighed for at skabe ønskelister og en chance for at få The Tourist Eye på din mobiltelefon som en app.

004

Fortæller historier med maskotter

Når det kommer til den komiske og elskelige, har maskoterne kanten. Virksomheder ved, at maskot er en nem måde at gratulere sig med kunderne på, og de hjælper også et mærke med at fortælle sin historie på en humoristisk, tilgængelig og konversationsmæssig måde. Tag MailChimp, for eksempel.

Den har en temmelig berømt maskot med navnet Freddie det gør et bang-up job ved fortælling ved at kommunikere virksomhedens corporate filosofi. Virksomheden fremhæver en larmløs og ikke-seriøs tilgang til forretning og liv generelt, hvilket let ses i Freddie's afbilder på alt MailChimp-relateret.

Uanset om det er Freddie, bare smilende, blinkende eller med en blyant på hans øre (og smilende bredt), ved du, at mærket kommunikerer sin jordnære og personlige stil til brugerne. Denne maskot kan ses på næsten alle sider af MailChimp på en måde, form eller form.

005

Fortæller historier med parallax

Parallax scrolling har eksisteret i et par år nu, og det handler stadig om trendy. Det er nok den nemmeste måde at demonstrere, hvordan dødbringende effektiv fortælling i webdesign kan være. Det skyldes, at karakteren af ​​at rulle ned på et websted er netop givet til at afsløre flere og flere lag med information (læs: historiefortælling), næsten som at skrælle de efterfølgende lag af huden ud af en løg (minus tårerne selvfølgelig).

Tag eksemplet på Den kongelige britiske legion - Følg valmuewebstedet . Det giver nysgerrige besøgende på stedet med vigtige oplysninger om, hvordan donationer til den kongelige britiske legion er brugt-dreng, er de nogensinde godt brugt. Gennem interessant og levende historiefortælling, mens du ruller ned, får du se de mange, hjælpsomme tjenester, som Legion giver. Dette omfatter at hjælpe britiske militærfamilier (komplet med konkrete eksempler på ægte familier) og karrierehjælp til de veteraner, der forlader tjenesten for at prøve deres hånd på noget andet.

006

Fortæller historier med personlighed

Personlighed er begyndt at omfatte et stadig vigtigere element i moderne webdesign. Det er især stærkt og effektivt for at hjælpe virksomheder og mærker med at humanisere sig selv og dermed forbinde på et mere behageligt niveau med deres besøgende, fans og købere. Alt dette svarer til flere mennesker, der ønsker at købe, så også større fortjeneste følger naturligt.

Personlighed gør det muligt for dit mærke at fortælle en stor historie også. Tag eksemplet på Pet Flytte . Under webstedets Team sektion er alle medarbejdere spotlighted, men det er langt fra din typiske side! Alle medarbejdere (og nogle af deres hunde også) vises smilende bredt, men når du svæver markøren på hvert billede, får du en bonus overraskelse: en dum / attitude-fyldt stilling fra hver medarbejder. Det fortæller besøgende, hvor afslappet og afslappet virksomhedskulturen er hos Pet Relocation.

007

Konklusion

Historiefortælling har været med menneskeheden siden de første primitive mennesker stadig spiste deres kød rå og tegner på hulmure. Det er fordi det er en kraftfuld og effektiv måde at få tingene på. Det er ikke overraskende, at denne teknik i sidste instans finder sted i webdesign verden.

Jo mere at mærker og virksomheder ser, hvordan tiltalende denne tilgang er, desto mere vil du se webdesign efter site design, der inkorporerer denne teknik.