Supposons que vous ayez une application mobile de chat qui envoie uniquement des messages.
Je suis l'utilisateur. Je veux envoyer un message à X.
L'exigence la plus importante que nous ayons est que les contacts sur lesquels l'application est déjà installée soient visibles et accessibles.
Je peux également envoyer un message à une entreprise, mais dans ce cas, je choisis simplement l'entreprise dans une liste et j'écris.
Ceci est notre projet actuel.
Je pense que vous pouvez convenir avec moi que cela semble encombré. Comment pouvons-nous améliorer cela?
Vous devriez peut-être diviser vos fonctionnalités en pages distinctes. Vous devez vous concentrer sur une tâche par page, car l'appareil mobile a un parc d'écran limité. Faire une seule tâche a également l'avantage de simplifier l'application et de réduire la charge cognitive de l'utilisateur pour apprendre votre application.
Il s'agit d'une disposition très typique pour une application de messagerie. La liste de contacts doit occuper toute la page. La fonction de recherche doit effectuer une recherche générique de contacts, d'utilisateur et de nom de société.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Essayez d'emprunter des idées à partir de ces applications de messagerie populaires. Ils ont probablement effectué de nombreux tests d'utilisabilité sur leur interface utilisateur. Le taux d'adoption étant élevé, certains de ces modèles de conception sont devenus une norme pour l'utilisateur. Ils n'ont pas à faire d'efforts supplémentaires pour savoir comment votre application devrait fonctionner.
Cela étant dit, vous pouvez probablement ajouter une ou deux fonctionnalités de conception pour différencier votre application des autres. Comme toujours, testez ces éléments de conception et visez la clarté.
Je suppose que sur l'écran principal, vos utilisateurs devront avoir des conversations récentes. Disons que les chats personnels sont plus importants que les conversations avec les entreprises. Cela signifie que nous devons nous concentrer sur les chats personnels et les afficher sur l'écran principal.
Pour le carnet de contacts, je propose de séparer l'écran avec tous les contacts existants en deux sections Personnes et Entreprises. Et ajoutez une action d'invitation à la vente sur cet écran.
Chacun des points que vous avez énumérés ci-dessus décrit des tâches et des objectifs utilisateur distincts. Vous devez penser aux tâches qui nécessitent quels éléments d'interface. Commencez par identifier les tâches qui seront le plus exécutées; pour hiérarchiser une tâche, posez-vous les questions suivantes: à quelle fréquence la tâche est-elle effectuée? Combien d'utilisateurs font cette tâche? En fonction de vos réponses, vous pouvez hiérarchiser les tâches qui ont priorité et les fonctionnalités associées à cette tâche. Exemple: envoyer un SMS à quelqu'un qui est dans votre liste de contacts et qui a également l'application; cette tâche sera très probablement l'une des tâches les plus utilisées et sera effectuée par de nombreux utilisateurs, si les utilisateurs utilisent réellement l'application. Cette tâche nécessite un accès facile à une liste de vos contacts qui ont l'application afin que vous puissiez facilement les envoyer par SMS. Il n'est pas nécessaire que d'autres tâches soient exécutées aussi souvent, vous pouvez donc masquer ou placer des éléments pour les tâches mises en évidence jusqu'à ce qu'ils souhaitent terminer cette tâche. Donc, si inviter un utilisateur à l'application ne se fait pas aussi souvent que la première tâche de mon exemple, vous devez probablement masquer les éléments associés jusqu'à ce que l'utilisateur doive inviter un ami. Peut-être en fournissant plus de boutons ou en créant une interaction qui permet à cet élément d'interface d'être révélé à l'utilisateur lorsqu'il souhaite terminer cette tâche.