スクリーンフローテンプレート

スクリーンフローテンプレートについて

スクリーンフロー（「ワイヤーフロー」とも呼ばれます）は、ワイヤーフレームとフローチャートを組み合わせたものです。エンドツーエンドのフローは各画面でユーザーが何を見ているかをマップで示し、それが製品やサービスを通じた意思決定プロセスにどのように影響するかを描写します。その情報を手に、インタラクションデザインに関する決定をより良く説明できます。

スクリーン フローテンプレートを使用して、ユーザーエクスペリエンスを始まりから終わりまでスムーズでストレスのないものにするための新しい機会を見つけましょう。

もしあなたが自身の作業をさらに発展させ、スクリーンではなくテキストとシンボルでユーザー ジャーニーをフローチャートとして示すことができるUXデザインの領域に興味があるなら、ユーザー フローテンプレートに興味を持つかもしれません。

スクリーン フローについて詳しく知りたい方は、このままお読みください。

スクリーン フローとは？

スクリーン フロー（またはワイヤーフロー）は、マルチスクリーンのレイアウトを集約し、フローチャートのように接続して、初めから終わりまでの顧客の意思決定ポイントと動きをマップ化するものです。

ワイヤーフレームだけでは、ページごとのインタラクティブなユーザーフローがどのようになるかを示す文脈が不足しています。UXフローだけでは、実際に顧客が何を見ているかを示すことはできません。

ワイヤーフローまたはスクリーンフローは、両方の手法の強みを組み合わせており、ユーザーが見るものがどのように製品やサービスの体験に大きな影響を与えるかを証明する助けとなります。

スクリーンフローを使用するタイミング

ワイヤーフレームは、UXや製品チームが顧客のジャーニーを画面の集合ではなく、完全なフローとして考える助けをします。ワイヤーフローまたはスクリーンフローは、画面そのものと、顧客のサービスや製品とのインタラクションに焦点を当てています。

デザイナーは、スクリーンフローを作成する必要があるときに、それをマッピングできます…

• シナリオの抜け漏れを確認する: エンドツーエンドのジャーニーをマッピングすることで、顧客のニーズに適用されるすべての潜在的なユースケースを考慮することができます。

• ユーザーとのインタラクションを改善する: サインアップ、確認、ポップアップなど、フロー内のすべての機会を通じて顧客を理解しましょう。

• クロスファンクショナルのコミュニケーションを改善する: デザイナーと開発者を一緒にすることで、個別の画面ではなく全体の体験について考えるよう促します。

• ステークホルダーの教育に参加する: クライアントやチームが製品や体験を通過する際に顧客が何を見ているのかを考えたことがなければ、フローに従うことで顧客の問題に対する共感を深めることができます。

スクリーンフローを作成する

スクリーンフローの作成は簡単です。Miroのバーチャルコラボレーションプラットフォームは、それを作成し共有するのに最適なキャンバスを提供します。まずスクリーンフローテンプレートを選び、自分自身のものを作成するための次の手順に進んでください。

1. ユーザーストーリーを定義する

ビジュアルシーケンスをマッピングする前に、解決すべきユーザーのニーズや課題を説明してください。これがスクリーンフローを始めるための基盤となります。

2. 主要画面に表示する内容を決める

ユーザーの旅の始点と終点を考えてください。ランディングページが必要ですか？登録フォーム画面は？確認ページは？プロセスに対する変更や追加ステップを特定し、分割が必要なページや追加が必要な画面を把握します。Miroは完璧なワイヤーフレーム作成ツールで、ワイヤーフレーム ライブラリーには15以上のUIコンポーネントがあり、簡単に画面フローに追加できます。

3. 画面を接続する

各画面間に矢印を追加して移動させ、Miroの接続ラインツールを使ってユーザーをタスクの流れに沿って進めます。また、意思決定ポイントを含め、ユーザーのあらゆる状況で何が起こるのかを示すこともできます。

4. チームやステークホルダーと画面フローを共有してフィードバックを得る

クイックなフィードバックラウンドやデザインレビュー、クライアントとのライブワークショップセッション前のレビューのために、Miroのメンション機能を使用して、チームや個人をタグ付けできます。また、メンバーを招待するボタンをクリックすることで、Miroボードを誰とでも共有することが可能です（未登録の方でも！）。

次の大きなプロジェクトのために役立つユーザーフローの例をもっと探してみてください。

スクリーンフローテンプレートのFAQ

UX におけるスクリーンフローとは何ですか？

スクリーンフローは、ユーザーのインタラクションを分析し、主に製品のスクリーンに焦点を当てています。ワイヤーフレームとフローチャートの利点を組み合わせることで、お客様のフローをより詳細に把握し、より良いユーザーエクスペリエンスを構築するためのデータを提供します。