Fire UX Design Teknikker til at tilskynde Bruger Engagement
At opmuntre brugere til at fortsætte og bruge en hjemmeside involverer ikke altid slankere kode eller skønnere grafik. Nogle af de enkleste layouter som Reddit gør stadig brugere opmærksomme på indholdet, og begejstret for at interagere med webstedet.
Hemmeligheden ligger i brugeroplevelse og overvejelsen af hvordan en hjemmeside funktioner. Interaktioner stammer fra sideelementer og handlingstrømme, der flytter fra en side til den næste.
I dette indlæg tager jeg et kig på nogle UX design teknikker der kan anvendes til forbedre brugeroplevelsen og øge brugerengagement. Bemærk, at disse ikke altid gælder for alle hjemmesider, og det er mere vigtigt at forstå, hvorfor disse teknikker fungerer, så du kan bruge din egen vurdering.
Emnet for brugeroplevelse er stort og kræver tålmodighed til fuldt ud at forstå. Men jo mere du træner jo mere vil du forstå
Det bedste du kan gøre er spille rundt på websteder, du kan lide og finde ud af hvad du kan lide omkring dem. Fra dine oplevelser kan du ekstrapolere konsekvente ideer og finde ud af, hvad der holder dig (og måske andre) involveret på en hjemmeside.
1. Brug Kontrast til at tegne opmærksomhed
Hvert websted er bygget med en håndfuld elementer lavet til brugerinteraktion. Hyperlinks, knapper, indtastningsfelter, sidebar widgets, listen fortsætter og tændes. Men ikke alle elementer skal skabes ens. Nogle er naturligvis mere vigtige for besøgendes engagement og bør udformes med højere kontrast at skille sig ud fra andre elementer på siden.
Denne ide stammer fra høj farvekontrast og måden mennesker behandler visuelle data i mønstre. Når noget skiller sig ud fra omgivelserne, uanset om det er farve, størrelse, form eller hvide rum, kan det synes vigtigere ud fra konteksten.
Brug kontrast til at gøre opmærksom på bestemte sider, der involverer besøgende i en bestemt opgave. Hvis dit mål er at opbygge flere nyhedsbreve, kan dit abonnementskasse have en lyst animeret tilmeldingsknap eller et unikt vektorikon.
Målet er at fange opmærksomhed ved at opbygge en grænseflade, der lokker besøgende i at udføre nogle ønskede handlinger.
Hvis du har tid, kan det være værd at køre et par A / B-casestudier for at se, hvilke farver / elementer der fungerer bedst sammen. Statistikker er vanskelige at bestemme, men du vil blive overrasket over hvor meget du kan lære af en simpel split test.
2. Smagfuld UI / UX Animation
Jeg snuble for nylig på et indlæg med titlen "Hvad kender Disney om interface animation. Det dækker de vitale punkter af animation og hvordan disse spiller til psyken af brugere, der interagerer med en flad 2D-skærm.
Forskellige typer animationer kan indebære visse adfærd. For eksempel, når du svinger over en knap, kan det springe op for at vise, at det er klikbart. Fejlmeddelelser ryster ofte for at henlede opmærksomheden fra brugeren.
Huske på, at UX animation skal være synlig endnu subtil. Vilde over-the-top animationer er mere til tv og film end grænseflader.
Men det betyder ikke, at dine grænseflader skal forblive flade. Faktisk ville de fleste brugere hellere har en slags animation, fordi det giver illusionen af en glattere oplevelse. Digitalt design handler delvist om skabe en illusorisk grænseflade, men jo mere realistisk det ser ud, jo flere dine brugere vil interagere.
3. Responsive Design som et krav
Det er rimeligt at sige en stor del af internetbrugere gennemse fra deres mobiltelefoner. Links, der deles med sociale websteder som Facebook og Twitter, bliver ofte besøgt på smartphones og tablet-enheder.
Det betyder, at alle hjemmesider skal optimeres til mobil på en eller anden måde - helst med et helt lydhørt design.
Når du er tvunget til at overveje skærmens størrelse, det placerer kritiske funktioner i et helt nyt lys. Som designer skal du vælge hvilke funktioner der er vigtigst og hvordan de skal vises på mindre skærme. Denne responsive designstrategi tager tid at lære, men den bedste måde er at studere andre hjemmesider og afhente teknikker, som du kan lide.
Sandheden er lydhørige designværker og det bliver mere accepteret af design samfundet med hvert år.
Brugere forventer også, at websites skal være fuldt lydhøre, så de kan imødekomme enhver enhedsskærm. Når et websted ikke passer fint ind i en mobil webbrowser, kan det være afskrækkende til brugeroplevelsen.
4. Forenkle interaktionsprocessen
Smashing Magazine har for nylig udgivet et af de bedste indlæg, jeg har læst til støtte for forenkling til interface design. Det hedder, at ingen ønsker at hoppe gennem hoops for at bruge dit websted eller din applikation. Folk er kun interesserede i slutresultatet, og hurtigste midler til at komme derhen.
Jeg kan godt lide at opbygge UX-flowdiagrammer for hvert interaktivt sideelement, når jeg skitserer wireframes. Disse hjælper visuelt at forestille sig, hvordan webstedet skal se ud og fungere.
Men i sandhed er det ligegyldigt, hvordan du planlægger oplevelsen. Bare vær sikker på at du planlægger Den hurtigste og enkleste oplevelse er mulig. Når det kommer til at opmuntre til aktivitet, vil du have de vigtige ting at være underbygget af designet.
Hvis nogen lander på din webapp og ikke forstår, hvordan du tilmelder dig med det samme, er det et stort problem. Det skal være åbenlyst åbenlyst til brugeren, hvad dit websted gør, og hvordan de kan være adskilt fra det.
Det bedste sted at starte er ved at undersøge UX design og processen med, hvordan brugere interagerer med en grænseflade. Derefter vil du kunne drage konklusioner, der er relevante for dine egne projekter, og ideelt forenkle dine grænseflader til deres største potentiale.
Til relateret læsning om emnet for brugeraktivitet, tjek disse indlæg:
- Breaking Web Design Conventions = Bryde brugeroplevelsen
- Brugerbarhed og brugeroplevelsesarkiv på smashing magazine
- Webdesign Concepts at Entice User Interaction
Wrap-Up
Der er ikke et enkelt svar på, hvordan man designer (eller reparerer) websites for at forbedre brugervenligheden. Ja, der er nogle ting, du kan prøve, men hvert websted er lidt anderledes, og undersøgelsen af UX-design er meget kompliceret.
Jeg håber, at denne artikel kan komme i gang med at tænke på nogle fælles teknikker til at opbygge meget brugbare grænseflader. Det bedste du kan gøre er at placere dig selv i skoene til en typisk bruger, og prøv at bestemme de store fejl i en grænseflade. Og når du genkender et problem, er du allerede halvvejs til løsningen!
