En guldfisk har en längre uppmärksamhet än vad du gör. Låt det sjunka i ett ögonblick. Vad ska du göra om det?
Som designer är det ditt jobb att skapa något som människor kommer att sluta och interagera med. Det tar en design och användarupplevelse som kommer att kroka besökare och hålla dem att klicka och knacka. Bekämpa kort uppmärksamhet spänner med smart design.
Gör det fort
Allt om din design bör förmedla hastighet så att användarna inte känner att de måste vänta på information. Detta inkluderar att se till att din webbplats eller app laddas snabbt och skapar en rörelsefrihet i designen.
- Effektivisera laddningstider genom att dämpa onödiga funktioner och ladda animeringar som signalerar en väntan. Bara en tre sekunders fördröjning kan öka risken för att användarna överger konstruktionen innan de ens ser det.
- Design för rörelse. Oavsett om du använder visuella tekniker i en stillbildsdesign eller lägger till video eller animering, kan rörelsen göra att en design verkar kunna röra sig snabbare. Det kommer att kännas som mindre av en väntan och det finns saker som kommer att ta en användares uppmärksamhet (i några sekunder ändå). Tänk på en videoslinga som rör sig i en snabb framåtgående takt för att få det att se ännu snabbare ut och kanske mer engagerande.
- Design med utrymme så att ögat går snabbt från element till element. Denna ögonhastighet och snabb förståelse för innehållet gör att designen lätt kan smälta i bråttom.
Lita på den inverterade pyramiden
Den inverterade pyramiden är något som unga journalister lär sig på klassens första dag - sätta viktigaste informationen överst (eller i spetsen) och luta ner till den minst viktiga informationen. Konstruera din design på samma sätt.
Är du osäker på hur du identifierar viktig information? Svara sex nyckelfrågor för användare:
- Vem?
- Vad?
- När?
- Var?
- Varför?
- På vilket sätt?
Konstruktionen bör rotera kring att svara på dessa frågor med anrop till handling som pekar i riktning mot svaren.
Visa framsteg
Användare tycker om att känna en känsla av prestation. Använd en framdriftsfält eller meddelanden som visar hur nära slutförandet en användare är när du rullar genom en skjutreglage (det finns anledning att de prickar som anger antalet bilder är så populära) eller berätta för användarna hur långt de har kommit.
Framstegsindikatorer är särskilt viktiga när användarna också ger information till dig. Hur komplett är en blankett? Svaret låter en användare veta hur mycket tid och engagemang de har investerat i din design. Och människor gillar framgång.
Bevis det, du tittar hur länge en nedladdning tar varje gång du klickar på något? det beror på att du vill veta hur mycket längre det tar. Det är en framstegsindikator.
Gör saker lätt att "röra"
Ju närmare ett mål är för användaren, ju mer sannolikt de ska interagera med det. Så gör mål - som anrop till handling, länkar eller knappar - lätt att röra.
Du kan göra detta med designen på några sätt:
- Skapa överdimensionerade mål som är omöjliga att missa. Om knappar eller andra element är större eller bara ser större på grund av kontrast eller färg är irrelevant. Det som är viktigt är att de ligger i framkant av designen.
- Grupp liknande element så att användarna inte behöver flytta över hela skärmen för att slutföra åtgärder. Ju närmare saker är till varandra, ju mer sannolikt är det att relaterade objekt kommer att tjäna liknande interaktioner.
- Gör saker lätt att nå. På mobilenheter bör allting vara mindre än tummen borta - även på de största telefonerna. Det här är det primära kranområdet och det gör det enkelt att dra eller slänga föremål och inte orsaka någon otillbörlig muskelspänning för användaren.
Begränsa alternativ för användare
Att ha för många alternativ kan sakta ner användarens beslutsfattande och tankeprocesser och göra designen långsam. (Även om detta inte är fallet.)
Du vet vad du vill att användarna ska göra när de når din webbplats. Led dem till den önskade åtgärden. Ge dem några val under vägen så användaren känner sig i kontroll, men håll dem rörliga längs vägen mot framgång. Detta gäller allt från länkar och samtal till handling inom innehållsområdena i designen och i huvudnavigeringen. (Strömma navigationen så mycket som möjligt, begränsa den till viktiga sidor. Använd intern länk och sök efter allt annat.)
Det finns många tankskolor som sätter en "rätt" antal val. Detta kan variera beroende på ditt innehåll, men i allmänhet gör en sådan konstruktion det enklaste beslutet. Med två alternativ måste användarna välja den ena eller den andra.
Skapa konsistens
Det enklaste sättet att haka användare är att hålla dem klickande. Det snabbaste sättet att göra det är att designa med konsistens.
Med hjälp av liknande teckensnitt gör färger och användargränssnittstyper det enkelt för användarna att flytta genom designen eftersom de inte behöver lära sig något nytt visuellt eller sluta och tänka på användbarhetsmönster. Designen bör vara konsekvent från sida till sida och överensstämmer med allmänt accepterade användarmönster och metoder för att göra användbarhet - och hastighet - i framkant av designen.
Design för läsbarhet
Text som är lätt att läsa är mer sannolikt att fånga någon uppmärksamhet som försöker dechiffrera en komplicerad typsnitt. Det finns inget som en jätte Helvetica? Hej du? att ta tag i någons uppmärksamhet.
Läsbarhet gör något annat också. Det hjälper användarna att skanna konstruktionen för nyckelord eller bitar av information som de finner relevanta. Du har bara några sekunder att göra detta, så användarna måste snabbt identifiera något som direkt hänför sig till deras behov. Slösa inte bort den dyrbara tiden med ett dumt teckensnitt och tre ord.
Ge användare något att göra
Se till att designen innehåller samtal till handling, ett spel, ett roligt faktum eller länkar. Användare gillar att interagera med webbplatser; det är därför de är på din sida i första hand, så ge dem något att göra.
Tänk på enkla eller korta interaktioner som är underbara eller funktionella. Dessa kan sträcka sig från en hoveranimering till fullskaligt spel eller produktinformation och recensioner. Gör interaktionerna enkla att hitta och kom ihåg att begränsa interaktiva alternativ så att användarna inte blir överväldiga av alltför många val. Välj ett eller två interaktiva element för att vara din design? Trick? och hålla allt annat relativt enkelt.
Slutligen, när du skapar något för användarna att göra, glöm inte att berätta för dem att göra det. Rensa samtal till handling kan hjälpa till att skapa omvandlingar.
Slutsats
Tänk på webbplatser du nyligen har besökt. Vad fick dig att hänga i längre än 8 sekunder? Vad fick dig att överge konstruktionen snabbare än det?
Håll de två listorna behändiga. Använd dem med tipsen ovan för att hjälpa till att planera och designa något som lockar användare att engagera sig mer djupt i innehållet.