apeescape2.com
  • メイン
  • 仕事の未来
  • プロセスとツール
  • 技術
  • Uxデザイン
Uxデザイン

デザインの心理学と驚くべきUXの神経科学

特定のデザインが注目を集め、血液を送り出す理由を説明する科学があります。

人間の脳は怠惰で偏見があり、近道をしがちです。

人間の認知のユーザーエクスペリエンスを研究することは、退屈で非科学的であり、誤った仮定に満ちている可能性があります-おそらく怠惰な脳のせいです。



認知は複雑であり、多くの要因が腸の反応や瞬間的な印象に影響を与えます。 あなたが誰かに尋ねるとき、「なぜあなたはそれをしたのですか?」答えられない可能性が高い またはあなたが彼らの答えを誤解していること。

神経科学に入ります。

ソフトウェアの技術文書を書く

デザインの心理学と驚くべきUXの神経科学

観察やインタビューなどの調査方法では、多くの場合、調査者とUX参加者が仮定を立てる必要がありますが、視覚追跡などの最新テクノロジーは 研究者はほとんど知覚できない反応や好みを研究することができます 。

トラフィックの多い製品の場合、ボタンの幅やテキストの色のコントラストなど、一見小さなディテールが数百万ドルの違いを生む可能性があります。そのため、FacebookやGoogleなどの大手テクノロジー企業は、人々が製品をどのように使用しているかを研究するために神経科学ベースの技術を採用し始めています。

反応的な「速い思考」の紹介から始めて、いくつかのヒントを提供しましょう デザイナー 神経科学の力を利用して優れたユーザーエクスペリエンスを作成するのに役立ちます。

心理学のデザイン:速い思考、遅い思考

人間の行動を駆り立てるものの多くが潜在意識であることは周知の事実です。人が新しいアプリやウェブサイトを見つけてから数ミリ秒で、何百万ものニューロンが発火し、脳は何百もの潜在意識の決定を下します。

私は「正しい」場所にいますか?このサイトを信頼する必要がありますか?

YouTubeUXの研究者であるJavierBargas-Avilaが 私は2012年に勉強します その中で 人々は、露出後最初の17〜50ミリ秒でWebページに美的反応を形成します 。

これを概観すると、まばたきには300〜400ミリ秒かかります。あなたの製品はあなたの証明、判断、そして判断をすべて一瞬のうちに受け取ることができます。

これらの印象は記録されない場合がありますが、行動に影響を与えます。例えば、 サイトの読み込みが遅く、脳が最初のいくつかの項目を読み取って「トピック外」として読み込む場合、ユーザーはサイトの読み込みを待つのではなく、すぐに閲覧できます。

uxWebユーザーテスト

Facebookのような企業は、要素の読み込み順序の調査に多大なリソースを投資しています。誰かがFacebookにログインし、通知バッジが表示されない場合、すぐに離れる可能性があります。バッジが最初に読み込まれる場合、新しいコンテンツフィードが読み込まれるまで待つことがあります。

ノーベル賞ダニエル・カーネマンの本 考える、速くて遅い 人間の思考と意思決定を2つのシステムに分割して、違いを説明します。

システム1: 高速、自動、頻繁、感情的、ステレオタイプ、潜在意識。

システム1の考え方は 試薬 、オブジェクト間の距離の決定や感情的な反応の決定など、複雑であるが本能的な認知を担当します。通常、怠惰な脳はデフォルトでシステム1の思考になります。

システム2: 遅く、勤勉で、論理的で、計算し、意識的で、まれです。

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

デザイン心理学における速い思考と遅い思考

脳は、新しいシナリオに直面するたびに情報を再処理したり、新しい決定を下したりすることを望まないため、人間の意思決定の多くはシステム1、つまり「迅速な思考」に分類されます。

c ++は行うことによって学ぶ

迅速に意思決定することにより、 脳は回路図に頼りすぎているかもしれません メンタルモデル -おなじみの情報と相互作用のパターン。システム1の思考がアクティブになると、システム2は有効になりません。人々は彼らの脳の意思決定の速記に気づいていないかもしれませんが、それは彼らの行動と製品の認識に大きな影響を及ぼします。

デザインにおける心理学の科学

人間の脳は、その質量のわずか2%を構成しているにもかかわらず、体の酸素のなんと25%を消費しています。脳は生存メカニズムとして怠惰です- パターン認識とショートカットは、状況を意識的に処理するために浪費されるエネルギーが少ないことを意味します 。脳は物事を識別し、それらにラベルを付け、それらが再び関連するようになるまでそれらを無視します。

パターンと怠惰な意思決定に対する脳の好みは生存を容易にするかもしれませんが、それはUXデザインをより困難にします。研究対象が認識できないことをどのように研究しますか?

たくさんの 神経科学技術は最近UX研究に飛躍しました 、研究者が「迅速な思考」を刺激するものに光を当てるのを助けます。

注意と知覚はで研究することができます アイトラッキングカメラ 。感情的な反応と覚醒は、 皮膚センサー または顔の分析。脳内の電気的応答は、 脳波記録 。

脳波分析デザイン心理テスト

