ストーリーボードは、ユーザーエクスペリエンスデザインプロセスで欠落しているリンクですか？

公開: 2017-05-09

絵コンテ…それは脚本家が映画やテレビ番組を作成するために使用するものですよね？ええ、それは本当ですが、ストーリーボードは架空のエンターテインメントの世界に限定されていません。また、ユーザーエクスペリエンスの設計プロセスにおいて重要な役割を果たすことができます。

この投稿では、すべてのストーリーボードについて説明します。簡単な定義から始めて、ストーリーボードを使用してプロジェクトでのユーザーの旅を作成し、その結果、より優れたユーザーエクスペリエンスを設計する方法について説明します。

ストーリーボードとは何ですか？

ストーリーボードはかなり単純な概念です。基本的には、ストーリーを順番に移動するシンプルなイラストです。私が言ったように、それらは映画や演劇のプロットラインを開発するためのツールとしての使用で最もよく知られています。

映画に適用したときにストーリーボードがどのように機能するかを楽しく視覚化するために、Flavorwireはいくつかの有名な映画のストーリーボードのリストをまとめました。サイコの有名なシャワーカーテンシーンを覚えていますか？ストーリーボード形式では次のようになります。

サイコ絵コンテ

しかし、ストーリーボードは架空のプロットをレイアウトするのに役立つだけではありません。また、実際の人間がWebサイトやアプリをどのように体験するかを視覚化するための一般的な方法にもなっています。

ウェブサイトやアプリに関して言えば、ストーリーボードは基本的に特定のユーザーペルソナの全行程をたどります。問題に苦しんでいるユーザーから始まり、あなたの作品と対話して前向きな解決策を体験することで終わります。

重要なことは、ストーリーボードが実際の環境で実際の問題を抱えている実際の人を描いているということです。ストーリーボードは常に本物であり、現実に基づいていると感じる必要があります。

では、これは実際にはどのように見えるでしょうか？これは、オースティンセンターフォーデザインのチェルシーホステッターの例です。

チェルシーのストーリーボードが最初から最後まで完全なストーリーをどのように描いているかに注目してください。スーザンによるハートラインアプリの使用だけに焦点を当てているわけではありません。それは実際の状況で始まり、アプリを使用してトムと接続するスーザンでピークに達し、問題の実際の解決で終わります。

ストーリーボードはユーザーエクスペリエンスデザインの改善にどのように役立ちますか？

今日、ビッグデータに大きな焦点が当てられています。コールドハードデータは確かに価値がありますが、設計プロセスから人間を完全に排除します。ストーリーボーディングは、その人間的要素をデザインに戻すのに役立ちます。

ストーリーボードを使用すると、抽象的な機能の説明や分析データではなく、実際の人間が実際のアクションを完了できます。

ストーリーボードを使用すると、人的要素だけでなく、アイデアをすばやく修正して繰り返すことができます。あなたがしているのはプロセスをスケッチすることだけなので、同じ機能の実用的なプロトタイプを作成するよりもはるかに少ない時間を投資する必要があります。

つまり、プロトタイプよりも迅速に変更をロールアウトできます。

最初のストーリーボードの作成に役立つヒント

ストーリーボードを作成するのにプロのイラストレーターである必要はありませんが、デザインプロセスに実際に役立つストーリーボードを作成するために従う必要のある戦略がいくつかあります。

あなたの目標は、本物で説得力のあるものを作成することであることを忘れないでください。必要に応じて、戻ってハートラインの例をもう一度確認してください。ストーリーがどのようになっているのかに注目してください。

人間の感情がぎっしり詰まっている
キャラクターが製品を使用する部分だけでなく、シナリオ全体に焦点を当てます
明確な解決策がある

チェルシーの最終製品は良い例ですが、空白のページから完全に肉付けされたストーリーボードに直接進む必要があるとは思わないでください。

代わりに、その最終製品までゆっくりと構築するのに役立ちます。

まず、あなたの目標は次のことであることを忘れないでください。

