Een website is meer dan alleen een plaats om informatie over uw app, portfolio of producten te bewaren. Het moet een verhaal vertellen om gebruikers te interesseren en te verrassen. (Dat is een van de belangrijkste elementen die hen helpen bij te blijven.)

Hoewel een goed verhaal misschien begint met een idee op pen en papier, komt het dankzij het ontwerp tot leven.

1. Betrek tot beelden

Het ontwerp moet de gebruiker visueel raken. Begin met schone, heldere beelden. Stellaire foto's, interessante illustraties of video's die wow zullen helpen de aandacht te trekken en een eerste indruk te maken.

Maar het concept van "show, do not tell" stopt hier niet.

Het verhaal moet worden gevuld met beelden, zowel visueel door ontwerptechnieken als met de woorden op het scherm. Ontwikkel een kleurenpalet dat spreekt over het verhaal dat u vertelt, met elementen die gebruikers ertoe brengen een doel of taak in het ontwerp te voltooien. Een goed verhaal zal gebruikers onderweg helpen. Het ontwerp moet een voor de hand liggende visuele match zijn.

koffie

2. Ontwikkel een karakter

Bij het ontwerpen van websites praten we veel over gebruikerspersoonlijkheden. Het is een belangrijk onderdeel van het ontwikkelingsproces. Breng het naar het volgende niveau met een personage in je verhaal dat gebruikers kunnen identificeren en identificeren.

Het personage kan echt zijn en door het ontwerp reizen, of kan worden gezien als een stem in de inhoud.

Een goed voorbeeld van karakterontwikkeling is van e-mailplatform, MailChimp. Freddie, de cartoon mascotte en het logo van het bedrijf duiken op in het hele ontwerp, in de blog en in promoties. Het personage doet een paar dingen voor het bedrijf:

  • Ten eerste helpt het personage de bedrijfsnaam te verduidelijken. Zoals nagebootst in een wijdverspreide advertentiecampagne, was er enige verwarring over 'MailChimp'. Het zien van een chimpansee naast de woorden kan het duidelijker maken.
  • Het personage helpt bij het weergeven van de leuke aard die het bedrijf uitbeeldt. De toon en visuals zijn licht en eenvoudig.
  • Freddie biedt het bedrijf een verhaal als ze niet veel andere dingen hebben om over te praten in promotionele aspecten. Hoe is de chimpansee geworden? waar komt zijn naam vandaan? enzovoort. Het personage helpt het bedrijfsverhaal fris te houden en vooruitgang te boeken.
chimpansee

3. Nodig deelname uit

Voeg waarde toe aan het ontwerp met interactieve elementen gecombineerd met veel voorkomende acties. Voeg animatielagen toe aan knoppen die gebruikers moeten opmerken of help het oog op bepaalde elementen te richten met gerichte aanwijzingen zoals pijlen of afbeeldingen die naar een interactief element 'leunen'.

Overweeg andere effecten die gebruikers betrokken kunnen houden bij het verhaal. Parallax scrollen, bijvoorbeeld, is een zeer boeiende manier om beweging op het scherm te stimuleren. Dat is een van de redenen waarom deze techniek zo populair is.

Een goed verhaal hoeft niet ingewikkeld te zijn. Humaan ontwikkelt hun verhaal met eenvoudige zweefanimaties in combinatie met teamfoto's om u te helpen de mensen achter het bedrijf te ontmoeten. Het is eenvoudig en effectief. (Let ook op de fotografie van het personeel.) Fun poses en gezichtsuitdrukkingen laten het karakter van elk teamlid doorschijnen.)

Humaan

4. Ontwerp een spel

Een van de moeilijkste aspecten van het vertellen van een verhaal is het eigenlijk ontwikkelen. Als u niet weet waar u moet beginnen, kan een eenvoudig spel u helpen focussen en zelfs een leuke manier bieden voor gebruikers.

De truc om een ​​game aan het ontwerp toe te voegen, is om het simpel, kort te houden en een soort beloning voor de inspanning te bieden, zoals een kortingsboncode of een virtuele badge.

