美学と知覚–ユーザーエクスペリエンス画像へのアプローチ方法

UXデザインとユーザーエクスペリエンスの画像に関しては、ウェブサイト、モバイルアプリケーション、その他のデジタル製品のいずれであっても、多くのデザイナーは、自分の美的感覚を使用して画像を選択し、マイクロコピーやその他のインターフェースと適切な方法で組み合わせます。製品の目的とブランディングに関連して。

「写真は千の言葉に値する」という人気の言葉は、19世紀初頭から揺らいでおり、一般的に、側面に表示される広告での画像の使用を宣伝する記事にこのフレーズを書いたフレッドR.バーナードに起因します。路面電車の。 多くの場合、画像にはユーザーに感情的な反応を生み出す力があります。 これは、ブランドの目的を明確にし、製品の価値提案を強化し、Webサイトまたはモバイルアプリの魅力を高めるのに役立ちます。

脳はテキストよりも速くメッセージを解釈できるため、画像はメッセージを即座に送信でき、メッセージに深みとコンテキストを与え、テキストのみよりも没入感のある体験を提供します。 デザイナーが画像の操作方法を知っていると、聴衆の感情的な反応をうまく操作できるようになります。 製品のデザインは、ユーザーエクスペリエンスの画像の品質に応じて上下する可能性があります。そのため、製品のデザインを正しく行うことが重要です。

ウェブサイトやモバイルアプリケーションを除いて、画像はあらゆる種類の製品デザインで重要です。 説得力のあるストーリーテリングの6つのルールでレイチェルクラウス（ニールセンノーマングループのユーザーエクスペリエンススペシャリスト）が述べたように、画像を関連するケーススタディ、チャート、およびユーザビリティテストの写真に組み込んで、視聴者に言葉を超えてつながる何かを与えることができます。

Kim Flaherty（Nielsen Norman GroupのUXスペシャリスト）はまた、最近の調査によると、ニュースレターの受信者は、ウェブ上で遭遇するのと同じ高品質の画像を期待し、より大きなスケールで表示でき、細部を非常にはっきりと表示できる画像を強く望んでいると述べています。

画像の使用と、ユーザーの知覚とユーザーエクスペリエンスに対する心理的な影響を深く理解することは、UXデザイナーが過小評価してはならないデザインの重要な側面です。

デザインにおける感覚画像

近年、感覚マーケティングの分野は、主にマーケティングと心理学において、企業や学術界の注目を集めています。 著書「感覚的マーケティング：製品の官能性に関する研究」の中で、アラドナ・クリシュナは感覚的マーケティングを「人々が購入と消費の決定を行う方法に影響を与える潜在意識の引き金」と定義しています。 その声明は、マーケティングと同じように製品設計プロジェクトにも当てはまります。

著者によると、感覚的な画像は次の方法で製品のデザインに影響を与える可能性があります。

• ビジュアルデザインによる精神的刺激の促進
• ブランドで人々を引き付ける
• ブランドに対する彼らの態度に影響を与える
• ビジュアルデザインを通じて他の感覚（嗅覚など）を刺激する

画像によるメンタルシミュレーションの促進

マーケターやデザイナーは、消費者に「Thinkdifferent」（Apple）や「Just do it」（ナイキ）などのスローガンで想像力を働かせるように長い間奨励してきました。 ただし、これらのシンプルでキャッチーなフレーズは、明示的に要求せずに製品の使用を想像するように人々を自動的に説得するものではありません。

認知と知覚に関する研究（上記）によると、製品の視覚的表現方法を変更するだけで、人々は製品との相互作用を想像しやすくなり、その結果、購入の可能性が高まることがわかりました。

慎重に選択された画像は、製品に対する人々の認識に大きな影響を与え、ブランドの近接性を効果的に高めたり、人々が自分と一致しない画像に遭遇した場合に悪影響を及ぼしたりする可能性があります。

たとえば、不動産のWebサイトが中流階級の顧客をターゲットにしており、明らかに非常に高級で高価な別荘の次の例を背景として使用している場合、ターゲットユーザーと会社の間の接続に影響を与える可能性があります。 これにより、ブランドとユーザーの認識方法の間にギャップが生じます。

