7 manieren om gebruikers met animatie te verrassen
"Delight" is een woord dat we vaker horen en gebruiken om plezierige momenten in onze producten te beschrijven. Verrukking is de magie waardoor we verliefd worden op een product. Het is een kernelement om naar te streven bij het ontwerpen. Als het gaat om het bieden van plezier of genot in onze websites en apps, dragen animaties veel bij.
Waarom heerlijke animatie belangrijk is
Digitaal ontwerpen speelt een cruciale rol in de manier waarop klanten een product ervaren. Modern design is sterk gericht op bruikbaarheid, omdat bruikbaarheid mensen in staat stelt om eenvoudig hun doelen te bereiken. Het ontwerpen voor de gebruikerservaring heeft echter veel meer te maken dan het maken van een bruikbaar product. Een goed ontwerp is plezierig en verleidelijk. Een goed ontwerp is heerlijk . "Op dit punt in de evolutie van het ontwerp van het ontwerp, zou tevredenheid de norm moeten zijn, en vreugde zou het doel moeten zijn", zegt Stephen Anderson. Animatie kan u helpen dit doel te bereiken.
Wanneer heerlijke animaties gebruiken
Net als elk ander ontwerpelement moet animatie bijdragen aan de gebruikersstroom. Verrukkelijke animaties zijn plezierig voor de gebruiker zonder afbreuk te doen aan de bruikbaarheid van de app. Er zijn twee gevallen waarin het implementeren van verrukkelijke animaties in uw digitale ontwerpen UX kan versterken:
- Boeiend en onderhoudend. Entertainende animatie vestigt de aandacht op onze producten door een sterke eerste indruk te maken. Het kan onze producten gedenkwaardiger en meer deelbaar maken.
- Emotie in ontwerp. Het tonen van de menselijke kant van uw bedrijf of product kan een zeer krachtige manier zijn voor uw publiek om u te identificeren en zich in te leven. Het doel van emotioneel ontwerp is om geluk te creëren. U wilt dat mensen zich gelukkig voelen wanneer zij uw product gebruiken.
Laten we een paar manieren bekijken waarop animatie prachtige momenten kan helpen maken:
1. Houd gebruikers geïnteresseerd tijdens het laden
Laadtijd is een onvermijdelijke situatie voor de meeste digitale producten. Maar wie zegt dat laden saai moet zijn? Wanneer we de lijn niet kunnen verkorten, kunnen we het wachten zeker aangenamer maken. Om ervoor te zorgen dat mensen zich niet vervelen tijdens het wachten op iets dat gebeurt, kun je ze wat afleiding bieden: dit kan iets leuks zijn of iets onverwachts. Hoewel animatie het probleem niet oplost, maakt dit het wachten minder een probleem: fijne animaties kunnen uw gebruikers afleiden en negeren lange laadtijden.
credits: Dribbble
2. Maak een goede eerste indruk
Eerste indrukken tellen: mensen beoordelen dingen op basis van hoe ze eruitzien. Een goede animatie tijdens de stroom aan boord heeft een grote invloed op hoe nieuwe gebruikers zich voor de app zullen interesseren. Een goede eerste indruk gaat niet alleen over bruikbaarheid, maar ook over persoonlijkheid. Als uw eerste app-schermen er een beetje anders uitzien dan vergelijkbare producten, heeft u de gebruiker laten zien dat uw volledige productervaring waarschijnlijk ook anders zal zijn. Het animeren van een illustratie voor een nieuwe functie kan de gebruiker bijvoorbeeld op een gedenkwaardige manier informeren over de functie.
credits: Dribbble
3. Laat uw interfaces levendiger aanvoelen
Creatieve animatie kan uw gebruikerservaring echt verrukkelijk maken: ze kunnen vertrouwde interacties transformeren tot iets veel leukers en hebben de kracht om gebruikers aan te moedigen om daadwerkelijk te communiceren. Aandacht voor fijne bewegingen kan de bruikbaarheid en dus de wenselijkheid van het product vergroten.
4. Verwerk emotionele interacties
Focussen op gebruikersemoties speelt een grote rol in UI-interacties. Zoals Aarron Walter in zijn boek Designing for Emotion zei: "Persoonlijkheid is de mysterieuze kracht die ons naar bepaalde mensen trekt en ons van anderen afstoot." Door middel van animatie kun je een emotionele band met je gebruikers opbouwen, en ze eraan herinneren dat er echte mensen zijn achter het ontwerp. Een voorbeeld van animatie van ReadMe zit vol emoties.
5. Help de gebruiker te herstellen van onverwachte fouten
'Fouten' gebeuren. Ze gebeuren in onze apps en ze gebeuren in ons leven. Soms gebeuren ze omdat we fouten hebben gemaakt. Soms omdat een app is mislukt. Wat de oorzaak ook is, deze fouten - en hoe ze worden afgehandeld - kunnen van grote invloed zijn op de manier waarop de gebruiker uw app ervaart. Een goed gemaakte foutafhandeling kan van een moment van mislukking een moment van verrukking maken. Gebruik het bij het weergeven van een onverwachte fout als een kans om van animatie te genieten.
credits: Dribbble
6. Maak een complexe taak gemakkelijker
Animatie kan een complexe taak transformeren in een uitnodigende ervaring. Laten we een MailChimp-case nemen voor inspiratie. Wat MailChimp geweldig maakt, is de soepele functionaliteit verpakt in brutale humor en vriendelijke animaties. Wanneer je op het punt staat je eerste campagne te verzenden, laat de bijbehorende animatie zien hoe stressvol het is. Mailchimp geeft empathie aan het ontwerp: door geanimeerde cartoons te combineren met tongue-in-cheek-boodschappen als "Dit is je gloriemoment", verzacht MailChimp de nervositeit van het verzenden van je eerste e-mails.
7. Adem plezier in de interacties
Mensen vinden het heerlijk om traktaties in interfaces te ontdekken, net als in het echte leven. De vreugde is meer dan de traktatie, het is de ontdekking van de traktatie en het gevoel dat iemand de tijd heeft genomen om aan je te denken.
credits: Dribbble
Mensen zullen vergeten wat je zei, mensen zullen vergeten wat je gedaan hebt, maar mensen zullen nooit vergeten hoe je ze hebt gemaakt. - Maya Angelou
Onderschat nooit de kracht van verrukking om de gebruikerservaring te verbeteren. Het verschil tussen producten waar we van houden en die we eenvoudigweg tolereren, is vaak de vreugde die we ermee hebben.
Natuurlijk, voordat uw toepassing een emotionele band met de gebruiker kan creëren, moet hij de basis juist hebben. Maak uw product dus een genot om te gebruiken door gevoelens te verbinden met functies!