優れたUXデザインを生み出す心理的トリック

ux design psychology

UXデザインは、人間の心理を理解するプロセスです。 ユーザー中心設計やユーザーエクスペリエンスなどの用語がデザイン思考プロセスを支配するのはそのためです。

UXデザイン心理学とは、問題を解決しようとしている人々の行動を理解し、それらの人間の行動に合わせてユーザーエクスペリエンスを設計することです。

UXPinは、UX心理学とゲシュタルト視覚の原則に従ったすぐに使用できるプロトタイプの例もありますので、ぜひ実際にお試しください。

UXPinの14日間の無料トライアルにサインアップして、UXPinの革新的なデザインエディターと高度なプロトタイピング機能を探索し、顧客のユーザーエクスペリエンスを向上させましょう。

UXデザインにおける認知心理学とは?

認知心理学は、注意と知覚、記憶、問題解決、創造的思考など、人間の精神的プロセスを研究します。これは、ユーザーエクスペリエンスデザインの基盤となります。

優れたUXデザイナーは、これらの人間の精神的プロセスと、認知心理学が精神的障壁を克服して改善するのにどのように役立つかを理解しています。

  • 使いやすさ
  • ナビゲーション
  • 読みやすさ
  • アクセシビリティ

人間の脳は、デジタル製品を含む周囲の環境を理解するために、パターンや認識可能なオブジェクトを絶えず検索しています。

認知的負荷とUXデザイン

認知的負荷は、新しい情報を処理して学習するために必要な精神的な努力、つまり人間の処理能力です。

優れたUXデザインは、ユーザーインターフェースを最適化し、コンテンツを提示するための認知的負荷の限界を理解しているため、ユーザーは情報をすばやく吸収して処理できます。

デジタル製品の情報を吸収して処理するために必要な処理能力がユーザーの認知的負荷を超える場合、ユーザーはそれを使い続ける可能性は低くなります。

3種類の認知的負荷

3種類の認知的負荷と、それらがUXデザインにどのように影響するかを次に示します。

  1. 本質的な認知的負荷は、タスクの固有の難しさに由来します。 ユーザーは、目前のタスクに集中しながら、どのように情報を吸収しますか? 良い例はオンラインショッピングのチェックアウトです。 デザイナーはすべてのナビゲーションを削除し、ユーザーが購入を完了するために必要なコンテンツのみを提供します。 設計者は、固有の認知的負荷を軽減することにより、ユーザーが目前のタスクを完了する可能性を高めます。
  2. 外部の認知的負荷は、脳がタスクの本質的でない問題(フォント、マイクロインタラクション、命令など)を処理する方法です。 フォントを読んだり、指示を理解したりするのに苦労しているユーザーは、UXでの無関係な認知的負荷を超える例です。
  3. ゲルマンの認知的負荷は、スキーマの処理、構築、および自動化です。 ユーザーが情報のカテゴリと関係を整理する方法。 何か新しいことを学ぶとき、人間の脳はスキーマを構築するためにコンテンツのなじみを探します。

ゲシュタルトの原則とビジュアルデザイン

ゲシュタルトの原則は、人間の脳が視覚を認識して見慣れた構造を作成する方法を説明しています。

ゲシュタルト心理学の有名な例は、19世紀後半のイギリスの漫画家による若い女性または老婆のイラストです。 この「ゲシュタルトスイッチ」は、心がキャンバス上の要素をどのように解釈するか、そしてこれがビジュアルデザインに与える影響についての魅力的な洞察を提供します。

以下では、ビジュアルデザインに適用される6つの主要なゲシュタルト原則を紹介します。

1.フィギュアグラウンド -脳が前景と背景をどのように区別するか。 UXデザイナーは、認知的負荷を最小限に抑えるために、前景と背景を明確に区別する必要があります。

2. 近接の法則 – グループ化されたオブジェクトは、離れた場所にあるオブジェクトよりも関連性が高いように見えます。 複数のカテゴリの情報がある場合、これらのカテゴリ間にスペースを作成すると、ユーザーはコンテンツをより速く区別できるようになります。

3. 類似性の法則 – 類似のオブジェクトは関連しているように見えます。たとえば、類似の形状、色、陰影、サイズ、およびその他の品質のオブジェクトです。

4. 閉鎖の法則 – 不足している情報を埋めることによって完全な形を見る脳の能力。

5. 連続の法則 – 人間の目は、デザインのパス、線、または曲線を自然にたどります。 近接性と同様に、継続性はユーザーが関連コンテンツを識別するのに役立ちます。

6. 対称の法則 – オブジェクトを偶数の対称部分に分割するという脳の好み。

すべてのデザイナーが知っておくべき6つのUXデザイン心理学の原則

1.フォンレストルフ効果 (Von Restorff effect)

フォンレストルフ効果は、オブジェクトのグループ内で、異なるオブジェクトが目立つか、記憶される可能性が最も高いことを予測します。 ユーザーに明確さと方向性を提供するのに役立つため、UXデザイン心理学の最も重要な原則の1つです。

UXデザイナーは、CTAを拡大したり、色を変えたりするなど、目立つ召喚ボタンを強調しようとするたびにフォンレストルフ効果を適用します。

フォンレストルフ効果は、ユーザーインターフェイスの他の部分でも役立ちます。 たとえば、一連のタブがある場合、別の色にすることで、ユーザーが現在どのタブを使用しているかを示すことができます。 ナビゲーションの現在のページまたはユーザーフローの現在のステップを強調表示する場合も同様です。

