UXの神経科学

May 08 2023
神経科学は、デジタル製品設計の分野で重要な実用的アプリケーションを持っています。神経科学研究の発見は、私たちがどのように考え、学び、記憶するか、そして私たちの周りの世界をどのように認識して反応するかなど、人間の経験を理解する上で重要な意味を持っています。

神経科学は、デジタル製品設計の分野で重要な実用的アプリケーションを持っています。神経科学研究の発見は、私たちがどのように考え、学び、記憶するか、そして私たちの周りの世界をどのように認識して反応するかなど、人間の経験を理解する上で重要な意味を持っています。

神経科学は、脳と神経系の科学的研究です。神経科学は、人々が特定の事柄に対してなぜそのように反応するのか、どのように意思決定を行うのかを設計者が理解するのに役立ちます。この知識は、より効果的で使いやすい製品を設計するために使用できます。

人間の脳は、 毎秒 1,100 万ビットの情報を同時に処理できる強力な並列処理量子コンピューターです 860 億個のニューロンがあり、情報は時速 200 マイルで移動します。既知の宇宙にはそのようなものはありません。

すべてのユーザー エクスペリエンスは脳を通過します。デザイナーは、デジタル製品を使用するときに頭の中で何が起こっているかを研究する必要があります — UX の神経科学.

アンドラス・シプリアン/シャッターストック

私たちは、感覚情報を処理、分析、解釈する感覚を使って、常に周囲の世界を認識しています。視覚情報はこの経験の大部分を占めますが、聴覚 (音)、嗅覚 (匂い)、触覚 (触覚) の入力も使用します。

視覚には目の網膜に当たる光が関係し、匂いには匂い分子が介在し、聴覚には圧力波が関係します。私たちが経験することの一部は意識的であり、その多くは潜在意識です。しかし、いくらですか?

一部の科学者は、意識的な認識は私たちの全体的な認識の 5 ~ 10% しか占めていない可能性があると考えています。つまり、私たちの身の回りでは、脳を通過する物事が起こっており、その 90% は私たちがまったく気づいていないということです!

UX であるすべてのものは神経科学です— 苦痛、フラストレーション、認知負荷、摩擦のない体験、爆発的な喜び、満足、喜びなどです。脳がどのように情報を処理し、意思決定を下すかを理解することで、視覚的に魅力的で楽しく使用できる、よりユーザーフレンドリーな製品を設計できます。つまり、神経科学はデジタル ユーザー エクスペリエンスを改善するための強力なツールです

機能と美の融合

美的ユーザビリティ効果。

Steve Jobs は、カスタマー エクスペリエンス全体を総合的に評価する必要があると考えていました。デザインは見た目や感触だけではありません。デザインはそれがどのように機能するかです。言い換えれば、すべてが重要です — 神経科学的に言えば — デザイン、素材、色、形、サイズ、手触り、外観、感触、そしてソフトウェアの動作に至るまで、製品の品質を人々がどのように認識するかが重要だからです細部まで。

ほとんどの UX 関係者は、日本の ATM インターフェイスの 26 のバリエーションを調査した美的ユーザビリティ効果に精通しています。その結果、見た目にこだわった商品ほど使い勝手が良いことがわかりました!

この研究は、個人が美的に心地よいデザインもよりうまく機能すると感じる傾向があることを示唆しています。言い換えれば、インターフェースが視覚的に魅力的であるとわかると、小さなユーザビリティの問題をより許容できるようになる可能性があります.

人々は直線よりも曲線を好む傾向があることが、1 世紀以上にわたる研究で一貫して示されてきました。この好みは、私たちが丸みを帯びた形やソフトエッジの形に生来の魅力を持っているためであると考えられていますが、鋭い線や角度はしばしば危険な物体に関連付けられており、脅威として認識される可能性があります.

これが、UI デザインの角が丸くなっている理由ですか? ある研究では、曲線は認識して理解するのに必要な認知処理が少ないことがわかり、別の理論では、曲線は単純に目にやさしいと言われています. エネルギーを節約するための効率に対する脳の好みに関するものでしょうか?

神経科学者に「脳はどれだけのエネルギーを消費するのか? 脳は体全体のエネルギー需要の 25% を使用していると言われています。大量!人間の脳は、エネルギーを節約するために、可能な限り効率的に動作するように数千年にわたって進化してきました。私たちの脳は、エネルギーを節約するために摩擦を最小限に抑えることを好むため、人々は一貫性と使いやすさを切望しています。神経科学者はそれを「怠惰な脳」と呼んでいます。これが意味することは、優れた UX を備えたノイズのない、効率的で摩擦のないデザインがより成功するということです。

