ストーリーボードは、映画などの映像制作の現場だけでなく、アプリ開発やWEBサイト構築などのビジネスの現場でも役立つツールです。

今回の記事では、約100のプロジェクトでUXデザインを支援してきた株式会社NOROSHIが、ストーリーボードの概要や作り方、活用事例について解説いたします。ストーリーボードをUXデザインに取り入れたいとお考えの方は、ぜひ参考にしてみてください。

ストーリーボードとは？

ストーリーボードとは、作品やユーザー体験における一連の流れ（ストーリー）をイラストや台詞などを用いて分かりやすく表現したものです。

絵コンテや4コマ漫画もストーリーボードの一種で、イラストと台詞やテキストを組み合わせることで、簡潔にストーリーが表現されています。

また、ストーリーボードはドラマやアニメなどの映像制作の企画で用いられることが有名ですが、近年ではビジネスの現場でも活用されるようになってきています。

ストーリーボードは紙とペンがあればどこでも作成できますし、見た人にストーリーが伝われば、凝ったイラストを描く必要もありません。

無料で使えるツールやアプリも登場してきており、誰でも手軽に作成することができる点も魅力です。

ストーリーボードを活用する目的

ストーリーボードを活用する主な目的は以下の三つです。

アイデアやイメージを社内外に共有するため

自身の頭の中にあるアイデアやイメージを他の人に共有する際、口頭やテキストでの説明だけでは、相手にうまく伝わらないことも多いです。

ストーリーボードを作成することで、自身のアイデアやイメージを分かりやすく社内外に共有することができるようになります。

また、同様に自身のアイデアやイメージを共有するために「プロトタイプ」を作成するケースもあります。

プロトタイプはユーザーが実際に使って試してみることが可能ですが、作成にはある程度のコストや工数がかかってきます。

一方、ストーリーボードであればコストや工数をかけずに作成が可能です。

それぞれ強みと弱みがあるため、ストーリーボードとプロトタイプを組み合わせて活用するケースも珍しくありません。

【ストーリーボードとプロトタイプを組み合わせた活用例】

• 企画の初期段階にストーリーボードを作成し社内で共有する

• 社内で合意を得た後にプロトタイプを作成する

• プロトタイプを社外のユーザーに試してもらう

ストーリーを元に課題や改善点を発見するため

ストーリーボードは、自社の商品やサービスの改善にも役立ちます。

自社の商品やサービスを利用するユーザーの感情や体験をストーリーとして表現することで、一連のユーザー体験を解像度高く理解できるようになります。

すると、「ユーザーはこの場面でどんな悩みを抱えているのだろう？」「ユーザー体験をより良くするにはどうしたらいいだろうか？」といったユーザーの課題や自社の改善点が考えやすくなります。

また、作成したストーリーボードの内容が不自然だと、自然と違和感にも気づきやすいです。

違和感のあるストーリーだと、実際のユーザーはその通りには行動をしてくれず、結果的に売上に結びつきません。

自社にとって都合の良いユーザー体験を考えていないかチェックするためにも、ストーリーボードの作成は効果的です。

ストーリーボードの活用場面

ストーリーボードは、さまざまな場面で活用されます。

主に活用されるのは、以下の3つの場面です。

• UXデザイン

• プレゼンテーション

• 映画や動画制作の企画

ここからは、それぞれの場面でのストーリーボードの使い方を見ていきましょう。

UXデザイン

ストーリーボードはUXデザイン（ユーザー体験の設計）を行う際によく用いられます。

具体的には、次に紹介する2つのテストを行う際に活用されることが多いです。

ユーザーテスト

ユーザーテストとは、自社の商品やサービスについてユーザーに試してもらいフィードバックを得るテスト方法です。

新商品や新サービスを企画する際は、ストーリーボードを作成し、ユーザーにインタビューを行うことで開発前にアイデアの検証が可能になります。

コストをかけずに素早くアイデアの検証ができるため、特に企画の初期段階で重宝されます。

ユーザーテストの事例ややり方についてはこちらの記事で解説していますので、あわせて参考にしてみてください。

※関連記事：ユーザーテスト（ユーザビリティテスト/コンセプトテスト）とは？概要と方法について解説！

プロトタイプ評価

プロトタイプ評価とは、作成したプロトタイプをユーザーに試してもらい、フィードバックを得るテスト方法です。

ストーリーボードだけでは開発前のプロダクトを試してみることはできませんが、プロダクトの操作画面が分かるような資料（印刷物やWEBページ）を組み合わせることで、実際にプロダクトを使っているような疑似体験が可能になります。

