Share
Le design mobile est une lutte constante pour la simplicité. Avec si peu d’espace sur l’écran, il peut être très difficile d’intégrer la fonctionnalité nécessaire dans la conception tout en la gardant simple et intuitive. Pour que vos utilisateurs puissent tirer le meilleur parti de l'application, vous devez parfois trouver des indices subtils ou même créer une procédure pas à pas qui montre le fonctionnement de votre système. Ce tutoriel va vous montrer des exemples de la façon de le faire!
Si les fonctionnalités de votre application dépendent fortement des entrées de l'utilisateur, une bonne technique consiste à lancer un assistant d'installation qui collectera des informations auprès de l'utilisateur lors de la première ouverture de l'application. En créant un assistant de configuration personnalisé, vous pouvez rendre plus créatif et amusant le processus fastidieux de saisie de méta-informations..
En permettant aux utilisateurs de lancer indépendamment une visite guidée ou une visite guidée de ce que votre application peut offrir, vous pouvez rapidement indiquer les parties clés de l'écran que l'utilisateur doit surveiller. Le fait de placer des dialogues ou des surlignages de manière créative directement sur l'interface de l'application réelle peut éliminer beaucoup de tâtonnements de votre interface utilisateur et la rendre immédiatement utilisable.
Semblable à l’offre d’une procédure pas à pas, une simple superposition d’écrans d’aide peut rapidement montrer aux utilisateurs ce qui est important pour l’écran actuel. Les gestes utilisés pour la navigation / interaction et les contrôles de l'interface utilisateur peuvent également être expliqués. Un simple appui ferme l'écran et ramène l'utilisateur à l'application.
Malgré tout le mérite de la superposition d’aide, il est parfois toujours approprié d’utiliser une aide à l’ancienne ou F.A.Q. écran. Cette technique est particulièrement appropriée si elle est initialement affichée au démarrage à la place d'un assistant de configuration. Dans les deux cas, utilisez juste assez de texte pour bien comprendre les instructions ou pour répondre à la question. Rester simple!
Fournir une vue d'ensemble visuelle de haut niveau de l'application peut s'avérer inestimable pour l'expérience utilisateur. Cette approche peut également expliquer des choses comme "Offline OK", qu'il est difficile pour l'utilisateur de savoir par lui-même..
Lorsqu'un utilisateur atterrit sur un écran sans contenu, utilisez l'espace vide pour expliquer ce qu'il doit faire ensuite. Mettez en surbrillance les contrôles de l'interface utilisateur qui peuvent être utilisés pour ajouter du contenu à l'aide de flèches ou de gros boutons..
Lorsque de nouvelles fonctionnalités sont fournies aux utilisateurs déjà familiarisés avec votre application, mettez en surbrillance ce qui a changé depuis le dernier chargement du contenu. Les captures d’écran ci-dessous montrent des moyens intéressants de mettre en évidence les changements. Dans le premier exemple, l'accent est mis sur la nouvelle fonctionnalité qui a été ajoutée. Dans le deuxième exemple, le surlignage est en ligne, mais se distingue suffisamment pour différencier le nouveau contenu de l'ancien..
La capture d'écran suivante est un bon exemple de la manière de signaler avec tact les fonctionnalités premium d'une application "freemium". L'application utilise un conseil clairement perceptible, placé dans le contexte et affiché uniquement de temps en temps:
Les captures d'écran ci-dessus montrent comment les experts ont résolu un problème particulier. Il n'est pas nécessaire de réinventer la roue. Si l'un de ces modèles fonctionne pour vous, utilisez-le! Cependant, il est important que vous ne commenciez pas à utiliser ces techniques simplement parce que vous le pouvez. Essayez de vraiment comprendre l'esprit de vos utilisateurs, puis utilisez les techniques de conception qui les aideront à tirer le meilleur parti de votre application.!
Accentsconagua