Fyra UX-designtekniker för att uppmuntra användarengagemang

Att uppmuntra användare att stanna kvar och använda en webbplats innebär inte alltid smalare kod eller snyggare grafik. Några av de enklaste layouterna som Reddit håller fortfarande användare nöjda med innehållet och är stolta över att kunna interagera med webbplatsen.

Hemligheten ligger i användarupplevelse och övervägande av på vilket sätt en webbplats funktioner. Interaktioner härrör från sidelement och åtgärdsströmmar som flyttar från en sida till nästa.

I det här inlägget tar jag en titt på några UX designtekniker som kan tillämpas på förbättra användarupplevelsen och öka användarengagemanget. Observera att dessa inte alltid är tillämpliga på varje webbplats och det är viktigare att förstå varför dessa tekniker fungerar så att du kan använda din egen bedömning.

Ämnet med användarupplevelse är enormt och kräver tålamod att förstå fullständigt. Men ju mer du tränar desto mer förstår du

Det bästa du kan göra är spela runt på webbplatser du gillar och räkna ut vad gillar du om dem. Från dina erfarenheter kan du extrapolera konsekventa idéer och ta reda på vad som håller dig (och kanske andra) engagerade på en webbplats.

1. Använd Kontrast för att rita uppmärksamhet

Varje webbplats är byggd med en handfull element gjorda för användarinteraktion. Hyperlänkar, knappar, inmatningsfält, sidobar widgets, listan fortsätter och fortsätter. Men inte alla element bör skapas lika. Vissa är naturligtvis viktigare för besökarnas engagemang och bör utformas med högre kontrast att sticka ut från andra element på sidan.

Denna idé härstammar från hög färgkontrast och hur människor bearbetar visuella data i mönster. När något sticker ut ur sin omgivning, oavsett om det är färg, storlek, form eller vitt utrymme, kan det verkar viktigare utifrån kontext.

Använd kontrast för att uppmärksamma vissa sidelement som involverar besökare i en viss uppgift. Om ditt mål är att bygga fler nyhetsbrevsannonser, kan din prenumerationsruta ha en ljus animerad anmälningsknapp eller en unik vektorikon.

Målet är att fånga uppmärksamhet genom att bygga ett gränssnitt som lockar besökare i att utföra vissa önskade åtgärder.

Om du har tid kan det vara värt att köra några A / B-fallstudier för att se vilka färger / element som spelar bäst ihop. Statistik är svår att peka ut men du kommer bli förvånad över hur mycket du kan lära dig av ett enkelt splittest.

2. Smakfull UI / UX Animation

Jag snubblat nyligen på ett inlägg som heter What Does Disney Know About Interface Animation. Den täcker de vitala punkterna av animering och hur dessa spelar för psyken hos användare som interagerar med en platt 2D-skärm.

Olika typer av animeringar kan innebära vissa beteenden. När du till exempel svävar över en knapp kan det hoppa upp för att visa att det är klickbart. Felmeddelanden skakar ofta för att dra uppmärksamhet från användaren.

Kom ihåg det UX-animering ska vara synlig men subtil. Vilda över-the-top animationer är mer för TV och filmer snarare än gränssnitt.

Men det betyder inte att gränssnittet ska vara platt. Faktum är att de flesta användare skulle snarare ha någon typ av animering eftersom det ger en illusion av en mjukare upplevelse. Digital design handlar delvis om skapa ett illusoriskt gränssnitt, men ju mer realistiska det verkar, ju mer dina användare vill interagera.

3. Responsive Design som ett krav

Det är rättvist att säga en stor del av Internet-användare bläddra från sina mobiltelefoner. Länkar som delas med sociala webbplatser som Facebook och Twitter besöks ofta direkt på smartphones och surfplattor.

Det innebär att varje hemsida ska optimeras för mobil på något sätt - helst med en fullständigt lyhörd design.

När du är tvingas att överväga skärmstorlek, Det ställer kritiska funktioner i ett helt nytt ljus. Som designer måste du välja vilka funktioner som är viktigaste och hur de ska visas på mindre skärmar. Denna responsiva designstrategi tar tid att lära sig men det bästa sättet är att studera andra webbplatser och hämta tekniker som du vill ha.

Sanningen är den lyhörda designarbeten och det blir mer accepterat av designgemenskapen med varje passande år.

Användare förväntar sig också att webbplatser ska vara fullt mottagliga så att de kommer att tillgodose alla skärmar på enheten. När en webbplats inte passar snyggt i en mobil webbläsare kan det vara avskräckande för användarupplevelsen.

4. Förenkla interaktionsprocessen

Smashing Magazine publicerade nyligen en av de bästa inlägg som jag har läst till stöd för förenkling för gränssnittsdesign. Det står att ingen vill hoppa genom hoops för att använda din webbplats eller ansökan. Folk är bara intresserade av slutresultat, och den snabbaste sättet att komma dit.

Jag gillar att bygga UX-flödesdiagram för varje interaktivt sidelement när jag skissar trådramar. Dessa hjälper till att visuellt tänka på hur webbplatsen ska se ut och fungera.

Men i sanning spelar det ingen roll hur du planerar erfarenheten. Var bara säker på att du planerar Den snabbaste och enklaste upplevelsen är möjlig. När det gäller att uppmuntra verksamhet vill du ha viktiga saker att vara underförstått av designen.

Om någon landar på din webapp och inte förstår hur man registrerar sig direkt, är det ett stort problem. Det borde vara uppenbart självklart till användaren vad din webbplats gör och hur de kan vara ifrån varandra.

Det bästa stället att börja är att undersöka UX-designen och processen för hur användarna interagerar med ett gränssnitt. Därifrån kan du dra slutsatser som är relevanta för dina egna projekt och förenkla dina gränssnitt till största möjliga potential.

För relaterad läsning om ämnet för användaraktivitet, kolla in dessa inlägg:

• Bryta webbdesignkonventioner = bryta användarupplevelsen
• Användbarhet och användarupplevelsearkiv på smashing magazine
• Koncept för webbdesign för entice User Interaction

Sammanfatta

Det finns inget enda svar på hur man utformar (eller fixar) webbplatser för att förbättra användbarheten. Ja det finns några saker du kan försöka, men varje sida är lite annorlunda och studien av UX-designen är väldigt komplicerad.

Jag hoppas att den här artikeln kan komma igång med att tänka på några vanliga tekniker för att bygga mycket användbara gränssnitt. Det bästa du kan göra är att placera dig själv i en typisk användares skor och försök att bestämma de stora bristerna i ett gränssnitt. Och när du känner igen ett problem är du redan halvvägs till lösningen!