web-dev-qa-db-ja.com

ユーザージャーニーを視覚化する方法

ユーザージャーニーと、クライアントへの具体的なプレゼンテーション方法について意見をお願いします。それらを提示する最良の方法は何だと思いますか、それらを作成するためにどのツールを使用しますか?

ユーザージャーニーの良い例と思われるものへのリンクはありますか?

16
Sheff

必要に応じて-ビジュアルと実世界の知覚に本当にキーを入れるインフォグラフィック3Dスタイルのユーザージャーニーがよく好きです- Wireframes Magazine の例とリンクされた記事 ボックスと矢印のユーザージャーニーの紹介

enter image description here

私はこれも大好きです ユーザーによるflikr のスナップショット tgodLux 再設計プロジェクト(ここに画像を本当に含める必要があるかどうかわからない)-クリーンでシンプルですが、ペルソナを表示します(したがって視覚的に識別します)。は、フローを適切に示し、色をテーマにしたステージを使用し、追加された次元に色の強度を利用し、関連する場合はふきだしを付けています-本当に素晴らしい例です!

enter image description here

これらの例はどちらも、クライアントが特に消化するのに苦労している、より一般的で鈍くて箱型のフローチャートスタイルのプレゼンテーション(およびその問題についてはチームの残りのメンバー)の優れた代替案です。これらの例は、どちらも有用で魅力的であり、さらに重要なことに、読む可能性があります。

これらは両方とも omnigraffle で作成されましたが、 Inkscape (無料)、 Illustrator または同等のスケーラブルな品質の出力の場合は同様。

18
Roger Attrill

前回の講演で、ユーザージャーニーの例をいくつか挙げました ワイヤーフレームできないもの

スライドと、その下に レゴホイールホームシアターサービスデザインを含む)の例を取得したWebサイトへのリンクがあります。 。お役に立てれば幸いです。

これがスクリーンショットの1つです: Customer Experience Matters にある、ロンドンからニューヨークへのフライトのレゴホイール。

enter image description here

6
Wolf Becvar