UXデザインの現場でストーリーボードが重視される背景には、プロダクト開発の不確実性を早い段階で下げられるという利点があります。ワイヤーフレームやプロトタイプが「画面単位」の検証であるのに対し、ストーリーボードは「体験全体の流れ」を検証できるため、機能の抜け漏れやユーザー心理とのズレを開発前に発見しやすくなります。

たとえば、新規サービスの立ち上げ時にストーリーボードでユーザーの利用シーンを可視化しておくと、チーム内で「本当にユーザーはこのステップで次の行動に移るだろうか」という議論が自然に生まれます。画面デザインに入る前にこうした検証を行うことで、手戻りを大幅に減らすことができるのです。

また、ストーリーボードはステークホルダーとの合意形成にも有効です。デザイナー以外のメンバーにもユーザー体験の全体像を直感的に伝えられるため、プロジェクトの方向性を素早くすり合わせることができます。

プレゼンテーション

ストーリーボードはプレゼンテーションでも活用されます。スライド全体の流れを設計する際にストーリーボードを用いることで、話の方向性がブレにくくなり、聞き手に伝わりやすい構成を組み立てることができます。

また、プレゼンテーション内で新商品のユーザー体験をストーリーボードとしてまとめ、説明に用いるケースもあります。

映画やCMなどの映像制作の企画・制作

映像制作においては、テキストの脚本を視覚的に再構築するツールとしてストーリーボードが活用されています。ハリウッド映画からWEB動画まで幅広い現場で使われており、以下のような用途があります。

• ストーリー構成の検討

• 撮影方法や演出方法の検討

• 撮影に必要になる準備物の把握

• 必要となるコストの計算

• チームでの情報共有

UXデザインにおけるストーリーボードの作り方

ビジネスの現場では、UXデザインを設計する際にストーリーボードを作成することがよくあります。

ストーリーボードを作成すること自体は難しくありませんが、ただストーリーボードを作成するだけで良いUXデザインができるというわけではないので注意しましょう。

ここからは、UXデザインにおけるストーリーボードの作り方について解説いたします。

ストーリーボードを作成する目的を整理する

まず最初に、どのような課題を解決するためにストーリーボードを作成するのか目的を整理しておきましょう。

ストーリーボードはあくまでツールですので、目的が明確でなければ作っても意味がありません。

また、目的によってストーリーボードに求められるクオリティも変わってきます。

例えば、「新商品のアイデアについて社内で共有する目的」であれば、簡単なストーリーとイラストで作成すれば十分です。

ですが、「新商品のアイデアについて実際のユーザーにインタビューを行う目的」であれば、何も知らないユーザーに少しでも詳細なイメージが伝わるようにストーリーとイラストはある程度作り込む必要があります。

ユーザーのペルソナを作成する

顧客データやアンケート調査、ユーザーインタビュー結果などの情報を洗い出した上で、自社の顧客となりうるペルソナを作成していきます。

ペルソナとは架空の人物モデルのことで、例えば以下のように情報を設定していきます。

ユーザーのペルソナによって、想定されるユーザー体験も大きく変わってきます。

自社に都合の良いユーザーを想像するのではなく、実際のデータを元に具体的なペルソナを考えていきましょう。

複数のペルソナを作成しても問題ありませんが、基本的には１人のペルソナに対して１つのストーリーボードを作成することになります。

ユーザーの解決したい課題を考える

作成したぺルソナに基づいて、ユーザーの置かれている環境と解決したい課題を考えていきましょう。

「ストーリーが始まる場所や状況」と「登場人物の悩みや求めているもの」を考える、と言い換えることもできます。

ペルソナ作成と同様に、実際のデータを元に考えられるユーザーの課題を洗い出していきましょう。

そして、課題はできるだけ具体的になるように深堀りしていきます。

課題を深堀する際は「なぜ？」を繰り返していくことで、より具体的でリアルな課題を見つけることができるため、ぜひ活用してみてください。

【なぜ？を繰り返して課題を深堀りする例】

• 「休みの日にどの美容院にいくか迷っている。」

  ⇒「来週のデートに備えてお洒落な美容院に行きたいが、初めて行く美容院は失敗しそうで不安」

  ⇒「アプリを使って美容院を探してみたが、近くの美容院には自分が希望する髪型の写真が掲載されておらず、美容院を決めきれない。」

「ペルソナは考えられるけれど、ユーザーの課題の解像度が低い」という場合は、一度ユーザーインタビューを行ってみることも効果的です。