Het hoeft niet het Pokemon-stijlspel te zijn waar je waarschijnlijk aan denkt. Overweeg Dropbox. Extra ruimte krijgen in uw cloudopslagaccount is voor veel gebruikers het doel. Anderen uitnodigen om Dropbox te gebruiken, in te loggen vanaf meerdere apparaten en e-mailaccounts aan te sluiten, behoren tot de gamification-tools die het bedrijf gebruikt om gebruikers meer opslagruimte te bieden. De game is eenvoudig, er zijn beloningen voor succes en het heeft geholpen een bemanning van loyale Dropbox-gebruikers te creëren.

Voor gebruikers die het spel niet willen spelen of genoeg taken kunnen voltooien, biedt Dropbox een betaald abonnement om meteen door te gaan en direct te winnen. (Dat is de andere truc voor een game-achtig verhaal: gebruikers moeten kunnen winnen.)

dropbox

5. Maak microinteracties Zinvol

Denk aan de kleine elementen in het ontwerp waarmee gebruikers omgaan. Social media websites in het bijzonder drijven zoveel betrokkenheid, omdat ze eenvoudige ervaringen creëren met microinteracties.

Als opfriscursus zijn micro-interacties kleine momenten waarop een gebruiker een ontwerp gebruikt. Telkens wanneer u een instelling wijzigt, verzendt u een bericht, meldt u zich aan of wilt u een status waarvan u getuige bent geweest van een micro-interactie. Van het klikken op het Instagram-hart (en kijken hoe het rood wordt) tot het tikken op retweet, deze feedback-loops zorgen ervoor dat gebruikers terug blijven komen.

Betekenisvolle micro-interacties creëren een vraag naar het ontwerp. Het voegt een niveau van functie voor gebruikers toe dat de algehele ervaring de moeite waard maakt.

Micro-interacties maken een ontwerp ook nuttig of gewenst. Verbind deze momenten met de belangrijkste doelen van uw website. Het kan van alles zijn, van gebruikers toestaan ​​een product dat ze net hebben gekocht te delen om iets toe te voegen aan een verlanglijst om zich aan te melden voor een melding.

robot

6. Maak een verhaal

Elk verhaal heeft een begin, een midden en een eind.

Als uw websiteontwerp deze verhaalstroom niet representeert, kunnen gebruikers in de war raken of verloren raken. Dit zijn de eenvoudigste formules:

  • Begin: logo en kop. Laat gebruikers weten wie u bent en waarom ze zich op uw website bevinden.
  • Midden: al het ondersteunend verhaal dat je speciaal maakt. Wat kunt u doen voor mensen die op uw site zijn? Wat moeten ze verwachten?
  • Einde: een voor de hand liggende oproep tot actie, zoals een formulier, het vermogen om een ​​aankoop te doen of een link naar iets anders.
beest

7. Houd de verhaallijn eenvoudig

Dit zou in tegenspraak kunnen zijn met het advies in nummer 6, maar het verhaal moet eenvoudig zijn. Dit is geen 1.500 pagina's tellend volume. Een eenvoudige verhaallijn is er een die je in 5 seconden of minder zou kunnen uitleggen.

Het verhaal moet gebruikers meteen grijpen, een impressie achterlaten en hen laten terugkeren. Ja, je kunt dit doen met een begin, een midden en een eind.

Stroomopwaarts staat dit allemaal op de startpagina - gebruikers kunnen scrollen naar meer "midden" van het verhaal, maar er is een glimp van alle drie delen op de startpagina. De beelden en tekst vertellen een verhaal van nood en helpen mensen met Upstream daar om te helpen. Er is een "bet betrokken" knop op het scherm en het beeld is zo opvallend dat je wilt helpen.

Het verhaal is eenvoudig en effectief. Gebruikers zullen het waarschijnlijk meer onthouden ... en jij.

omhoog

Conclusie

Wanneer u een verhaal ontwerpt, is het belangrijkste om te onthouden dat uw verhaal de uwe zou moeten zijn. Probeer niet iets te zijn wat je niet bent. Gebruikers zullen eerder in contact komen met authenticiteit dan met een verzonnen verhaal.