ウェブサイトのビジュアルデザイン: ムードボードとビジュアルデザインの組み合わせ

1. ビジュアルデザインの本当のジレンマ

インターネット製品のビジュアルデザインには、次のような多くの不確実性があります。

あなたはそれを「エレガント」にデザインしたのに、彼はそれを「新鮮」だと思ったのですか？ - 主観的な判断であり、写真を見た後にのみ理解できます

時々、特定のデザインが気に入らないことがありますが、その理由がすぐにはわかりません。潜在意識

最初にあるスタイルを要求し、すぐに別のスタイルに変更する - ユーザーを理解していない

「ユーザー中心設計」が単なる仕掛けではないのであれば、「ユーザー」にビジュアルデザインの方向性を決めてもらうこともできます。

従来のユーザー調査手法は「ユーザーを理解する」のに多少は役立ちますが、「ビジュアルデザインを直接導く」には無力であるように思われます。

ビジュアルデザインにおける「主観的な判断」「実際の作品を見て初めて理解する」「潜在意識を表現できない」という問題を同時に解決し、「ビジュアルデザインを直接導く」ことができるユーザーリサーチ手法はあるのでしょうか？

2. ムードボード法の理論的基礎

ムードボードは、画像を使用してユーザーエクスペリエンスを刺激し、探求し、ビジュアルデザインに影響を与える調査方法です。 調査して開発できる「スタイル感覚」と「デザイン要素」は有益です。

ムードボードの核となる原則は、「イメージ」を利用して製品とユーザー、ユーザーの潜在意識と意識、ユーザーの感性（感情）と理性の間のコミュニケーションを図ることです。その神経心理学的根拠は次のとおりです。

コミュニケーションのほとんどは非言語的である

思考はイメージを通じて生み出される

感覚的なイメージは重要な比喩であり、これらのイメージのほとんどは視覚的なものである。

思考の深い構造にアクセスできる

経験は合理性と感性（感情）の混合である

3. ムードボード方式の運用プロセス

プロセス全体の概要:

キーワードを取得:

画像資料集：

ムードボードの作成にユーザーを招待します。

4. ビジュアルデザインのためのムードボードの実践

前回の記事の第3回では、ムードボードの準備から制作参加までのプロセスについて詳細に説明しました。本パートではそのプロセスを繰り返すことはせず、ムードボードの成果をどのように分析・活用し、ビジュアルデザインとうまく組み合わせていくかを説明することに重点を置いています（現在の実際の業務経験から、この部分は前回のムードボード制作プロセスよりも強調する必要があるかもしれません）。

APP Store でモバイル アプリ「Old Recipes」をランダムに選択し、練習に使用します。

「Old Recipes」ではムードボードによるユーザーリサーチ手法を採用しました（具体的なプロセスは省略）。ムードボードは次のようになりました:

ムードボードの結果分析と視覚要素の抽出:

設計プロセス:

背景

ナビゲーション

クリックして移動

最終結果（比較）

要約:

認知処理には 2 つのモードが働いています。

トップダウン処理とは、認知活動中に人が既存の知識や概念を使用して現在の情報を処理するプロセスを指します。

ボトムアップ処理は、データ駆動型処理または物質刺激駆動型処理とも呼ばれ、パターン認識における刺激自体の重要性を強調します。

通常、ビジュアル デザイン作業では、ボトムアップ処理アプローチが多用されます。ただし、ムード ボードの結果を十分かつ慎重に分析し、主観的なイニシアチブを十分に発揮できれば、トップダウン処理アプローチを開発するのに役立ちます (この主観的なイニシアチブの行使により、正しい全体的な方向性も保証されます)。交互に繰り返しトレーニングを行い、2 つの認知処理方法を組み合わせて使用​​することで、デザイン思考レベルを向上させることができます。

「Old Folk Remedies」後半のビジュアルデザインデモを完成させてくれたデザイナーのZhaoに感謝します。

元のタイトル: ウェブサイトのビジュアルデザイン: ムードボードとビジュアルデザインの組み合わせ

キーワード: ウェブサイト、ビジュアル、感情、ボードの連携、現実、ジレンマ、インターネット、ネットワーク制作、ストレージ、ウェブマスター、ウェブサイトのプロモーション、収益化