Comment cartographiez-vous le flux d'une application mobile? Pouvez-vous fournir des exemples?
Je travaille actuellement sur l'IA/UX pour une application mobile et comme je le mappe, il ne semble pas qu'un plan de site traditionnel ait du sens ni un organigramme. Quelqu'un peut-il me désigner un bon ensemble de symboles qui ont du sens pour cartographier toutes les fenêtres modales
En plus de la technique décrite par Rahul, j'ai également réussi à appliquer l'approche de Hagan Rivers des "Cartes d'application" dans certains contextes. Plutôt qu'une représentation un à un exacte de chaque écran, sa technique essaie de considérer comment un utilisateur "perçoit" le flux d'une application par rapport au système de menus. Elle utilise également les concepts de "hubs" et de "rayons", qui peuvent très bien gérer les flux de dialogue modaux.
Vous pouvez lire les bases de cette approche sur OmniGraffle & the Application Map et LukeW - Application Maps .
Pour une description plus détaillée de cette technique, vous voudrez peut-être envisager d'obtenir une copie des procédures de la tournée des maîtres de l'UIE Web App 2010 (comme je l'ai fait) où elle a présenté cette technique en détail.
Ce que nous faisons est d'utiliser un marqueur Sharpie épais pour esquisser les différents écrans dans leur intégralité, puis nous les imprimons/découpons et les collons sur un mur (souvent une vitre dans notre bureau) avec des flèches pointant de l'un à l'autre . Les avantages sont que vous avez maintenant la bonne fidélité pour encourager la discussion (ce n'est pas trop détaillé, mais c'est assez détaillé pour faciliter une conversation) et il est visible dans un domaine où toute l'équipe peut le voir et le commenter. Je préfère cette méthode plutôt que de mettre beaucoup de temps à faire glisser les widgets dans un outil de wireframing.
Le plus grand avantage de cette méthode est que la complexité devient visible très tôt lorsque vous essayez de placer les différents écrans dans des zones logiques sur le mur. Si c'est trop complexe, vous remarquerez bientôt que vous ne pouvez pas trouver où les mettre tous et que cela reste logique. C'est un signe d'alerte précoce que vous devez simplifier. Et la simplicité devrait être une priorité lors de la conception d'interfaces utilisateur mobiles.
Edit: Je viens de tomber X Sticky Notes . Vous pouvez essayer de les utiliser en combinaison avec mes suggestions ci-dessus.
Si vous développez pour iOS: les nouveaux Storyboards dans iOS5 ne sont pas une solution complète mais ils sont certainement meilleurs que l'ancien Interface Builder.
Avant le wireframing, écrivez le titre de chaque étape ou élément de fonctionnalité ("inscrivez-vous", "connectez-vous", "Liste des widgets", "Informations sur le compte") sur un poste avec un sharpie. Ensuite, claquez ces messages sur un tableau blanc et commencez à dessiner des boîtes autour des éléments pour les regrouper et dessinez des flèches pour passer d'une page à l'autre. Prenez une photo numérique dans chaque configuration pour documenter le processus.
Donnez Axure un aller. Il a un bon équilibre de symboles pour les organigrammes et le wireframing pour vous aider à démarrer. Cela devrait vous donner suffisamment de liberté pour afficher les fenêtres modales comme vous le souhaitez. par exemple. créer un flux hybride/filaire.
En termes de conception réelle, je vois ce que vous voulez dire. Il peut être difficile de le garder en ordre sans utiliser de références numériques, en fonction de ce que vous avez à dire. Bonne chance.