7 hemmeligheder til forbedring af UX med mikro-interaktioner
At vide, at vi alle dømmer en bog ved dens omslag, skaber smarte designere fængsomme og praktiske grænseflader. Potentielle brugere kan være hooked, men hvordan ruller du dem helt ind?
Ved at forsøge at besvare dette spørgsmål fører alle veje til en human-centreret design tilgang, hvor brugeren er hovedfokus. Vær menneskelig: Din ansøgning skal tale det samme sprog vi bruger hver dag, herunder følelser, samtaletal og med en knip af "come-hither" look. En grænseflade skal være din gode ven, klar til at give råd, der stræber efter at forbedre din oplevelse og få dig til at chuckle.
Gardiner op, slå lysene: mikro-interaktioner kommer i spil. For at være mere præcis handler det om interaktive animationer, der følger med en grænseflade for at gøre det mere tiltalende. En god animation kan:
- Kommuniker status og giv feedback
- Forbedre følelsen af direkte manipulation
- Hjælp folk med at visualisere resultaterne af deres handlinger
I UX er det vigtigt, hvordan du håndterer brugerne og hvordan de føler sig, når de bruger produktet. Endnu mindre detaljer fortjener nøje opmærksomhed. Mikro-interaktioner giver brugerne den nødvendige feedback og forståelse for de igangværende processer, hvilket gør en grænseflade tilgængelig, uanset hvor kompliceret logikken bag den kan være.
1) Vis systemstatus
Den første anvendelighed heuristisk princip af Jakob Nielsen hedder: Hold din bruger informeret om, hvad der sker. Brugere forventer at få svar straks, men der er situationer, hvor et websted har brug for noget tid, før en handling er afsluttet.
Interfacet bør derfor holde brugeren oplyst om, hvad der sker ved at vise en grafik i baggrunden, måle bitrate eller spille en lyd. Det samme princip vedrører filoverførsler: lad ikke brugeren kede sig; vise dem fremskridt. Selv en ikke-så behagelig anmeldelse som en overførselsfejl skal leveres på en sød måde. Få din bruger til at smile!
2) Fremhæv ændringer
Ofte for at spare plads, vil en app simpelthen erstatte en knap med en anden, når det er nødvendigt. Nogle gange skal vi vise meddelelser for at sikre brugeren det. Animation vil tiltrække deres opmærksomhed og ikke lade brugerne overse det, du synes er vigtigt.
3) Hold kontekst
I en tid med smartphones og smart ure med små skærme kan det være svært at passe meget på en skærm. En måde at håndtere det på er at holde tydelig navigation mellem forskellige sider; så brugeren forstår hvad der opstod fra hvor og kan nemt navigere tilbage. Der er mange muligheder for dette:
4) Ikke-standard layout
Ved at fortsætte med de foregående eksempler bør mikrointeraktioner hjælpe brugerne med at forstå, hvordan man interagerer med ualmindelige layouter uden unødig forvirring. Billeder, der springer fremad, rullende grafer og roterende tegn er alle gode muligheder:
5) opfordrer til handling
Bortset fra at hjælpe en bruger effektivt med at interagere med en applikation, har mikrointeraktioner beføjelsen til at opmuntre brugerne til faktisk at interagere: Fortsæt med at surfe, ligesom eller dele indhold, bare fordi det er attraktivt, og de ikke ønsker at forlade:
6) Visualiser input
Data input er et af de vigtigste elementer i enhver applikation. De kvalitetsresultater, brugerne får, afhænger af datainputet. Som regel er det ret kedeligt, men mikro-interaktioner gør denne proces til noget specielt:
7) Gør tutorials levende
Og selvfølgelig kan animationer hjælpe med at uddanne brugere efter lanceringen af en applikation ved at fremhæve grundlæggende funktioner og kontroller, der er nødvendige for yderligere brug uden hitch.
konklusioner
Så hvis du sætter pris på din brugeroplevelse, polerer du din grænseflade fra A til Z, spiser den op med mikro-interaktioner og animationer. Det vil trække vejret i dit projekt.
Opmærksomhed på hver eneste detalje er nøglen til din succes, hvilket gør det nemt at bruge menneske-computer interaktion.