2.ヒックの法則 (Hick’s Law)

ヒックの法則は、あなたが誰かに与える選択肢が多ければ多いほど、彼らが決定を下すのに時間がかかると推定しています。なぜなら、あなたは彼らの認知的負荷を増やしているからです。

ヒックの法則は、eコマースデザインの重要な心理的原則です。 まず、買い物客の選択肢が多すぎると、何を購入するかを決める前に何度も訪問する可能性があります。 経験は圧倒的すぎるかもしれません、つまり彼らは何も購入しないというにつながります!

UXデザイナーは、チェックアウトプロセス中にヒックの法則にも注意を払う必要があります。 販売を完了するために必要な手順、およびフォーム入力フィールドの数は、ストアのコンバージョン率に深刻な影響を与える可能性があります。

UXチームは、タスクまたは目標を完了するための選択肢の数が最も少ないことを確認するために、設計を継続的に評価する必要があります。

3. 最小努力の原則 (The Principle of Least Effort)

最小努力の原則は、ユーザーが最小量のエネルギーを必要とする選択または行動をとることを示しています。 製品が複雑すぎる場合、または学習曲線が急な場合、ユーザーはそれを使用する可能性が低くなります。

レイアウトやユーザーインターフェイスを変更する場合も、最小努力の原則が重要です。 ユーザーが製品を操作する方法を変更すると、新しいプロセスを学ぶのが面倒になる可能性があります。これを何度も行うと、ユーザーを失う可能性があります。

最小努力の原則は、設計者が問題を解決するために一度検討することではありません。 これは、ユーザーのテストと反復の継続的なプロセスであり、継続的に改善点を探します。

4. 系列位置効果 (The Serial Positioning Effect)

系列位置効果は、リスト、文、またはコンテンツの最初(主効果)と最後(最新効果)の項目を覚えている可能性が最も高いことを示しています。

心理学者は、人々が最も意味のある情報が最初と最後に現れることを期待しているため、系列位置効果が発生するのではないかと疑っています。

UXデザイナーは、系列位置効果を使用して、より優れたユーザーエクスペリエンスを作成できます。 たとえば、最も重要または最も使用されるナビゲーションリンクを最初と最後に配置します。

系列位置効果は、重要な情報を上下に表示することにより、画面レイアウトにも効果的です。

5. 永続的な習慣の原則 (The Principle of Perpetual Habit)

永続的な習慣の原則は、人々が身近な習慣や習慣に依存していると述べています。 新しい車を設計する場合、クリーンでミニマリストなダッシュが必要なため、ハンドルをトランクに入れません。

創造性と革新性を発揮できる分野はありますが、決して変更してはならない普遍的な基準がいくつかあります。

たとえば、ユーザーはヘッダーとフッターにナビゲーションリンクを見つけることを期待しています。 ハンバーガーアイコンは、モバイルユーザー向けのナビゲーションの場所を示しています。 この構造を変更すると、ユーザーは基本的なナビゲーションに問題を抱え、ユーザーエクスペリエンスが低下します。

優れた製品設計は、モバイルデバイスからデスクトップ、iOSからAndroidまで、デバイス間でのさまざまなユーザーの習慣を認識し、ユーザーのニーズに合わせて製品を調整することです。

6. 感情的な伝染の原則 (The Principle of Emotional Contagion)

感情的な伝染またはカメレオン効果の原則は、人間が動物やアニメーションを含む他の人の感情や行動を模倣または共感することを示しています。

UXデザイナーは、感情的な伝染の原則を使用して、魅力的で没入型のユーザーエクスペリエンスを作成できます。

良い例は、DuolingoがLanguage Birdを使用して、ユーザーにアプリに戻るように促す方法です。 ユーザーがレッスンを欠席すると、LanguageBirdの表情は泣いているように示されたり、クラスを終了すると明るい表情となるような反応を示します。

UXデザイナーには、ユーザーに害のある感情伝染の原理を乱用しないようにする必要があります。

まとめ

UX心理学を理解することで、ユーザーにとってより良い製品を構築できます。 デザイン心理学は、製品とインタラクションデザインの背後にある理由を理解するのにも役立ちます。

ユーザーエクスペリエンスを向上させるために、人間の行動から多くのUXデザイン原則を導き出します。 しかし、これらは強力な心理的ツールであり、善と同じくらい害を及ぼす可能性があります。

良い例は、ソーシャルメディア企業がデザイン心理学を使用して人々を操作し、利益の名の下にユーザーの注意を競う方法です。

デザイン心理学をよく理解して、ユーザビリティテストでのこれらの原則を認識することを学ぶことができます。 あなたが観察する非言語的な手がかりがあるかもしれません、それはより充実したフィードバックを収集するうえでユーザーと接することができます。

UXPinによるユーザビリティテストの改善

意味のあるフィードバックを得るもう1つの方法は、最終製品のように見え、機能する忠実度の高いプロトタイプを作成することです。 UXPinを使用すると、洗練されていながら直感的なオールインワンプロトタイピングソフトウェアを使用して、アイデアをエクスペリエンスに変えることができます。

この記事からUXの原則を取り入れて、UXPinの次のプロジェクトに適用してください。 14日間の無料トライアルにサインアップして、今日からより良いCXデザインを始めましょう!

by UXPin on 8th 7月, 2023

UXPin is a web-based design collaboration tool. We’re pleased to share our knowledge here.

Still hungry for the design?

UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.

Start your free trial

These e-Books might interest you