脳波(EEG)は、脳の電気的活動を検出するテストです。

ために デザイナー 誰かの興味を捉え、瞬く間に重要な情報を伝えることは不可能な作業のように思えるかもしれません。幸いなことに、神経科学が問題の診断に役立つのと同じように、一般的な解決策やベストプラクティスも明らかにすることができます。

ここに神経科学から学んだいくつかの一般的な教訓があります ユーザーエクスペリエンス調査 デザイナーがデジタル製品をデザインするときに採用できるもの。

心理学のヒント#1を設計する:識別を容易にする

誰もがウェブサイトやアプリにアクセスし、それがどのように見えるかをある程度期待しています。その期待に近づき続けることは助けになります デザイナー 即座の潜在意識の意思決定から利益を得る。

あなたのアプリやウェブサイトを開いている人が知りたがっていますa)これは私が探しているものを持っていますか? b)これは高品質ですか?保つ シンプルなデザインで、ブランディング、サービス、製品を前面に出し、中心に据えます 人々が自分自身を方向付けるのを助けます。

一部の情報を前面中央に配置することは、他の情報が混雑するのを防ぐことを意味します。 レイアウトのクリーンアップは、コンポーネントの再配置と同じくらい重要です。

テクノロジー企業の間で、よりシンプルで混雑の少ないインターフェースへの動きに気付くでしょう。これら ミニマリストデザイン タスクの完了において、より複雑な設計を上回り、 視覚的な明瞭さが購入決定に影響を与えることが示されています オンラインとオフライン。

Linuxカーネルのほとんどが書かれているプログラミング言語はどれですか?

示されています 科学的に 視覚的にシンプルでクリーンなデザインの方がパフォーマンスが優れています。怠惰な脳は、サイトの目的を即座に把握し、実行するアクションを理解できます。

より良いウェブUXのための最小限のデザインとノイズの多いユーザーインターフェースデザイン

ノイズ対。落ち着いて。 Googleは、ロゴにユーザーの注意を引き、検索ボックスとの対話を促進するようにサイトを最適化しました。 2017年には、ウェブ検索トラフィック全体の80.5%を占め、2016年の65.5%から増加しました。

デザイン心理学のヒント#2:今後の予定を伝える

プライミング 、または将来の情報や対話のために誰かを準備することで、新しい情報を理解して反応するユーザーの能力を向上させることができます。ユーザーインターフェイス、特定のインタラクション、プロセスの時間などを待つように誰かを準備することができます。

たとえば、Yelpは追加の画面を使用して、Yelpを離れるユーザーにサードパーティのサイトにアクセスするよう警告します。追加のコンテキストは、新しい情報と設計アーキテクチャを期待するようにユーザーに通知するのに役立ちます。

デザイン心理学におけるプライミングyelpの例

プライミングは両刃の剣です。 伝えたくない情報は、意思決定に影響を与える可能性があります 。たとえば、写真会社が赤ちゃんの画像のみを扱っている場合、子供向けのクライアントのみにサービスを提供していると誤解する可能性があります。

デザイン心理学のヒント#3:怠惰な読者のための整理

視線追跡研究または視線追跡 製品を操作しながら、人の視線を追うことができます。画面の一部で費やされた時間を示すヒートマップ、または目がページを飛び回る様子のマップを作成できます。

私たちは、すべての業界と種類のアプリケーションで、 脳は通常、Fパターンで情報を探します (またはパターンE)。その人は上部の情報を見て、右側を読んでから、ページをスキャンして関連情報やアイコンを探します。

レール上のルビーとは何ですか

Fパターンを壊す(たとえば、重要な情報を右下隅に配置する)と、見つけにくくなります。

アイトラッキングは心理学とデザインを研究します

アイトラッキングヒートマップは、参加者がページの各部分に集中した時間を示します。 Fパターンに注意を向けると、人がページを下に移動すると注意が低下します。

あなたのテキストを飼いならす

によると ニールセンノーマン研究 45,237ページビューのうち、人々はページ上のテキストの20%しか読んでいません。さらに悪いことに、ほとんどのコンテンツサイトでは、100語のテキストを追加するごとに4秒しか費やしません。

人々が一言一句読まない世界で、ニールセン・ノーマンは スキャン可能なテキストに関する次のガイドライン 。

  • 特徴 キーワード
  • 重要 字幕
  • リスト 弾丸で
  • アイデア 段落ごと
  • のスタイル 逆ピラミッド - 結論から始まります
  • 単語数の半分 (またはそれ以下)従来の文章

悪いウェブUXウェブサイト上のテキストが多すぎます

このサイトの大量のテキストを吸収するのは困難です。ユーザーは読み続けるのではなく、すぐに終了できます。テキストは太字や箇条書きなしで統一されています。セクションのタイトルは一般的であるため、読まずに正確に分析することは困難です。

カラーポップとコントラストの操作

テキストの構成と配置だけがデザインの重要な要素ではありません。色彩理論、重み、およびコントラストを使用して、ユーザーの注意を向けることができます。

NASAのコックピット設計チームは、輝度(またはレイアウトの知覚される明るさ)を使用して、競争力のある情報が満載のエリアでパイロットの注意を管理します。ザ・ キャビンデザインチームは色とコントラストを使用しています 最も重要な要素を視覚的に際立たせるため。

