Share
Mobiel ontwerp is een constante strijd om eenvoud. Met zo weinig schermruimte, kan het een hele uitdaging zijn om de benodigde functionaliteit in het ontwerp te verwerken en toch gestroomlijnd en intuïtief te houden. Om ervoor te zorgen dat uw gebruikers het maximale uit de applicatie halen, moet u soms subtiele aanwijzingen aanbrengen of zelfs een functie-walkthrough maken om te laten zien hoe de dingen werken. In deze zelfstudie ziet u voorbeelden van hoe u dat precies doet!
Als de functionaliteit van uw toepassing sterk afhankelijk is van gebruikersinvoer, is een geweldige techniek om een installatiewizard te starten die informatie van de gebruiker verzamelt bij de eerste keer dat de toepassing wordt geopend. Door een aangepaste installatiewizard te maken, kunt u het saaie proces van het invullen van meta-informatie creatiever en leuker maken.
Door gebruikers toe te staan om zelfstandig een walkthrough of rondleiding te starten van wat uw applicatie te bieden heeft, kunt u snel de belangrijkste delen van het scherm aanwijzen die de gebruiker in de gaten moet houden. Het creatief plaatsen van dialogen of markeringen rechtstreeks over de daadwerkelijke applicatie-interface kan veel van het giswerk uit uw gebruikersinterface verwijderen en het direct bruikbaar maken.
Vergelijkbaar met het aanbieden van een walkthrough, kan een eenvoudige hulpscherm-overlay gebruikers snel laten zien wat belangrijk is op het huidige scherm. Gebaren die worden gebruikt voor navigatie / interactie en UI-bedieningselementen kunnen ook worden uitgelegd. Een simpele tik verwerpt het scherm en brengt de gebruiker terug naar de app.
Voor alle verdiensten van de help-overlay is het soms nog steeds aangewezen om een ouderwetse hulp of F.A.Q. scherm. Deze techniek is vooral geschikt als deze aanvankelijk wordt weergegeven bij het opstarten in plaats van een installatiewizard. Hoe dan ook, gebruik precies genoeg tekst om de instructies duidelijk over te brengen of de vraag te beantwoorden. Hou het simpel!
Het bieden van een visueel, hoogstaand overzicht van de applicatie kan van onschatbare waarde zijn voor de gebruikerservaring. Deze aanpak kan ook dingen als "Offline OK" verklaren, die de gebruiker moeilijk zelf kan weten.
Wanneer een gebruiker op een scherm terechtkomt zonder inhoud, gebruik dan de lege ruimte om uit te leggen wat ze vervolgens moeten doen. Markeer de gebruikersinterface-bedieningselementen die kunnen worden gebruikt om inhoud toe te voegen met pijlen of grote, grote knoppen.
Wanneer nieuwe functies worden aangeboden aan gebruikers die uw app al kennen, kunt u overwegen om te markeren wat er is gewijzigd sinds de inhoud voor de laatste keer is geladen. De onderstaande schermafbeeldingen tonen enkele handige manieren om wijzigingen te markeren. In het eerste voorbeeld is de volledige focus op de nieuwe functie die is toegevoegd. In het tweede voorbeeld is de markering inline, maar onderscheidt hij zich om de nieuwe inhoud van oud te onderscheiden.
De volgende schermafbeelding is een goed voorbeeld van hoe u tactisch kunt wijzen op premiumfuncties van een "freemium" -app. De app maakt gebruik van een duidelijk zichtbare tip, contextueel geplaatst en slechts af en toe getoond:
De bovenstaande screenshots laten zien hoe de experts een bepaald probleem hebben opgelost. Het wiel hoeft niet opnieuw uitgevonden te worden. Als een van deze patronen voor u werkt, gebruik het dan! Het is echter belangrijk dat u deze technieken niet zomaar gebruikt, alleen omdat u dat kunt. Probeer de geest van je gebruiker echt te begrijpen en gebruik vervolgens de ontwerptechnieken om het maximale uit je app te halen!
Accentsconagua