目は、信号を脳に送信して処理する光学機器です。目は見えません。脳はそうします。私たちが何かを見ているとき、脳では何が起こっているのでしょうか? 舞台裏の無意識のプロセスは、私たちが知覚するものの大部分を占めています。つまり、何を見るか、何に注目するか、何を解釈するか、見たものをどのように解釈するかです。すべての視覚情報が入ってくると、パターンを探し、関連付け、解釈、分類して、すべてを理解します

気晴らしは私たちの生活を満たし、認知負荷を重大にします。神経科学によると、シンプルで明確でノイズをカットしたデザインがより成功する傾向があります。これを実現するには、美的完全性、視覚的階層、対称性、バランスなどのデザイン原則に加えて、優れた使いやすさと摩擦のないデザインが重要な役割を果たします。しかし、人に過負荷をかけると、脳内での処理が増え、摩擦が加わり、フラストレーションが生じます

速くて遅く考える

世界で最も影響力のある心理学者の 1 人であるダニエル カーネマンは、著書「Thinking, Fast and Slowの中で、人間の思考と意思決定を 2 つのシステムに分けています。

システム 1は、高速で、無意識で、自動的で、頻繁で、感情的で、ステレオタイプです。システム 1 の思考は反応的です。オブジェクト間の距離の決定や感情的な反応の決定など、複雑ではあるが本能的な認識を担当します。

怠惰な脳を覚えていますか?摩擦が少ない?通常は、デフォルトでシステム 1の考え方になります。これは私たちがほとんどの時間住んでいる場所です。これは、ウェブサイトを立ち上げたり、アプリを起動してミリ秒単位で反応したりするときの場所です。

システム 2は、遅く、意識的で、努力が必要で、まれで、計算力があり、論理的です。

システム 2 思考は、分析的、探究的、系統的であり、適切な社会的行動の決定や、価格と特性が異なる 2 つの製品の比較など、より複雑なシナリオに適用されます。

これは、デザインに対する最初の本能的な反応があり、現在はよりゆっくりとした、意図的で整然とした流れに移行している場合です。これは、簡単に何かを成し遂げることができないため、私たちが痛み、フラストレーション、コンピューターの怒りを経験する場所です.

スティーブ・ジョブズの定義にあるように、デジタル製品が「正常に機能する」ためには、これらのシステムの両方が満たされる必要があります

システム 1 は、最初のミリ秒でアクティブ化されます。システム 2 が作動した後、内臓の反応があり、分析的/評価的で、しばしば懐疑的なモードに移行します。最小限の摩擦で何かを成し遂げることができるでしょうか? 私たちの脳はまだそれを探していることを覚えておいてください…「これは満足のいく相互作用になるでしょうか?」製品は、私たちがある種の喜びを感じる場所で、私たちを愉快に驚かせますか?

認知の容易さと流れ

認知的緊張がない場合、認知的緩和が起こります。デザインがうまくいくと、そのユーザビリティ スコアは高くなり、人々は認識しやすくなります。そうでない場合、フローの状態が中断され、認知的緊張に陥り、デザインが失敗します。

デザインが機能するとき、私たちは神経科学的に言えば「それを肌で感じます」。その影響は即時です。シンプルでエレガントなデザインが印象的です。思考の速いシステムと遅いシステム、システム 1 とシステム 2 は完全に調和して機能しており、 私たちは楽な流れの状態にあります

審美的な誠実さ

前に美的ユーザビリティ効果で見たように、美学はより良いユーザビリティの認識に貢献します。Apple は、「デザインの外観と動作がその機能と完全に統合されている場合」と大まかに引用された美的完全性を定義しています。

美的完全性の原則は、デザインの見栄えだけではありません。それは、明確な一貫性を持ち、効果的に構造化され、レイアウトされているデザインを指します。ほんの数例を挙げると、視覚的な階層、色、配置、間隔、バランス、対称性、コントラスト、統一性、一貫性、タイポグラフィ、および空白の専門家の使用が表示されます。

Slack の Web サイト: 視覚的な階層、配置、間隔、バランス、タイポグラフィ、および空白のデモンストレーション。

なぜそれが重要なのですか?美的ユーザビリティ効果で見たように、美的完全性はより良いユーザビリティに近づきます。それは秩序と混沌についてです。要素を並べて配置することで、シンメトリーと秩序感が生まれます。それは、神経美学的に満足のいくデザインに関するものです。

