Wetende dat we allemaal een boek beoordelen op basis van de omslag, creëren slimme ontwerpers pakkende en praktische interfaces. Potentiële gebruikers zijn misschien verslaafd, maar hoe pak je ze helemaal op?

In een poging om deze vraag te beantwoorden, leiden alle wegen naar een mensgerichte ontwerpaanpak , waarbij de gebruiker centraal staat. Wees mens: uw toepassing moet dezelfde taal spreken die wij dagelijks gebruiken, inclusief emoties, spreektaal en een snuifje "come-hither" uiterlijk. Een interface moet je goede vriend zijn, klaar om advies te geven om je ervaring te verbeteren, en je grinnikt.

Gordijnen op, lichten aan: micro-interacties spelen een rol. Om preciezer te zijn, dit gaat over interactieve animaties die gepaard gaan met een interface om het aantrekkelijker te maken. Een goede animatie kan:

  • Communiceer status en geef feedback
  • Verbeter het gevoel van directe manipulatie
  • Help mensen de resultaten van hun acties te visualiseren

In UX is het van belang hoe u met gebruikers omgaat en hoe zij zich voelen bij het gebruik van het product. Zelfs kleine details verdienen veel aandacht. Micro-interacties bieden gebruikers de nodige feedback en een goed begrip van de lopende processen, waardoor een interface benaderbaar is, ongeacht hoe ingewikkeld de logica erachter is.

1) Toon de systeemstatus

De eerste usability heuristic principe door Jakob Nielsen stelt: houd uw gebruiker op de hoogte van wat er gaande is. Gebruikers verwachten onmiddellijk reacties te ontvangen, maar er zijn situaties waarin een site enige tijd nodig heeft voordat een actie is voltooid.

De interface moet de gebruiker dus op de hoogte houden van wat er gebeurt door een afbeelding op de achtergrond weer te geven, de bitrate te meten of een geluid af te spelen. Hetzelfde principe heeft betrekking op bestandsoverdrachten: laat uw gebruiker zich niet vervelen; laat ze de voortgang zien. Zelfs een niet-zo-aangename melding, zoals een overdrachtstoring, moet op een leuke manier worden afgeleverd. Laat uw gebruiker glimlachen!

2) Markeer veranderingen

Vaak, om ruimte te besparen, zal een app eenvoudigweg de ene knop vervangen door een andere wanneer dat nodig is. Soms moeten we meldingen weergeven om te zorgen dat de gebruiker deze ziet. Animatie trekt hun aandacht en laat gebruikers niet vergeten wat u belangrijk vindt.

3) Houd de context bij

In het tijdperk van smartphones en slimme horloges met kleine schermen kan het lastig zijn om veel informatie op één scherm te passen. Een manier om dit aan te pakken, is om duidelijke navigatie tussen verschillende pagina's te houden; zodat de gebruiker begrijpt wat er waar vandaan verscheen en in staat is om gemakkelijk terug te navigeren. Hier zijn veel opties voor:

4) Niet-standaard lay-outs

In navolging van de voorgaande voorbeelden zouden micro-interacties gebruikers moeten helpen begrijpen hoe ze moeten omgaan met ongewone lay-outs zonder onnodige verwarring. Foto's naar voren kantelen, scrollende grafieken en roterende karakters zijn allemaal geweldige opties:

5) Oproepen tot actie

Naast het helpen van een gebruiker om effectief met een applicatie te communiceren, hebben micro-interacties de kracht om gebruikers aan te moedigen om daadwerkelijk te communiceren: blijf browsen, leuk, of deel content, alleen maar omdat het aantrekkelijk is en ze niet willen verlaten:

6) Visualiseer invoer

Gegevensinvoer is een van de belangrijkste elementen van elke toepassing. De kwaliteitsresultaten die gebruikers krijgen, zijn afhankelijk van de gegevensinvoer. In de regel is het behoorlijk saai, maar micro-interacties maken van dit proces iets speciaals:

7) Laat tutorials tot leven komen

En natuurlijk kunnen animaties gebruikers helpen bij het informeren na het starten van een applicatie door de basisfuncties en bedieningselementen voor verder gebruik helder te markeren.

conclusies

Dus, als u uw gebruikerservaring op prijs stelt, polijst u uw interface van A tot Z en maakt u het op smaak met micro-interacties en animaties. Het zal uw project nieuw leven inblazen.

Aandacht voor elk detail is de sleutel tot uw succes, waardoor interactie tussen mens en computer eenvoudig is.