7 hemligheter för att förbättra UX med mikro-interaktioner
Att veta att vi alla dömer en bok genom dess omslag skapar smarta designers snygga och praktiska gränssnitt. Potentiella användare kan vara anslutna, men hur rullar du dem hela vägen in?
För att försöka svara på denna fråga leder alla vägar till en människacentrerad designmetod där användaren är huvudfokus. Var mänsklig: din ansökan ska tala samma språk som vi använder varje dag, inklusive känslor, samtalstalet och med en nypa "come-hither" look. Ett gränssnitt ska vara din goda vän, redo att ge råd som strävar efter att förbättra din upplevelse och få dig att chuckle.
Gardiner upp, slå på lamporna: mikro-interaktioner spelas in. För att vara mer exakt handlar det om interaktiva animeringar som följer med ett gränssnitt för att göra det mer tilltalande. En bra animation kan:
- Kommunicera status och ge feedback
- Förbättra känslan av direkt manipulation
- Hjälp människor att visualisera resultaten av deras handlingar
I UX är det viktigt att hantera användarna och hur de känner sig när de använder produkten. Även mindre detaljer förtjänar noggrann uppmärksamhet. Mikro-interaktioner ger användarna nödvändig feedback och förståelse för de pågående processerna, vilket gör att gränssnittet kan nås, oavsett hur komplicerat logiken bakom den kan vara.
1) Visa systemstatus
Den första användbarhet heuristisk princip av Jakob Nielsen påstår: håll din användare informerad om vad som händer. Användare förväntar sig att få svar omedelbart, men det finns situationer när en webbplats behöver lite tid innan en åtgärd är klar.
Så gränssnittet bör hålla användaren upplyst om vad som händer genom att visa en grafik i bakgrunden, mäta bitrate eller spela ett ljud. Samma princip gäller filöverföringar: låt inte användaren bli uttråkad; visa dem framsteg. Även en inte så trevlig anmälan som en överföring misslyckas bör levereras på ett sött sätt. Gör din användare leende!
2) Markera förändringar
Ofta, för att spara utrymme, kommer en app helt enkelt att ersätta en knapp med en annan när det behövs. Ibland måste vi visa meddelanden för att se till att användaren ser det. Animation kommer att locka uppmärksamhet och inte låta användare se bort från vad du tycker är viktigt.
3) hålla sammanhang
I en tid med smartphones och smarta klockor med små skärmar kan det vara svårt att passa mycket information på en skärm. Ett sätt att hantera det är att hålla klar navigering mellan olika sidor. så användaren förstår vad som framkom av var och kan enkelt navigera tillbaka. Det finns många alternativ för detta:
4) Icke-standardiserade layouter
Fortsatt med tidigare exempel bör mikro-interaktioner hjälpa användare att förstå hur man interagerar med ovanliga layouter utan onödig förvirring. Bilder som bläddrar framåt, rullar grafer och roterande tecken är alla bra alternativ:
5) uppmanar till handling
Förutom att hjälpa en användare att interagera effektivt med en applikation har mikro-interaktioner kraften att uppmuntra användare att faktiskt interagera: Fortsätt att surfa, som eller dela innehåll, bara för att det är attraktivt och de inte vill lämna:
6) Visualisera inmatning
Datainmatning är en av de viktigaste elementen i någon applikation. Kvalitetsresultatet användare får beror på dataingången. Som regel är det ganska tråkigt, men mikro-interaktioner gör denna process till något speciellt:
7) Gör självstudierna levande
Och naturligtvis kan animationer hjälpa utbilda användare efter lanseringen av en applikation genom att markera grundläggande funktioner och kontroller som behövs för vidare användning utan hitch.
Slutsatser
Så, om du värdesätter din användarupplevelse, polera ditt gränssnitt från A till Z, spicing det med mikro-interaktioner och animeringar. Det kommer att andas livet i ditt projekt.
Uppmärksamhet på varje detalj är nyckeln till din framgång, vilket gör att man-datorsamverkan är lätt att använda.