5 ontwerptrucs om uw mobiele UX te laten schitteren
Heb je de laatste tijd naar je website-analyse gekeken? De kans is groot dat een aanzienlijk deel - misschien zelfs meer dan de helft - van uw gebruikers via een mobiel apparaat naar uw website komt.
Of je mobiele inspanningen nu richt op een website of app, je moet ervoor zorgen dat het ontwerp een geweldige gebruikerservaring creëert voor al die mobiele gebruikers. U hoeft ook niet helemaal opnieuw te beginnen om het te doen. Nadenken over de mobiele gebruiker en hoe deze met het ontwerp omgaan, zal helpen de manier waarop uw interfaces eruit zien en functioneren vorm te geven.
Hier zijn vijf ontwerptrucs die u kunt gebruiken om uw mobiele UX te maken waar gebruikers van houden.
Verken Envato Elements
1. Stroomlijn de navigatie
Die old-school mega-navigatiemenu's doen je geen plezier, vooral als het om mobiel gaat. Mobiele gebruikers hebben mogelijk de kortste aandachtsspanne van elke groep gebruikers. Ze willen de website of app openen en meteen vinden wat ze nodig hebben.
Ontwerp navigatiemenu's met slechts een paar opties - bekijk uw analyses om te zien waar de meeste gebruikers naar op zoek zijn of waar ze het eerst naartoe navigeren.
Minder opties nemen minder schermruimte in, waardoor u meer ruimte in het ontwerp kunt opnemen, wat ideaal is voor aanraking en leesbaarheid.
Hoewel we hier de verdiensten van het hamburgerpictogram niet zullen betogen, is pop-out navigatie een patroon dat gebruikers gewend zijn. Zorg er wel voor dat als u van plan bent het navigatiemenu te openen of uit te schuiven, er een duidelijke visuele identificatie voor gebruikers is.
De Ebates-app gebruikt twee navigatieniveaus: de ene is een lijst met hun beste deals en de andere is je lijst met favorieten van favorieten (in het hamburger / hart-pictogram). Geen van beide opties voelt zwaar aan. Het ziet er bijna uit en functioneert als inhoud. Het hele ontwerp is navigatie zonder overweldigend te voelen.
2. Denk in gebaren (en haptiek)
Mobiele gebruikers hebben een heel andere interactie met hun apparaten dan desktopgebruikers. Uw gebruikersinterface moet hier rekening mee houden.
Het ontwerp moet profiteren van gebaren om bepaalde acties uit te voeren. Een interface die veelvoorkomende en intuïtieve bedieningselementen gebruikt, zal gebruikers verrukken.
Deze gebaren omvatten:
- Tik en dubbeltik
- druk op
- Houden
- Slepen en neerzetten
- Scrollen (enkele en twee vingers)
- Zoom in en uit
- Veeg
- Veeg
Als het gaat om mobiele gebaren, zijn de nieuwe klikken.
En terwijl u nadenkt over aanraakinteracties, vergeet haptiek niet. Die subtiele 'hobbel' van je wearable of die trilling van je telefoon in een zak zijn haptische meldingen, mechanische simulaties van aanraking met vibratie of beweging.
De truc om te haptisch is dat de interacties subtiel en vrij onopvallend zijn. Hoewel de gebruiker misschien weet dat er een melding is, zullen andere mensen dat vaak niet doen. De aanraakinterface wordt steeds gebruikelijker en lijkt een positieve reactie van gebruikers te krijgen.
Het Two Dots-spel gebruikt bijvoorbeeld een hobbel elke keer dat je stippen op een bepaalde manier verwijdert. De geluidloze optie zorgt voor discrete gameplay en biedt een heerlijke ervaring voor gebruikers.
3. Maak het Conversational
Mensen hebben graag het gevoel dat ze met andere mensen spreken en met elkaar omgaan. Gelukkig voor ontwerpers kunnen een vleugje kunstmatige intelligentie en chatbots die interacties helpen creëren, zodat je niet 24 uur per dag stand-by hoeft te staan voor live chatsessies.
Er zijn drie manieren om een gespreksinterface te maken:
- Schrijf een kopie in uw hele interface die een persoonlijker tintje heeft. Van lange tekstblokken tot kleine stukjes microcopie, tekst moet een persoonlijkheid hebben, zoals in de WTFWeather-app hierboven. Het moet worden gelezen in de manier waarop mensen spreken. Zorg ervoor dat u niet overdreven formeel of robotachtig klinkt in uw berichten.
- Gebruik berichtenfuncties of chatbots om directe interacties met gebruikers te creëren. Dit kan een geweldige tool voor klantenservice zijn en ook helpen om klantloyaliteit te creëren als er altijd iemand is om hen door problemen te helpen.
- Integreer een spraakgebruikersinterface in het ontwerp. Siri en Alexa zijn bekende namen dankzij spraakinterfaces. De andere bonus bij het integreren van spraakopdrachten? Het maakt uw website of app toegankelijker.
4. Animeer het
Het lijkt erop dat er bijna elke website die u bezoekt geanimeerde elementen bevat. En dat is met opzet. Animatie kan een ontwerp tot leven brengen.
Geanimeerde elementen zijn zeer boeiend omdat ze de aandacht van gebruikers trekken en gebruikers kunnen laten zien hoe ze beter met een ontwerp kunnen omgaan. (Het gaat terug op het klassieke idee van "show, don't tell" bij het maken van een ontwerp.)
Google Maps zit bijvoorbeeld boordevol kleine animaties. Let op de volgende keer dat u het gebruikt.
Nick Babich, voor UX Planet, heeft een geweldige inleiding over het gebruik voor animatie in mobiel UI-ontwerp. Hij schetste drie belangrijke toepassingen voor het goed gebruiken van beweging.
- Voor systeemstatus: gebruik animatie om een laadstatus weer te geven, voor het vernieuwen van inhoud en voor meldingen.
- Voor navigatie en overgangen: gebruik animatie om gebruikers te helpen bij het wisselen tussen verschillende soorten inhoud, om een visuele hiërarchie tussen elementen tot stand te brengen en om een statusverandering te laten zien.
- Voor visuele feedback: gebruik animatie om bevestiging van een actie te tonen of om het resultaat van een actie te visualiseren.
5. Goed aan boord en gebruik formulieren op de juiste manier
Vooral bij een app is onboarding van vitaal belang voor de loyaliteit van gebruikers.
Denk aan de laatste game die je hebt gedownload. Ben je er meteen in gesprongen? Of had je een korte tutorial nodig om succes te garanderen?
Een interactieve onboarding-ervaring voor apps helpt gebruikers te leren hoe ze de functies van de gebruikerservaring optimaal kunnen benutten. Een leuke optie helpt ze ook over te zetten naar loyale gebruikers. Houd de onboarding-tutorial kort en zorg ervoor dat je een veelgestelde vraag of help-sectie toevoegt, zodat gebruikers ernaar kunnen terugkeren als ze problemen hebben.
Met mobiele websites is onboarding minder een primaire zorg, maar aanmeldings- of registratieformulieren kunnen een probleem zijn. Formulieren op mobiele apparaten moeten eenvoudig en gemakkelijk zijn. Gebruikers houden niet van omvangrijke gecompliceerde vormen.
Stroomlijn formulieren voor mobiel om conversies te verhogen. (U kunt later altijd om aanvullende informatie vragen.)
Kijk naar het eenvoudige startpunt voor GoodRx hierboven. Het vraagt alleen om het medicijn waarover u meer wilt weten. De vorm staat centraal en het is supereenvoudig.
Vraag maar om een beetje informatie - een e-mailadres. Dat is alles wat je nodig hebt om een relatie met een gebruiker aan te gaan. Als je voor je site of app moet inloggen, blijf dan bij een e-mailadres en wachtwoord.
Ontwerp het formulier zo dat vakken gemakkelijk kunnen worden ingevuld (vanuit het oogpunt van grootte) en overweeg om alle functies voor automatisch aanvullen te verwijderen om de kans op verkeerd getypte e-mailadressen te verkleinen. Nog een truc? Gebruik indien mogelijk een sociaal inlogformulier om het proces nog meer te vereenvoudigen. Gebruikers zijn gewend aan dit proces en het is gemakkelijk voor hen ... en het is minder waarschijnlijk dat ze fouten voor u hebben.
Gevolgtrekking
De mobiele gebruikerservaring is een van de belangrijkste dingen waar u aan moet denken bij het bouwen van uw website of app. En de behoeften van mobiele gebruikers blijven voortdurend veranderen.
Creëer een interface die gemakkelijk te gebruiken is en gebruik maakt van moderne technologie en functies om iets te creëren waarmee gebruikers zich keer op keer willen bezighouden.
