Vier UX-ontwerptechnieken om gebruikersengagement te stimuleren
Het aanmoedigen van gebruikers om op een website te blijven en deze te gebruiken, betekent niet altijd dat de code dunner is of dat de graphics mooier zijn. Sommige van de eenvoudigste lay-outs zoals Reddit houden gebruikers nog steeds in beslag genomen door de inhoud, en enthousiast om te communiceren met de site.
Het geheim ligt in de gebruikerservaring en de overweging van hoe een website functioneert. Interacties komen voort uit pagina-elementen en actiestromen die van de ene pagina naar de andere gaan.
In dit bericht zal ik een aantal bekijken UX ontwerptechnieken waarop kan worden toegepast gebruikerservaring verbeteren en de betrokkenheid van gebruikers vergroten. Merk op dat deze niet altijd van toepassing zijn op elke website en dat het belangrijker is om te begrijpen waarom deze technieken werken, zodat u uw eigen oordeel kunt gebruiken.
Het onderwerp van gebruikerservaring is enorm en vereist geduld om volledig te begrijpen. Maar hoe meer je oefent, hoe meer je zult begrijpen
Het beste wat je kunt doen is speel rond op websites die je leuk vindt en erachter te komen wat jij leuk vindt over hen. Vanuit uw ervaringen kunt u consistente ideeën extrapoleren en erachter komen wat u (en misschien anderen) houdt aan op een website.
1. Gebruik Contrast om aandacht te trekken
Elke site is gebouwd met een handvol elementen gemaakt voor gebruikersinteractie. Hyperlinks, knoppen, invoervelden, sidebar-widgets, de lijst gaat maar door. Maar niet alle elementen moeten gelijk worden gemaakt. Sommige zijn van nature belangrijker voor bezoekersbetrokkenheid en moeten worden ontworpen met hoger contrast om op te vallen tussen andere elementen op de pagina.
Dit idee komt voort uit een hoog kleurcontrast en de manier waarop mensen visuele gegevens in patronen verwerken. Wanneer iets zich onderscheidt van de omgeving, of het nu kleur, maat, vorm of witruimte is, kan het lijken belangrijker op basis van context.
Gebruik contrast om de aandacht te vestigen op bepaalde pagina-elementen die bezoekers betrekken bij een bepaalde taak. Als het uw doel is om meer aanmeldingen voor de nieuwsbrief te maken, heeft uw abonnementsvak mogelijk een heldere tekenknop voor aanmelden of een uniek vectorpictogram.
Het doel is om aandacht te trekken door een interface te bouwen die bezoekers lokt om een of andere gewenste actie (s) uit te voeren.
Als je de tijd hebt, is het misschien de moeite waard om een paar A / B-casestudy's uit te voeren om te zien welke kleuren / elementen het beste bij elkaar passen. Statistieken zijn moeilijk vast te stellen, maar u zult verbaasd zijn hoeveel u kunt leren van een eenvoudige split-test.
2. Smaakvolle UI / UX-animatie
Ik kwam onlangs een bericht tegen getiteld What Does Disney Know Interface Animation. Het behandelt de vitale punten van animatie en hoe deze spelen voor de psyche van gebruikers die communiceren met een vlak 2D-scherm.
Verschillende soorten animaties kunnen bepaalde gedragingen impliceren. Wanneer u bijvoorbeeld over een knop zweeft, kan deze omhoog springen om aan te geven dat deze klikbaar is. Foutmeldingen schudden vaak om de aandacht van de gebruiker te trekken.
Onthoudt dat UX-animatie moet zichtbaar en toch subtiel zijn. Wilde over-the-top animaties zijn meer voor tv en films dan voor interfaces.
Maar dat betekent niet dat uw interfaces plat moeten blijven. In feite zouden de meeste gebruikers dat doen liever een soort animatie hebben omdat het de illusie geeft van een soepelere ervaring. Digitaal ontwerp gaat gedeeltelijk over het creëren van een illusionaire interface, maar hoe realistischer het lijkt erop dat hoe meer uw gebruikers willen communiceren.
3. Responsive Design als een vereiste
Het is redelijk om te zeggen dat een groot deel van de internetgebruikers browsen vanaf hun mobiele telefoon. Links die worden gedeeld met sociale sites zoals Facebook en Twitter worden vaak direct op smartphones en tablets bezocht.
Dit betekent dat elke website op een of andere manier moet worden geoptimaliseerd voor mobiel, bij voorkeur met een volledig responsief ontwerp.
Als je gedwongen om de schermgrootte te overwegen, het plaatst kritieke functies in een heel nieuw licht. Als ontwerper moet je kiezen welke functies het belangrijkst zijn en hoe ze op kleinere schermen moeten verschijnen. Deze responsieve ontwerpstrategie kost tijd om te leren, maar de beste manier is om andere websites te bestuderen en technieken op te pikken die je leuk vindt.
De waarheid is responsief ontwerp werkt en het wordt meer geaccepteerd door de ontwerpgemeenschap met elk voorbijgaand jaar.
Gebruikers verwachten ook dat websites volledig responsief zijn, zodat ze op elk scherm kunnen worden weergegeven. Wanneer een site niet goed in een mobiele webbrowser past, kan dit de gebruikerservaring afstompen.
4. Vereenvoudig het interactieproces
Smashing Magazine heeft onlangs een van de beste berichten gepubliceerd die ik heb gelezen ter ondersteuning van vereenvoudiging voor interfaceontwerp. Er staat dat niemand door hoepels wil springen om jouw website of applicatie te gebruiken. Mensen zijn alleen geïnteresseerd in de eindresultaat, en de snelste manier om er te komen.
Ik maak graag UX-stroomdiagrammen voor elk interactief pagina-element wanneer ik wireframes schets. Deze helpen om visueel te begrijpen hoe de site eruit moet zien en functie.
Maar het maakt in werkelijkheid niet uit hoe je de ervaring plant. Weet alleen zeker dat je van plan bent de snelste en eenvoudigste ervaring mogelijk. Als het gaat om het aanmoedigen van activiteiten, wil je dat de belangrijke dingen zijn geïmpliceerd door het ontwerp.
Als iemand op uw webapp terechtkomt en niet begrijpt hoe u zich meteen moet aanmelden, is dat een groot probleem. Het zou overduidelijk moeten zijn aan de gebruiker wat uw site doet en hoe ze er apart uit kunnen zien.
De beste plaats om te beginnen is door onderzoek te doen naar UX-ontwerp en het proces van hoe gebruikers omgaan met een interface. Van daaruit kunt u conclusies trekken die relevant zijn voor uw eigen projecten en idealiter uw interfaces vereenvoudigen tot hun grootste potentieel.
Voor gerelateerde informatie over het onderwerp gebruikersactiviteit, bekijk deze berichten:
- Breaking Web Design Conventions = De gebruikerservaring doorbreken
- Usability & Gebruikerservaring Archieven op Smashing Magazine
- Web Design Concepten om gebruikersinteractie te verleiden
Afronden
Er bestaat geen eenduidig antwoord op het ontwerpen (of repareren) van websites om de bruikbaarheid te vergroten. Ja, er zijn enkele dingen die je kunt proberen, maar elke site is een beetje anders en de studie van UX-ontwerp is erg ingewikkeld.
Ik hoop dat dit artikel je op weg kan helpen met het bedenken van enkele veelgebruikte technieken voor het bouwen van zeer bruikbare interfaces. Het beste wat u kunt doen, is uzelf in de schoenen van een typische gebruiker plaatsen en proberen de belangrijkste tekortkomingen van een interface te bepalen. En als je eenmaal een probleem herkent, ben je al halverwege de oplossing!