本物のキャラクター
現実の問題
あなたの製品を介してその問題を解決するための論理的で本物の方法
ストーリーボードの最後にある実際の解像度

これらすべての要素を確実に満たすには、ストーリーの基本をスケッチしたプレーンテキストの説明から始める方が簡単です。それらを物語の弧でつなぎ合わせますが、まだ深く掘り下げすぎる心配はありません。

次に、戻って、より詳細な感情を取り入れてストーリーを書き直します。旅の各段階でキャラクターはどのように感じていますか？彼らは幸せですか？悲しい？無関心？

物語と感情をプレーンテキストでスケッチしたら、それを実際のストーリーボードに翻訳する準備が整います。これを行うには、ストーリーの各アクションを個別のフレームに分割し、実際のイラストを使用してスケッチします。

芸術的なスキルをお持ちの場合は、ストーリーボードを描くときに実際にイラストに感情を取り入れるようにしてください。

ストーリーボードの作成に役立つツール

ユーザーエクスペリエンスストーリーボードの作成に役立ついくつかのツールについて詳しく説明する前に、おそらくクローゼットのどこかに十分なツールがすでにあるという事実を説明する必要があります。

つまり、ストーリーボードを作成するのに必ずしも特別なものは必要ありません。ストーリーボードを見るのがあなただけの場合は、ペンと紙でローファイを行うのはまったく問題ありません。または、PowerPointのようなものを使用して、いつでもデジタルアプローチを使用して、それをまとまりのあるストーリーにまとめることができます。

ただし、他のチームメンバーと共同作業を行う場合は、ペンと紙やPowerPointで許可されているよりも少し洗練されたプロフェッショナルなストーリーボードを作成することをお勧めします。そのような状況では、次のツールが役立ちます…

絵コンテあれ

手作業でスケッチするのではなく、事前に作成されたドラッグアンドドロップ要素を使用してフレームごとのストーリーボードを作成できるストーリーボード。プレーンテキストでストーリーをスケッチしたら、これらの要素を使用して、より洗練された最終製品を作成できます。

このツールは非常に簡単に使用できます。あなたが本当にする必要があるのは：

シーンの背景を選択してください
文字を追加する
テキストやアイテムを持ち込む

たとえば、この基本的なストーリーボードをわずか数分で作成できました。

ストーリーボードコンテストに勝つとは思えませんが、手でスケッチするよりもはるかに高速です（少なくとも私にとっては）。唯一の欠点は、キャラクターの表情で感情を表現する能力が失われることです。

基本的なストーリーボードそのツールは無料ですが、より多くの機能を提供するプレミアムプランもあります。

ボード

Boordsは、既存のイラストからストーリーボードを作成するのに役立つ、より洗練されたハイテクツールです。

これらのイラストを実際に作成することはできませんが、イラストを配置したり、メモを追加したり、インターネットやPDFを介してストーリーボードを共有したりすることはできます。

したがって、ストーリーボードで他のユーザーとコラボレーションすることを計画している場合、Boordsを使用するとその場での調整がはるかに簡単になります。

最大2つのストーリーボードを無料で利用できる基本的な無料プランがあります。ただし、その後はProの料金を支払う必要があります。

まとめ

ストーリーボードは、映画や演劇だけのものではありません。これらは、反復を高速化し、ユーザーをよりよく理解し、設計プロセス全体に人間の顔を向けるのに役立ちます。

覚えておいてください。ストーリーボードは本物で説得力のあるものである必要があります。あなたの製品が世界を救う頭のいい状況をスケッチするのは気分がいいかもしれませんが、それはストーリーボードの目標ではありません。それを現実的に保ち、最初から最後まで完全なストーリーを伝えることに集中してください。

さて、あなたに話を移します–デザインプロセスでストーリーボードを使用しますか？ もしそうなら、あなたは彼らが作るのにかかる時間の価値があると思いますか？

CharacterFamily /shutterstock.comによる記事のサムネイル画像