注意、感覚、および知覚

人々が現実とどのように関係しているかを理解するための出発点は、注意、感覚、知覚の心理的プロセスにあります。

注意は、焦点を合わせる特定の刺激を選択し、それらの間の関係を確立する精神的なプロセスです。 賢明に使用される場合、これらの刺激は、特定の情報に観察者の注意を引くために戦略的に配置されます。 人々の目は毎日数十の広告やウェブサイトに引き付けられており、注目を集めるのはごくわずかであるため、可能な限り最高のユーザーエクスペリエンス画像を選択することが不可欠です。

ソビエトの心理学者であるレフ・セメノビッチ・ヴィゴツキーは、人間の精神は、対象がさらされる現実の主観的な形成に直接作用するプロセスとしての感覚を持っており、世界との人々の関係において重要な役割を果たしていると主張します。 さらに、2つ以上の感覚が一緒に経験されるときに特徴づけられる共感覚感覚があり、一般に物体と感覚の間に関連性を生み出します。 たとえば、赤は「情熱的な」色と見なされることが多く、コカ・コーラはブランドで広く使用しています。

人間の知覚とは、人がすでに遭遇した経験との関連を通じて作られた感覚によってキャプチャされた情報に意味を選択して割り当てることができる脳機能を指します。 これはメンタルモデルとも呼ばれます。

特に異なる文化、社会階級、年齢層を考慮に入れる場合、人々のグループが常に同じように考えるとは限らないことを理解することが重要です。 次の画像は、観客が旅行を愛する若者である限り、楽しさと冒険を表す素晴らしい例になる可能性があります。子供と一緒に旅行するストレスとそれに伴うすべてを経験した親であれば、それほど多くはないでしょう。 この場合、ユーザーの詳細な調査により、デザイナーが特定のオーディエンスに使用するのに最適なタイプの画像を選択するのに役立つ洞察が得られます。

使いやすさを向上させるツールとしてのユーザーエクスペリエンス画像

研究論文「初心者および低識字ユーザー向けのモバイルインターフェイスの設計」で、著者は、画像は低識字の人々もサポートし、製品の使いやすさを向上させ、全体としてユーザーエクスペリエンスを向上させると述べています。 非識字は貧困と関係していることが多いため、非識字ユーザーは、主に視覚的要素に基づいて、メカニズムに焦点を当てて、インターフェースを異なる方法でスキャンします。

Andrew Thatcherが実施した調査では、ATMと、アイコンおよび音声ベースの代替ATMインターフェイスを使用しながら、識字者および半識字者の行動を調査しました。 著者によると、人々は他の選択肢よりもアイコンベースのATMインターフェースを好む傾向を示しました。 これは特に画像とは相関しないかもしれませんが、視覚的要素がテキストベースのインターフェースよりもよく理解されていることを示しています。

この調査は特に識字率の低いユーザーを対象としていますが、画像と視覚ベースのインターフェースは、読書が困難なユーザーだけでなく、一般的なユーザーにもプラスの影響を与えることを理解することが重要です。 たとえば、適切に選択された画像を使用すると、ユーザーは情報をより速くスキャンして吸収し、製品の目的をより迅速に理解できるようになります。 それを検証するための優れた方法は、5秒テストとして知られている方法を採用することです。

製品美学における応用心理学のより深い理解

視覚的に魅力的なデザインは使いやすいと考えられているため、デザイナーとしてそのように作成することが重要です。 また、美的デザインはより受け入れられやすく、より頻繁に使用され、創造的な思考と問題解決を促進します。 Universal Principles of Designによると、美的デザインはユーザーとの良好な関係を促進し、デザイン内のユーザビリティの問題に対するユーザーの耐性を高めます。

美的-使いやすさの効果

通常、美的デザインはエンゲージメントの可能性が高くなります。 画像は視覚的な魅力と多くの関係があり、ユーザーの知覚に直接影響します。 製品がより使いやすく、視覚的に魅力的でない場合、使いやすさの問題を解決する受け入れの欠如に悩まされる可能性があります。