NASAのコックピットの設計は設計心理学と色彩理論を使用しています

輝度、および コントラスト 、特定の情報を強調表示または最小化するために製品全体で使用できますが、ボタンまたは行動を促すフレーズのデザインで最もよく言及されます。下の赤い例のボタンからわかるように、左上隅のボタンが最も飽和していますが、コントラストが最も高いため、明るく「感じ」ます。

WebUXのWebボタンバンプテスト

コントラストと輝度は最初のステップにすぎません。色彩理論では、60%の確率でドミナントカラー、30%の確率でセカンダリカラー、10%の確率でアクセントを使用して、製品の色のバランスをとることを提案しています。この崩壊は、印象的なものの背後にある神経科学と一致しています。 アクセントカラーの使用量が少ないため、注目を集めています。

デザイン心理学のためのウェブUXカラーコントラストテスト

明るい色の使用が注目を集めることができるのと同様に、より落ち着いた色の使用は、ユーザーがどの情報が二次的であるか重要性が低いかを判断するのに役立ちます。たとえば、ほとんどのWebサイトは、ページ上の残りの情報からの分離を示すために、より中間色のフッター領域を使用しています。

役割または情報デザイナーは優先順位を削除して、ユーザーがほとんどの対話に直接集中したり、情報をインポートしたりできるようにします。

アラスカ航空-ウェブサイトのフッターカラー心理学

ほとんどのWebサイトでは、ナビゲーションまたは参考資料を示すために、下部に落ち着いた色が使用されています。中央の最も明るい色は、それらが最も重要な情報であることをユーザーに示します。

デザイン心理学のヒント#4:優先度の評価

幸いなことに、デザインが機能しているかどうかを知るために、何千ドルもの視線追跡ソフトウェアやEEGは必要ありません。

5秒間のテストは、設計がすぐに理解できるかどうかを判断するための強力なツールです。

で 5秒のテスト 、参加者はサイトまたはアプリケーションを5秒間表示してから、テーマとデザインに関する質問に答えます。再度画像を参照することができず、参加者は「印象」、製品の目的と機能、参加者が想定したこと、何をするか、どこで次のステップを探すかを説明します。

あなたの製品はあなたのユーザーが望むすべての機能を持つことができますが、 怠惰でパターンを愛する脳がすぐにそれを拾うことができない場合、それは続きます 。

c ++ファイル拡張子

「マインドリーダー」としてのデザイナー

デザインの心理学、脳、知覚についてさらに学ぶにつれて、デザインの基準は業界全体で変化し続けます。共通の糸は情報です。神経科学と認知を研究する方法が向上するにつれて、UXデザインに利用できるデータの種類と品質も向上します。

優れたユーザーエクスペリエンスデザインは魔法ではなく、科学です。神経科学

この記事は、研究者UXと共同で書かれました Caitria O’Neill 、以前はFacebookで、メンバーは スタンフォード大学のd.school 。

生産的な行動の誘発:仕事の動機付けのヒント

分散チーム

生産的な行動の誘発:仕事の動機付けのヒント
eコマースウェブサイトデザインの究極のガイド

eコマースウェブサイトデザインの究極のガイド

Uxデザイン

人気の投稿
同じマシンでのMySQLマスタースレーブレプリケーション
同じマシンでのMySQLマスタースレーブレプリケーション
TypeScript、依存性注入、Discordボットの操作
TypeScript、依存性注入、Discordボットの操作
3つの医療技術革新:より良い結果とより低いコストの推進
3つの医療技術革新:より良い結果とより低いコストの推進
Calabashを使用したAndroidおよびiOSUIテスト
Calabashを使用したAndroidおよびiOSUIテスト
Node.js / TypeScript REST APIの構築、パート2:モデル、ミドルウェア、およびサービス
Node.js / TypeScript REST APIの構築、パート2:モデル、ミドルウェア、およびサービス
 
最高のデータ視覚化ツールの完全な概要
最高のデータ視覚化ツールの完全な概要
機械学習理論とその応用の紹介:例を含むビジュアルチュートリアル
機械学習理論とその応用の紹介:例を含むビジュアルチュートリアル
AngularJS開発者が犯す最も一般的な18の間違い
AngularJS開発者が犯す最も一般的な18の間違い
GoogleスプレッドシートとAppsScriptの操作
GoogleスプレッドシートとAppsScriptの操作
自然言語処理アプリを構築する方法
自然言語処理アプリを構築する方法
人気の投稿
  • 良いデータベースを作るもの
  • 第11章破産で何が起こるか
  • セレンのpomとは何ですか
  • サーチファンドを始める方法
  • 潜在的に複雑な問題を迅速に解決しようとする際に、私たちは
  • 損益計算書からのキャッシュフロー
カテゴリー
ブランドデザイン 製品の担当者とチーム プロセスとツール 投資家と資金調達 バックエンド アジャイルタレント 設計プロセス 人とチーム 収益性と効率性 ツールとチュートリアル

© 2021 | 全著作権所有

apeescape2.com