UXデザイナーとして、デザインプロセス中にアイデアとワイヤーフレーミングの間にギャップを感じたことはありますか? デザインの決定を通じてユーザーの視点を翻訳するのに苦労しましたか? ギャップを埋めるための中間の道の必要性を感じましたか? 次に、ストーリーボードはあなたが探しているテクニックになることができます。
ストーリーボードを初めて使用する場合は、この記事が出発点として適しています。
ストーリーボードとは何ですか?
ストーリーボードは、ストーリーを視覚化するために順番に配置された画像です。 彼らはワンライナーの概念を詳細な物語に変換します。
それによって、「ストーリーボーディング」が派手なパネルと美的に落書きされたビジュアルについてのみであると考えるなら、あなたはおそらく部分的に正しいでしょう。 ストーリーボードには、目に見えるものよりもはるかに多くのものがあります。 これは視覚的な表現以上のものであり、製品開発プロセスに明確な価値を追加します。
ストーリーボードは、単純な視覚的な方向性を提供するのではなく、一連のイベントを考慮して伝達します。 それらは、エンドユーザーが特定の製品またはサービスと対話する可能性のある方法を示しています。
なぜストーリーボードを作成するのですか?
ストーリーボードが製品設計を促進する方法をいくつか紹介します。
1.コンテキストを提供します: ストーリーボードは理解しやすく、反省しやすいものです。 ストーリーボードを使用すると、ユーザーの旅を設計チームの外部の誰かに簡単に説明できます。 スケッチと説明を組み合わせることで、アイデアがユーザーエクスペリエンスを向上させる方法を簡単に伝えることができます。
2.強力なストーリーテリングツールとして機能します。 ストーリーボードを通じて、誰もが見て、関係するストーリーを伝えることができます。 人々は、自分のような現実の課題を抱えているキャラクターに共感する傾向があります。 ユーザー中心設計は、ユーザーを最前線に置き、問題点を念頭に置いて製品を開発するのに役立ちます。 そのため、ストーリーボードを作成するときに、ユーザーの感情を本能的に測定し、それらに関連付けます。
3. Createsは、さまざまなユーザーペルソナの操作に役立ちます。 各ユーザーの要望、ニーズ、期待は他のユーザーとは異なります。 ストーリーボードを介してこれらすべてのペルソナとつながり、それぞれに効果的なものを簡単に特定できます。
4.エラーを特定します。 UXストーリーボードを使用すると、思考プロセスのギャップを特定できます。 これは、段階的に考え、製品の設計中に直面する可能性のあるエラー、フローの遅れ、およびその他の問題を視覚化するのに役立ちます。 また、ユーザーエクスペリエンスを論理的に順序付け、特定のコンテキストで一方の設計上の決定が他方よりも好ましい理由を正当化するのにも役立ちます。
5.認知バイアスを回避するのに役立ちます。 ストーリーボードは、認知バイアスからあなたを遠ざけます。 設計プロセスの間、あなたの脳は前向きな結果に集中するようにあなたを動かします。 これは楽観バイアスと呼ばれます。 生成的なタスクを実行するために、あなたの脳はあなたが作成しているものの否定的な属性を過小評価し、あなたが最終製品の不足を認識することを不可能にします。 そこで、ストーリーボードが重要な役割を果たします。 ストーリーボードを構築している間、デザインでうまくいかない可能性のあるすべての側面を一時停止して分析することができます。 したがって、ストーリーボードを使用すると、楽観バイアスを克服できます。
6.コラボレーションを促進します。 ストーリーボーディングはチームの努力です。 設計者だけでなく、技術チームやビジネスチームの他のすべての人が、プロセスでの意見を共有することを歓迎します。 ストーリーテリングを通じてUXデザインにアプローチすることで、チームはより緊密になり、新しいアイデアを刺激し、最終製品をより明確に把握できるようになります。
よく習得すると、ストーリーボードは非常に面白くて魅力的なものになります。 最初のアイデア作成プロセスが完了したら、ストーリーボードを開始できます。
ジャーニーマップでのストーリーボードの使用ストーリーボードはジャーニーマップとどのように異なりますか?
ジャーニーマップは、目標を達成するためのユーザーのジャーニーを解釈したものです。 さまざまなテキストまたは画像情報が含まれており、場合によっては、旅の重要なマイルストーンを説明しています。 対照的に、ストーリーボードはシナリオの連続したイラストです。
ジャーニーマップとは異なり、ストーリーボードは、さまざまなユーザーシナリオが出現する物語とコンテキストに焦点を当てています。 ストーリーボードを使用すると、デザイナーは画面をレイアウトして、ユーザーが特定の製品をナビゲートする方法を理解できます。 なぜあなたはそれをしますか–ギャップを見つけて、継続的に文脈を思い出します。
上のイラストを見てみましょう。 各ドットは、ユーザーがタスクを開始または完了するマイルストーンを表します。
ジャーニーマップでは、マイルストーンのみに焦点を当てます。 ユーザーの結論を定義し、ユーザーのエクスペリエンスを評価しようとします。それに基づいて、ワイヤーフレームを準備します。 一方、ストーリーボードでは、コンテキスト全体を考慮します。つまり、孤立したマイルストーンではなく、パス全体に焦点を合わせます。 ストーリーボードを描画/作成しないと、マイルストーンに到達するためにユーザーが完了しなければならないサブタスクの数を把握することはできません。 ストーリーボードは、マイルストーン間のこれらすべてのサブタスクを特定するのに役立つため、考えられるエラーを特定し、デザイン思考のすべてのシナリオを検討することが容易になります。 一方、ジャーニーマップは、主に各マイルストーンで最適なユーザーエクスペリエンスを設計するために使用されます。
効果的なストーリーボードを作成する手順
最初は気が遠くなるように思えるかもしれませんが、面倒なことなくストーリーボードを作成できます。 実行できる簡単な手順は次のとおりです。
1.データを収集する
ユーザーインタビュー、Webサイトのメトリック、またはユーザビリティテストを通じて、製品に関連するサポートデータを収集します。 リアルタイムデータにより、ターゲットオーディエンスをよりよく理解できます。
2.忠実度レベルを決定します
ストーリーボードは、必ずしも詳細志向である必要はありません。 ポストイットや手作業でスケッチしたレイアウトによる忠実度の低いプロトタイピングは、多くの場合、他の設計者にアイデアを伝えるための最も速くて簡単な方法です。 それどころか、忠実度の高いプロトタイプと高度なイラストは、主要な利害関係者の間で議論を引き起こし、コンセンサスを構築します。
3.基本の概要
ストーリーボードが分割されないように、ペルソナとそれが表す対応するシナリオを定義します。 複雑なシナリオでは、ユーザーパスごとにXNUMXつずつ、複数のストーリーボードを描画する必要がある場合があります。
4.視覚化から始めます
ストーリーボードを開始する前に、各フレームに何を含める必要があるかを視覚化します。 手順を書き、矢印で結合し、感情的な状態を示すアイコンを追加します。
5.関連するビジュアルを作成し、キャプションでサポートします
効果的なストーリーボードは、必ずしも完璧なイラストではありません。 さらに重要なのは、最も基本的なスケッチでさえ、必要に応じてコンテキストを説明するための適切なキャプションによってサポートされていることです。 また、変更可能なフォーマットは、さらなる反復を組み込むのに役立ちます。
6.共有して繰り返します
ストーリーボードを視聴者と共有します–社内またはクライアントとさえ共有します。 必要に応じて、繰り返して即興で演奏します。
ストーリーボードは、エンドユーザーについてのストーリーを伝えるのに役立ちます。 実際のデータでサポートされ、他のUXアクティビティと組み合わせると、ストーリーボードは内部の偏見から焦点をそらし、ユーザーのニーズをより正確に見積もることができます。 これは、利害関係者とクライアントが特定のシナリオを思い出すのに役立ち、ユーザーフローがより広いストーリーにどのように適合するかを理解するのに役立ちます。 一般的な使用シナリオを想定し、ユーザーについて詳しく知ることが目標である場合、ストーリーボードはまさに必要なツールです。
著者紹介
VibishaはIonixxのUXデザイナーです。 心理学を専攻し、業界の専門家から実践的なトレーニングを受けて、デザインのキャリアをスタートさせました。
ポスト 製品開発におけるUXストーリーボーディングの関連性 最初に登場した ixブログ.
- "
- 私たちについて
- 活動
- 高度な
- エイズ
- すべて
- 間で
- 記事
- 属性
- 聴衆
- 基礎
- ビルド
- ビジネス
- キャプションが
- キャリア
- 例
- 課題
- クライアント
- クローザー
- 認知
- 環境、テクノロジーを推奨
- 収集する
- 組み合わせ
- 組み合わせた
- コマンドと
- 複雑な
- コンセンサス
- 含まれています
- 作成します。
- 作成
- データ
- 実証します
- 設計
- デザイン思考
- 設計
- 開発する
- 開発
- 異なります
- 議論
- そうではありません
- 簡単に
- 効果的な
- 感情
- 推定
- イベント
- 誰も
- 期待
- 体験
- エクスペリエンス
- 専門家
- 目
- 顔
- 忠実
- フィギュア
- 名
- フロー
- フォーカス
- 焦点を当てて
- 最前線
- FRAME
- さらに
- ギャップ
- 生々しい
- 目標
- 良い
- 助けます
- ことができます
- こちら
- 認定条件
- HTTPS
- アイデア
- 識別する
- 重要
- 不可能
- include
- 産業を変えます
- 情報
- 記事執筆
- IT
- join
- 保管
- キー
- 探して
- 主要な
- 作る
- 作成
- 方法
- 地図
- ゲレンデマップ
- メトリック
- マイルストーン
- マインド
- 他には?
- 最も
- の試合に
- 必要
- 数
- 最適な
- その他
- 自分の
- 痛み
- のワークプ
- 完璧
- 視点
- 画像
- ポイント
- 正の
- 可能
- 強力な
- プロセス
- プロダクト
- 製品
- プロトタイピング
- は、大阪で
- 提供
- Psychology
- リーチ
- への
- リアルタイムデータ
- 実現する
- 反映する
- 関連した
- 表し
- サービス
- シェアする
- 簡単な拡張で
- So
- 一部
- 誰か
- split
- Spot
- start
- 米国
- ストーリー
- サポート
- サポート
- 支援する
- ターゲット
- チーム
- 技術的
- テスト
- 考え
- 介して
- ツール
- トレーニング
- わかる
- 使いやすさ
- users
- ux
- 値
- さまざまな
- ウェブサイト
- 歓迎
- この試験は
- while
- 誰
- 以内
- 無し
- 仕事
- いい結果になる
- ワーキング
- 作品
- でしょう