人間の脳は、自然を反映しているため、バランスと対称性をより快適に感じます。私たちの脳は、最小限の摩擦を好むように進化してきたため、最小限の認知処理を提供するデザインを好みます。

視覚

ゲシュタルト心理学によると、人は世界を理解するために、自分が見ているものを整理する必要があります。人間の脳は、怠惰な脳のために常に知覚的な近道を取っているため、デザイナーはゲシュタルトの原則を使用して効果的なユーザー インターフェイスを設計し、UX を改善できます。ここでは、すべての原則について詳しく説明することはしません —このトピックを扱った記事はたくさんあります— しかし、いくつかの簡単な例として、近接性類似性を見てみましょう。

私たちの脳はパターンを探し、情報を整理しようとします。近接のゲシュタルトの原理は、グループの一部として互いに近くにあるオブジェクトを知覚することを示しています。言い換えれば、近接性は、オブジェクトが他のオブジェクトよりも互いに近い場合に発生します。

この原則は、視覚的な秩序を生み出すための強力な方法としてデザインに使用できます。以下の例は、画像とキャプションを含むレイアウトを示しています。どのテキスト ブロックがどの画像に属しているかをすばやく認識します。これは、近接の原則に従って、それらをグループとして認識するためです。

近接のゲシュタルト原理を使用して、要素を視覚的にグループ化できます

類似した特性を共有する視覚要素は、それらの間の関係を確立します。類似性の原則では、形状、サイズ、色、向きを使用してこれらの関係を示します。逆に、要素を目立たせたい場合は、それを似ていないものにして、デザインにコントラストや視覚的な重みを加える異常を作成できます. この手法は、行動を促すフレーズを強調するためによく使用されます。ボタンは通常、ページ上の他の要素とは異なる形状、サイズ、色になっています。

類似性のゲシュタルト原理。左側のデザインでは、同様の要素が関係を示しています。つまり、それらはグループの一部です。右のデザインでは、異なる要素が視覚的な異常を生み出し、際立っています。

色彩心理学

色彩心理学は、色が知覚や行動にどのように影響するかを研究する学問です。デザインにおける色の戦略的な使用は、感情を喚起し、望ましい行動を促すことができ、ユーザー エクスペリエンスを向上させます。

ボタンの色を変更するなど、一見小さな変更を加えるだけで、望ましいユーザー行動が大幅に増加し、多くの場合、2 桁または 3 桁のパーセンテージの増加につながります。伝えられるところによると、Googleは、検索結果ページの広告リンク用に41 階調の青で A/B テストを実施することにより、広告収入を 2 億ドル増加させ、デザインにおける色選択の潜在的な影響を強調しました。

神経科学の観点から言えば、色は視覚において重要な役割を果たし、私たちの心理に大きな影響を与えます。色彩心理学をデザインに取り入れることで、ユーザー エクスペリエンスを向上させることができます。ただし、色彩心理はそれぞれの文化に固有のものであることを覚えておくことが重要です。たとえば、西洋では、青は信頼性、忠誠心、誠実さ、信頼性に関連付けられているため、銀行や金融商品で一般的に使用されています。

英国でデジタル ビジネス バンキング サービスを提供するビジネス金融プラットフォームである Tide は、青色の美学を使用しています。

エモーショナルデザイン

デジタル製品を使用することによる感情的な影響は、神経科学と UX の大きな部分を占めています。それは瞬間瞬間の効果であり、脳内の 3 つのレベル (内臓、行動、内省)で機能します。(ここで、エモーショナル デザインに関するドン ノーマンの独創的な本に大いに賛同します。)

これらのレベルの間にはわずかな遅延があります。1 つ目は内臓、2 つ目は行動、最後は内省的です。さらに、私たちはこれらのレベルを上下に動かし、急速に切り替える傾向があります。「経験」は大脳辺縁系(内臓)から新皮質(分析)、そして中脳(感情センター)へと移動します。

007のアストンマーチン。力強さと気品、高級感、神秘性、社会的地位=エモーショナルなデザイン。

感情は実際に人間の脳の働きを変えます。否定的な経験は、何が悪いのかに脳を集中させます。それらは思考プロセスを狭め、人々を不安にさせ、緊張させます。私たちは制限され、欲求不満を感じています。Web サイトやアプリのデザインが悪く、期待どおりに機能しない場合、その感情はコンピューターの怒りに発展する可能性があります。心拍数が上がり、欲求不満でサイトを閉じるか、アプリを削除します。