ユーザーの課題発見に役立つユーザーインタビューのやり方や設計方法についてはこちらの記事で解説しています。

※関連記事：ユーザーインタビューとは？目的と方法、実施における注意点まで徹底解説！

ユーザーの課題を解決できるような体験を考える

ユーザーが自社の商品やサービスを活用して課題を解決する一連の体験を考えましょう。

ただ課題を解決するだけではなく、ユーザーの満足度が高くなる体験を考えていきます。

課題を解決する方法に決まった正解があるわけではないので、難しく考え過ぎず、複数のアイデアを出していくことが大切です。

良いアイデアを考えるには、以下のようにいくつかコツがあります。

• 実際のユーザーになった気持ちで想像する

• 課題の文脈や深さを考慮する

• 課題をシンプルに解決する方法を考える

• 驚きや楽しさを感じる解決策を考える

• 他の企業の事例を参考にする

複数のアイデアを出した後は、その中から特に良いものを選定しストーリーボードとして表現します。

一連の流れをストーリーボードにまとめる

ここまでで整理してきた一連の流れをストーリーボードとしてまとめていきます。

イラストとして書き起こす前に、まずはユーザーが課題を解決するまでの体験をテキストで整理しましょう。

そしてコマ割りを作成し、コマごとにイラストを作成していきます。

イラストだけでは伝わりにくい部分は、台詞やテキストを入れると良いでしょう。

イラストが苦手な方や、効率的にストーリーボードを作成したい方は、ツールやアプリを活用することもオススメです。

近年ではAIやCanva等のツールを活用することで、デザイナーではない方でもイメージに近いイラストや画像を作成・選定することができるようになってきています。

オススメのストーリーボード作成ツールやアプリについては後ほど紹介いたします。

ストーリーボードを社内外に共有しフィードバックを得る

ストーリーボードが完成したら、当初の目的に合わせて社内外に共有し、フィードバックを得ましょう。

特に、次のようなポイントについてフィードバックが得られると、改善案が出しやすくなります。

• ユーザー体験が自然なものになっているか

• ユーザーのペルソナや課題は適切か

• 課題の解決策は魅力的か

• 自社独自の解決策が提供できているか

• 解決策は現実的に自社で提供可能か

そして、フィードバックの中で得られた気づきを元に、プロダクトやユーザー体験の改善案を立案します。

ストーリーボード作成時によくある失敗と対策

ストーリーボードは手軽に作成できる反面、いくつかの典型的な落とし穴があります。UXデザインの実務で見られる失敗パターンと、その対策を紹介します。

ペルソナが曖昧なまま作成してしまう

ストーリーボードの主人公となるペルソナが「30代男性・会社員」程度の粗い設定だと、ストーリーに具体性が生まれず、チーム内でも「本当にこの体験は自然なのか」という判断ができません。

ペルソナの行動背景や動機まで掘り下げてからストーリーボードに取りかかることで、説得力のあるストーリーが描けるようになります。

UIや機能の詳細を盛り込みすぎる

ストーリーボードはあくまで「体験の流れ」を可視化するものであり、具体的なUI要素やボタン配置を描き込む段階ではありません。

画面レベルの詳細はワイヤーフレームやプロトタイプの役割です。ストーリーボードに詳細を入れすぎると、体験全体の流れよりも個別の画面に議論が集中してしまい、本来の目的を見失いがちです。

作成して終わり、フィードバックを得ていない

ストーリーボードの価値は、作成した後のフィードバックと改善のプロセスにあります。社内レビューやユーザーインタビューでストーリーボードを見せ、違和感や改善点を洗い出すことで、プロダクトの方向性をより確かなものにできます。

作成だけで満足せず、検証ツールとして活用しましょう。

ストーリーボードを活用したUXデザインに取り組みたいけれど、自社だけでは進め方が分からないという場合は、専門家に相談してみるのも一つの方法です。NOROSHIでは、UXリサーチからプロトタイピングまで一貫した支援を行っています。まずはお気軽にご相談ください。

ストーリーボードの作成ツール・アプリ

前述したように、ストーリーボードはツールやアプリを活用することで効率的に作成が可能です。

無料で使えるものも多くあるため、まずはツールやアプリを試してみて自身に合ったものを探してみるのも良いでしょう。

ここからは、ストーリーボードの作成に使えるツールやアプリを厳選して紹介していきます。

パワーポイント

https://powerpoint.cloud.microsoft/ja-jp/

