web-dev-qa-db-ja.com

「ストーリーボード」と「ムードボード」の違い

ストーリーボードとムードボードの違いは何ですか?ストーリーボードは映画とアニメーションだけのものだと思いましたが、どうやら彼らはuxフィールドでそれらを使用しています。または、人々は単にムードボード、ストーリーボードも呼び出すのですか?

4
ralph

ストーリーボード

UXでストーリーボードを使用して、イベントのsequenceまたはflowを示します。

  • 通常、これは画面の流れを意味します(ログイン、ホームページ、投稿ページの作成、投稿の送信など)。
  • ただし、ストーリーボードは行動およびビジネスフローを示すためにも使用されます(たとえば、レストランアプリの場合、行動ストーリーボードにはI want to go on a dinner datePull up an appNarrow a searchSelect a restaurantなど)。次に、この行動ストーリーボードを使用して、UXを備えたアプリケーションを設計できます。

Xストーリーボードの例(順次フローに注意):

storyboard


ムードボード

ムードボードはUXではあまり使用されません。ストーリーボードは、常にナラティブフローまたはサブナラティブフローで順序付けられますが、ムードボードは大まかに構成されているだけです。ムードボードは、クリエイティブなアイデアを非常に迅速に捉え、クラスター化するために使用されます。これらのアイデアは多くのトピックに及ぶ可能性がありますが、以下が含まれる場合があります。

  • 実際のスクリーンショットとワイヤーフレーム
  • カラーパレット
  • クリエイティブなインスピレーション(写真、ビデオなど)
  • 感情的な入力と出力
  • 同等で競争力のあるアプリケーション
  • そして他の多く。

ムードボードの例(さまざまなトピックの非公式のクラスタリングに注意してください):

enter image description here

8
tohster

個人的には、ムードボードを使用して、非常に初期のブレーンストーミング段階の一環として、インスピレーションを与える画像やメモなどを収集しています。ストーリーボードは、あなたが言ったとおりであり、それらは一連の情報を伝えるために使用されます。

たとえば、私はムードボードを使用してクライアントと共同作業を行い、特定のデザインの方向性を両方とも理解できるようにします。次に、ストーリーボードを使用して、潜在的なユーザーのワークフローを示します。

あなたのために働くプロセスがあれば、私はそれは重要ではないと思います!

0
atrnh