一方、優れたエモーショナル デザインは、喜び、秩序感、安全といった感情を引き出します。特定の製品を使用して「気分が良くなる」。

成功する製品を作成するには、前述の 3 つのレベル (本能的、行動的、内省的)でデザインがうまく機能する必要があります。

まず、内臓レベル:「私はそれが欲しい。上でジェームズ・ボンドの黒いアストンマーチンで示したように、これは即座の直感的な反応です。この段階で、製品のデザインが肯定的な反応を誘発する場合、私たちは順調に進んでいます. 直感的なデザインは、製品の信頼性、信頼性、品質、魅力、さらには使いやすさの認識にも影響を与えます。

Ralph Lauren のサイトのデザインは、最初の数ミリ秒でブランドに対する直感的な反応を期待しています。

第二に、行動レベル:「マスターできる。それは私を賢く感じさせます。」 それは気分が良く、見栄えが良く、うまく機能する必要があります。それは、製品の有効性に対する私たちの満足と喜びです。行動設計は、ユーザーから見た構造またはシステムが、ユーザーのニーズと要件をどのように満たすかに焦点を当てた概念です。優れた行動設計は、鍵と鍵のようなものです。ユーザーとその行動が鍵であり、製品が鍵です。この 2 つが調和して機能すると、優れた UX が実現します。

そして 3 つ目は内省レベルです。私はそれと私についての話をすることができます。それは、自己イメージ、個人的な満足、思い出、そして経験を振り返ることです。特定のデジタル製品を使用することは、私たちを楽しませたり、特定のタスクを完了したり、特定の目標を達成したりするのに役立つだけでなく、それを使用することで社会における地位の感覚を生み出します。それは私たちの社会経済的地位に関するものです。ユーザーは内省モードで次のように尋ねます。それは私の人生を楽にしましたか?

3 つのレベルすべてに効果的に対処する感情的なデザインは、最適なユーザー エクスペリエンスを提供する上で重要です。デジタル製品に関連付ける感情は、その使用方法に大きな影響を与える可能性があります。肯定的な感情的なつながりは、エンゲージメントを高め、他の人への推奨を促進することができます。

エモーショナル デザインの反映レベルは、自己イメージ、満足度、および経験の振り返りに関するものです。

説得力のあるデザイン

説得力のあるデザイン手法を慎重に適用することは、他の心理学に基づく UX デザイン方法論と同様に、デザイナーにとって貴重なツールです。ただし、説得力のあるデザインの暗い側面に関連する倫理的な問題を認識することが重要です。これには、望ましくない行動を助長する可能性のある暗いパターンなどの操作的な戦術が含まれる可能性があります。

多くの企業が説得力のあるデザイン手法を非倫理的に利用していますが、一部のアプローチはユーザーに利益をもたらします。神経科学は、製品設計者がユーザーの潜在意識に働きかけ、行動を促す説得力のあるデザインを作成するのに役立ちます。また、ユーザーが製品やサービスのさまざまな要素に対してどのように考え、感じ、反応するかについての洞察も提供します。この知識を武器に、UX/製品デザイナーは、ユーザーの特定のニーズと好みに対応するエクスペリエンスを作成できます。

まとめ

鋭敏で洗練された製品デザイナーは、より優れた製品と体験を生み出すのに役立つ強力な武器を武器に持っています。神経科学です

これは手品ではなく、人間の心理、動機付けの原則の力、行動に影響を与える人々を深く理解してデジタル製品を設計することです。私たちの脳がどのように機能するかを理解することで、デザイナーは神経科学の科学を利用して、より効果的で、魅力的で、使用する喜びのある製品を設計できます。

神経科学は、美学から感情的なデザイン、説得力のあるデザインまで、製品デザインの多くの側面で使用できます。人々がどのように意思決定を行うか、何が動機となり、脳がさまざまな刺激にどのように反応するかを理解するのに役立ちます。神経科学の原則を活用することで、製品デザイナーは、より直感的で美的に心地よく、感情的に共鳴する体験を生み出すことができます。

モバイル UX を向上させませんか? もちろん、そうです!2023 年 7 月 6 日午後 5 時 (グリニッジ標準時) に、Interaction Design Foundation による 1 時間のマスター クラス「UX デザインの原則とベスト プラクティスでモバイル UX を強化する」に参加してください。参加できなくても、登録しておけばライブセッション終了後いつでも録画を視聴できます。

スポットはすぐにいっぱいになるので、今すぐ登録してください!http://bit.ly/3K8RlaJ