7 sätt att berätta en stor historia med design
En webbplats är mer än bara en plats för att hålla information om din app, portfölj eller produkter. Det borde berätta en historia att engagera och glädja användare. (Det är en av de viktigaste elementen som hjälper dem att hålla sig kvar.)
Medan en bra historia kan börja med en idé på penn och papper, kommer det till liv tack vare designen.
1. Engagera med bildspråk
Designen bör visuellt engagera användaren. Börja med rena, tydliga bilder. Stjärnor, intressanta illustrationer eller videor som wow hjälper till med att fånga uppmärksamhet och göra ett första intryck.
Men begreppet "visa, berätta inte" slutar inte där.
Berättelsen ska fyllas med bildspråk, både visuellt genom designteknik och med orden på skärmen. Utveckla en färgpalett som talar till berättelsen du berättar, med element som driver användare för att slutföra ett mål eller en uppgift i designen. En bra historia kommer att leda användare på vägen. Designen ska vara en uppenbar visuell match.
2. Utveckla en karaktär
I webbdesign pratar vi mycket om användarperspektiv. Det är en viktig del av utvecklingsprocessen. Ta det till nästa nivå med ett tecken i din historia som användare kan identifiera och identifiera med.
Tecknet kan vara verkligt och resa genom hela konstruktionen, eller kan uppfattas som en röst i innehållet.
Ett bra exempel på karaktärsutveckling är från e-postplattform, MailChimp. Freddie, företagets tecknad maskot och logotyp dyker upp genom hela designen, i bloggen och i kampanjer. Karaktären gör några saker för företaget:
- Först hjälper karaktären att klargöra företagets namn. Som efterliknades i en utbredd annonskampanj fanns det viss förvirring om "MailChimp." Att se en chimpans bredvid orden kan göra det tydligare.
- Karaktären hjälper till att visa upp den roliga naturen som företaget visar. Tonen och visuella är ljusa och enkla.
- Freddie ger företaget en berättelse när de inte har många andra saker att prata om i marknadsföringsaspekter. Hur kom chimpansen ut? var kom hans namn från? och så vidare. Karaktären hjälper till att hålla företagets historia fräsch och framåt.
3. Bjud in deltagande
Lägg till värde för designen med interaktiva element i kombination med vanliga åtgärder. Lägg till rörelser av animering till knappar som användare måste märka eller hjälpa till med att köra ögat mot vissa element med riktmärken som pilar eller bilder som "lutar" mot det som ett interaktivt element.
Tänk på andra effekter som kan hålla användare engagerade i berättelsen. Parallaxrullning, till exempel, är ett mycket engagerande sätt att hjälpa till att uppmuntra rörelse på skärmen. Det är en av anledningarna till att denna teknik är så populär.
En bra historia behöver inte vara komplex. Humaan fördjupar sin historia med enkla hoveranimeringar ihop med lagfoton för att hjälpa dig att träffa människorna bakom företaget. Det är enkelt och effektivt. (Notera också personalen fotografering. Roliga poser och ansiktsuttryck låter varje medarbetares karaktär skina genom.)
4. designa ett spel
En av de svåraste delarna av att berätta en historia är att utveckla den. Om du inte vet var du ska börja kan ett enkelt spel hjälpa dig att fokusera och till och med ge en rolig aveny för användare.
Tricket att lägga till ett spel i designen är att hålla det enkelt, kort och ge någon typ av belöning för insatsen, till exempel en kupongkod eller virtuellt märke.
Det behöver inte vara det Pokemon stilspel du troligen tänker på. Tänk på Dropbox. Att få extra utrymme i ditt molnlagringskonto är målet för många användare. Att bjuda in andra att använda Dropbox, logga in från flera enheter och ansluta e-postkonton är bland de gamifieringsverktyg som företaget använder för att ge användarna mer lagringsutrymme. Spelet är enkelt, det finns belöningar för framgång och det har hjälpt till att skapa en besättning av lojala Dropbox-användare.
För användare som inte vill spela spelet eller kan klara tillräckligt med uppgifter, erbjuder Dropbox en betald plan för att hoppa över och vinna omedelbart. (Det är det andra tricket till en spelstilhistoria, användarna måste kunna vinna.)
5. Gör mikrointeraktioner meningsfullt
Tänk på de små elementen i den design som användare ska interagera med. Särskilt sociala medier webbplatser driver så mycket engagemang eftersom de skapar enkla erfarenheter av mikrointeraktioner.
Som en uppdatering är mikrointeraktioner små ögonblick när en användare engagerar sig i en design. Varje gång du ändrar en inställning skickar du ett meddelande, loggar in eller gillar en status som du har sett en mikrointeraktion. Från att klicka på Instagram-hjärtat (och titta på det blir rött) för att trycka på för att retweeta, är dessa återkopplingsslingor vad som hindrar användare att komma tillbaka.
Betydande mikrointeraktioner skapar en efterfrågan på designen. Det lägger till en nivå av funktion för användare som gör den övergripande upplevelsen värdig.
Mikrointeraktioner gör också en design till hjälp eller önskad. Anslut dessa stunder till de viktigaste målen för din webbplats. Det kan vara allt från att tillåta användare att dela en produkt som de just köpt för att lägga till något på en önskelista för att anmäla sig till en varning.
6. Skapa en berättelse
Varje historia har en början, mitten och slutet.
Om din webbdesign inte representerar det här flödet, kan användarna bli förvirrade eller förlorade. Här är de enklaste formlerna:
- Början: Logo och rubrik. Låt användarna veta vem du är och varför de är på din hemsida.
- Middle: Allt stödjande berättande som gör dig speciell. Vad kan du göra för personer som finns på din webbplats? Vad ska de förvänta sig?
- Slut: En uppenbar uppmaning till handling som en form, förmåga att göra ett köp eller länka till något annat.
7. Håll storylinen enkel
Detta kan motverka rådet i nr 6, men historien behöver vara enkel. Detta är inte en 1 500 sidvolym. En enkel historia är en som du kan förklara om 5 sekunder eller mindre.
Historien ska ta tag i användarna genast, lämna ett intryck och få dem att återvända. Ja, det kan du göra med början, mitten och slutet.
Uppströms gör allt på hemsidan - användarna kan bläddra efter mer av "mitten" av historien, men det finns en glimt av alla tre delarna på hemsidan. Visuella och text berättar en historia om behovet och hjälper människor med uppströms där för att hjälpa. Det finns en "engagera" -knapp på skärmen och det visuella är så slående att du vill hjälpa.
Historien är enkel och effektiv. Användare är mer benägna att komma ihåg det ... och du.
Slutsats
När du utformar en historia är det viktigaste att komma ihåg att din historia borde vara din. Försök inte vara något du inte är. Användare är mer benägna att ansluta till äkthet än en uppbyggd berättelse.