シナリオを使って画面を設計する

画面を設計するとき、はじめに何をしますか？
おそらく、まずは頭の中でシナリオを考えるところから始まるのではないでしょうか。
ユーザーのしたいことは何なのか、そのためにユーザーはいつどんなことをするのか、といった風にです。
そしてそれを実現するためにはどんな画面がよいのかなどUIを検討し、最終的に設計書に落とし込んでいくといった流れになるのではないかと思います。
今回は、頭の中に描いたものをシナリオとして文章に起こし、製品やサービスの”あるべき姿”を描く「構造化シナリオ」についてご紹介したいと思います。

日本人間工学会アーゴデザイン部会が開発した手法で、ビジョン提案型デザイン手法とも呼ばれます。
「ユーザーが本質的に叶えたいこと＝価値」と位置づけ、「価値のシナリオ」「行動のシナリオ」「操作のシナリオ」という3段階に分け、考えていきます。
また各シナリオは、バリューシナリオ、アクティビティシナリオ、インタラクションシナリオとも呼ばれます。
そのシナリオとはどんなものなのか、例を挙げながら概要を説明したいと思います。
テーマを「化粧品の新しいサービス・スマートフォンアプリの提案」とし、それぞれのシナリオをみてみましょう。

シナリオを作成するにはペルソナが必要です。
ペルソナとは、対象の製品やサービスを利用する典型的ユーザーの人物像を具体的に書き表したものです。ユーザー目線で利用する状況をイメージして、構造化したシナリオを書いていきます。

ユーザーの持つ本質的な欲求と、それを満たすための最小限のシナリオを考えます。
また、そのシナリオに沿ったユーザーがするであろう利用シーンを記載します。
このシーンが次段階の行動シナリオをつなぐものになります。

先ほどの価値のシナリオで記述したシーンをもとに、ペルソナがどのような行動をしていくのかを記述します。ここでは具体的な製品やサービス名、細かい操作などは記述せず、情動を明確に記述することがポイントです。
そして行動のシナリオからタスクを抽出します。このタスクが、次段階の操作のシナリオをつなぐものになります。

ペルソナが、どのような製品やサービスを利用（操作）して目標を達成するのかを具体的に考えます。
インターフェースの操作を箇条書きで記述します。
製品やサービスの特定の機能名を入れたり、画面であれば画面名やボタン名を決めながら具体的な操作を検討します。
この段階ではもはや画面要素自体を考えているのに等しいため、画面構成をポンチ絵に手書きするなどでも代用可能です。

シナリオが進むにつれて、その内容は細分化され具体的になっていきます。
各シナリオの関係をまとめると下図のようになります。

文章で書かれた各シナリオをよりわかりやすく理解するために、それぞれ図式化などのビジュアルな表現やプロトタイプで表すこともできます。視覚化されたシナリオは、シナリオの理解促進や、シナリオの提案、評価などに活用することができます。

視覚化した資料はよりスムーズに情報共有ができますね！
操作シナリオを作成し、プロトタイプに落とし込んだら、あとは評価と改善を繰り返し、画面を完成させていくという流れになります。

価値のシナリオ → 行動のシナリオ → 操作のシナリオ、の順に進めるとしていますが、いきなり「価値のシナリオから書いて」と言ってもなかなか進まない事も多いらしく、行動のシナリオを先に書く方がアイデアが出やすいこともあるようです。ただし、操作のシナリオから書き始めるのはNGです。これは、設計者の先入観や既存の製品などに縛られ”あるべき姿”が狭まってしまうからです。
「価値」と「行動」と「操作」の３段階に分けてシナリオを書いていくことで、当事者の思い込みではなく、ユーザー視点での設計ができます。
「ユーザーは本当に使うのだろうか？」という目線を組み込むことができるということです。

ペルソナから画面までをつなぐ「構造化シナリオ」という手法、ぜひ取り入れてみてはいかがでしょうか。

※今回は概要レベルということで省略した説明もありますので、もっと詳しく知りたい方は下記文献を参考にしてください。こちらのブログでも大変参考にさせていただきました。

参考文献

• UXデザインをはじめる本　ユーザビリティ評価からカスタマージャーニーマップまで
• エクスペリエンス・ビジョン　ユーザーを見つめてうれしい体験を企画するビジョン提案型デザイン手法