プレゼンテーションツールとしてお馴染みのパワーポイントですが、ストーリーボードの作成ツールとしても活用できます。

使い方は簡単で、1スライドを1コマとして作成していきます。

イラストの作成機能はないですが、オンライン上で検索した素材などを貼ることもできるため、社内で情報共有をする際はパワーポイントでも十分です。

PC版パワーポイントのアプリは有料ですが、WEB版では一部機能を無料で使うことが可能です。

Googleスライド

https://workspace.google.com/intl/ja/products/slides/

Googleスライドでも、パワーポイントと同様にストーリーボードの作成ツールとして活用できます。基本的な使い方はパワーポイントと同じですが、機能面が一部異なります。

Googleスライドの場合、Googleアカウントがあれば全ての機能が無料で利用可能なため、「使っているPCにパワーポイントが入っていない」という方でもすぐに使えるようになっています。

また、Googleスライドはブラウザで利用ができ、作成したスライドはURLとして他のユーザーに共有することが可能です。閲覧権限や編集権限の設定もできるため、複数人でストーリーボードの作成や共有をしたい方には便利です。

Canva

https://www.canva.com/ja_jp/

Canvaは、近年人気を高めているデザインツールです。

Canvaの魅力は豊富なテンプレートと素材で、デザイナーではない方でもイメージに近い画像を作成することができます。

漫画作成用のテンプレートもあり、コマ割りからイラストの検索、配置までCanva内で簡単に作成ができます。

テンプレートや素材の中には有料のものもありますが、基本的には無料で利用可能です。

最近では、AIを活用した画像作成も可能になってきており、イメージに近いイラスト素材が見つからない場合はAIで作成可能です。

Miro

https://miro.com/ja/templates/storyboard/

Miroはホワイトボードのような感覚で利用できるデザインツールです。

ストーリーボード専用のテンプレートもあり、誰でも簡単に作成が可能で、基本的には無料で利用できます。

ストーリーボードの他にも、「カスタマージャーニーマップ」や「ワイヤーフレーム」などのテンプレートもあり、UXやマーケティングに関する情報整理には便利なツールです。

Figma / FigJam

https://www.figma.com/ja-jp/

UI/UXデザインツールとして広く使われているFigmaと、そのホワイトボード機能であるFigJamも、ストーリーボードの作成に活用できます。多くのデザイナーが普段使っているツール内でストーリーボードを作成できるため、プロトタイプやワイヤーフレームとの連携がスムーズです。

よくある質問（FAQ）

Q. ストーリーボードとカスタマージャーニーマップの違いは何ですか？

A. カスタマージャーニーマップはユーザーの行動・感情・タッチポイントを時系列で網羅的に整理するフレームワークです。一方、ストーリーボードは特定のシーンや体験をイラストとテキストで具体的に描写します。カスタマージャーニーマップで全体像を把握し、重要なシーンをストーリーボードで深掘りするという組み合わせが効果的です。

Q. デザイナーではなくてもストーリーボードは作れますか？

A. ストーリーボードの目的はアイデアや体験の流れを伝えることであり、イラストの上手さは問われません。棒人間のような簡単な絵でも、ストーリーが伝われば十分に機能します。Canvaやスライドツールを使えば、既存の素材を組み合わせて作成することも可能です。

Q. ストーリーボードのコマ数はどのくらいが適切ですか？

A. 一般的には4〜8コマ程度が目安です。コマ数が少なすぎるとストーリーの流れが伝わりにくく、多すぎると焦点がぼやけてしまいます。まずは「課題の発生」「解決策との出会い」「解決後の状態」という3つの転換点を軸に構成し、必要に応じてコマを追加するとまとまりやすいでしょう。

まとめ

今回の記事では、ストーリーボードの概要や作り方、オススメの制作ツールやアプリについて解説いたしました。

ストーリーボードは誰でも手軽に作成することができ、自身のアイデアを分かりやすく共有することができるようになります。

ぜひ、今回の記事を参考にさまざまな場面でストーリーボードを活用してみてください。

また、「ストーリーボードの概要や作り方は分かったけれど、自社だけでUXデザインに取り組むのは難しそう」と感じる場合は、ノウハウのある外部企業と連携を行うことも一つの手です。

NOROSHIでは、今回紹介したストーリーボードなどのツールを活用し、Webサイトや各種クリエイティブ等のマーケティング領域から、UI/UXデザイン、ブランディングまで幅広くご支援しています。具体的な支援事例や内容を知りたい方は、ぜひ一度お気軽にご相談ください。