この心理的現象によると、美的に魅力的なデザインは、魅力的でないデザインよりも一般的に直感的であり、それは、技術的背景が限られているユーザーに特に当てはまります。 さらに、美的デザインが正しく機能しない場合、ユーザーは製品に欠陥があるのではなく、自分自身を責める傾向があります。

この意味で、優れた写真やビデオはユーザーを喜ばせます。 その前向きな感情的な反応は、ユーザーの製品との相互作用とブランド自体との関係をさらに強化すると同時に、使いやすさの欠点を補い、ユーザーをより寛容にします。

Nielsen Norman Groupの記事で、Kate Moranは、システムの基本的な機能を評価する場合でも、ユーザーは特定のインターフェイスの美学に強く影響されると結論付けた黒須と樫村を引用しました。

たとえば、FitBitのWebサイトを見てください。 Moranは、ユーザビリティテスト中に、1人のユーザーがサイトで買い物をしているときに、インタラクションデザインの小さな煩わしさから、ナビゲーションの重大な欠陥まで、多くの問題に遭遇したと報告しました。 ユーザーは、いくつかの困難を伴ってタスクを完了することができました。

しかし、ユーザーはこのウェブサイトの使いやすさを非常に高く評価しており、サイトは海のように見え（非常に穏やかで）、素晴らしい色と優れた写真を備えていると述べました。 サイトの美的魅力によって生み出された前向きな感情的な反応は、その使いやすさの問題を隠すのに役立ちました。

プライミング効果

インターフェイスに適切な画像を選択することは、美学を超えています。 選択した画像は、正しいメッセージと値を伝える必要があります。 人間の脳は常に関連性を扱っているため、画像は関連性を操作するための強力なツールとして使用できます。 『ファスト＆スロー』という本の中で、ダニエル・カーネマンは、心が無意識のうちに連想を作る方法の説得力のある例を示しました。 彼は読者に次の2つの単語を見るように頼んだ。

人々がそれらの言葉を見たとき、彼らは不快な連想を経験しました。 彼らの顔は嫌悪感を表してわずかにねじれ、心拍数は増加し、腕の毛は少し上がった。 要するに、彼らは「嘔吐」に、実際の出来事にどのように反応するかを弱めたバージョンで、すべて自動的に、人の制御を超えて、純粋にアイデアの関連付けを通じて応答しました。 しかし、影響はそれを超える可能性があり、人々は「バナナ」という言葉を「嘔吐」の否定的な意味に関連付けます。

プライミングは、刺激への曝露が後の刺激への反応に影響を与える潜在記憶効果です。 設計者は、インターフェイスが視覚的にどのように魅力的であるかを考えるだけでなく、メッセージの送信、ユーザーの認識、ユーザーの関与、および適切に構築された関連付けによるアイデアの操作の観点から、画像を操作することもできます。

Nielsen Norman Groupのプライミングおよびユーザーインターフェイスで、著者は次のように述べています。 これらの仮定がさらに確認されれば、全体的な体験はスムーズで快適です。 ただし、仮定が間違っていることが証明されると、サイトの使い勝手が悪いと人々が感じることがよくあります。」

次の例も記事で紹介されており、私立学校のホームページに小さな子供たちの画像が表示されており、その学校は幼稚園または小学校1年生だけの印象を与えています。 実際には、学校は中学2年生までをカバーしています。

概要

画像は、人々の認識やユーザーエクスペリエンスに影響を与えるために使用される場合、強力なツールになります。 デザインに効果的な画像を選択すると、製品の魅力を高め、ビジネス価値を高め、売上とリードの生成を増やし、インターフェースと情報のスキャンを高速化し、視聴者を喜ばせ、消費者とブランド間の共感を高めることができます。

デザイナーが最も顕著な心理的現象と人々の心がどのように機能するかをよりよく理解すると、ビジネス自体にプラスの影響を与えながら、人々にとって本当に意味のあるより良い製品を作成できます。

Toptal Designブログでさらに読む：

• ブランドイラスト101：ナラティブの視覚化
• デザイン心理学と素晴らしいUXの神経科学
• 説得力のあるデザイン：高度な心理学を効果的に使用する
• 描画スキルなしでカスタムイラストをデザインするためのステップバイステップガイド
• デザインとの影響–色と感情へのガイド