web-dev-qa-db-fra.com

Façons de visualiser un parcours utilisateur

Je souhaiterais avoir des avis sur les parcours utilisateurs et comment les présenter, notamment au client. Selon vous, quelle est la meilleure façon de les présenter et quels outils utiliseriez-vous pour les créer?

Avez-vous des liens vers ce que vous considérez comme de bons exemples de parcours utilisateurs?

16
Sheff

Le cas échéant - j'ai souvent aimé les voyages des utilisateurs de style 3D infographique car ils sont vraiment clés dans les visuels et la perception du monde réel - voir l'exemple sur Wireframes Magazine et aussi l'article lié ne introduction à l'utilisateur voyages sur les boîtes et les flèches.

enter image description here

J'aime aussi ce instantané sur flikr par l'utilisateur tgod du Lux projet de refonte ( je ne sais pas si je devrait vraiment inclure l'image ici ) - c'est propre, simple, mais présente (et s'identifie donc visuellement avec) le personnage, illustre bien le flux, utilise des étapes à thème de couleur, utilise l'intensité de la couleur pour une dimension supplémentaire, et avec des bulles de pensée le cas échéant - un très bel exemple!

enter image description here

Ces deux exemples sont de bonnes alternatives aux présentations de style d'organigramme plutôt ternes et carrées plus courantes que les clients ont particulièrement du mal à digérer (et le reste de l'équipe d'ailleurs). Ces exemples sont à la fois utiles, engageants et, plus important encore, susceptibles d'être lus.

Les deux ont été créés avec omnigraffle , mais vous pouvez utiliser Inkscape (gratuit), Illustrator ou similaire pour une sortie de qualité également évolutive.

18
Roger Attrill

J'ai eu quelques exemples de parcours utilisateur inclus dans la dernière conférence que j'ai donnée intitulée Some Things You Can't Wireframe .

Vous trouverez les diapositives, et ci-dessous les liens vers les sites Web d'où j'ai obtenu les exemples - y compris les Lego Wheel , Home Theater et Service Design . J'espère que c'est utile!

Voici l'une des captures d'écran: la roue Lego pour un vol de Londres à New York, disponible sur Customer Experience Matters :

enter image description here

6
Wolf Becvar