ページ上でのユーザーインタラクションのシーケンスをマッピングする良い方法は何ですか？

Question

つまり、以前のインタビューに基づいたユーザーの典型的なシーケンスを知っています。次のやり取りを簡単に見つけて、論理的な次のステップにしたいと思うでしょう。

これを設計する際の例や考慮事項は何ですか？

私が取り組んでいるプロジェクトでは、医療機器です。したがって、通常、ユーザーは展示会で製品について聞きます。次に、ユーザーがサイトにアクセスし、次のことを行う傾向があります。

1. 紹介ビデオを見る
2. 紹介文を閲覧する
3. 保証情報を読む
4. 技術資料をダウンロード
5. 連絡先情報を送信して、価格について担当者と話します。

私の目標は、パターンの一般的な視覚的なデザインでした。これにより、ページのデザインについて話し合うときに、クライアントにこれを提示できます（まだデザイン段階です）。

Answer 1

次に行うべきことのガイドラインをユーザーに提供します。

縦方向に行うこともできます。情報を順番に並べてください。

または、多くの情報がある場合は、ページの上部にあるウィザードのようなバーを使用して、画面を目的の順序で案内できます。

ただし、水平バーの場合は、ユーザーが1つの画面から別の画面に自由にジャンプできるようにします（つまり、画面間のユーザーの移動を制限しないでください）。これはウィザードではなく、ガイドラインであり、同時にナビゲーションであり、ユーザーが次のステップをすばやく選択するのに役立ちます。