[デザイン心理学]-デザインの心理学

デザイナーが追加スキルを習得する必要があることについては、一連の議論があります。 コードを記述してビジネスを理解できるように、デザイナーをコーディングする必要がありますか？ これらのスキルは非常に貴重ですが、おそらく必須ではありません。 しかし、すべてのデザイナーは心理学の基礎を学ぶべきだと思います。 人々として、私たちは私たちの周りの世界をどのように知覚し処理するかという基本的な「計画」を持っています。心理学を研究することは、この計画を決定するのに役立ちます。 デザイナーとして、私たちは心理学を使って、より直感的で人を中心とした製品や体験を作成できます。 ユーザーに製品やエクスペリエンスの設計に順応させる代わりに、心理学の重要な原則を、人々の行動に基づいてモデルを設計するためのガイドとして使用できます。



しかし、問題はどこから始めればいいのでしょうか？ 心理学のどの原則が有用ですか？ 作業中のこれらの原則の例は何ですか？ この記事では、基本をカバーし、デザインで心理学を使用することの倫理的意味について議論します。

主な原則

心理学とデザインの交差点は広大です。 この空間を占有する原則の無限のリストがありますが、私は他のものより普遍的であると考えるいくつかがあります。 これらの原則が何であるか、そしてそれらが私たちが毎日やり取りする製品と経験によって最も効果的に使用される場所を見てみましょう。

HICA法

デザイナーとして私たちが持っている主な機能の1つは、情報を統合し、ユーザーを圧倒しないように情報を提示することです。 最終的に、 良いコミュニケーションは明快さを求めます 。 これは、最初の重要な原則であるヒックの法則に直接関係しています。 ヒックの法則は、利用可能なオプションの数と複雑さが増すと、意思決定にかかる時間が長くなると予測しています。 それは、存在する刺激の数と与えられた刺激に対する人の反応時間との関係を研究した後、1952年に心理学者ウィリアム・エドモンド・ヒックとレイ・ハイマンによって策定されました。



この関係を表すための実際の式があります： RT = a + b log2（n） 。 幸いなことに、この式の意味を理解するために、この式の数学を理解する必要はありません。 概念は非常に単純です。ユーザーが直接応答するのにかかる時間は、利用可能なオプションの数と複雑さに相関しています。 これは、複雑なインターフェイスがユーザーの処理時間の増加につながることを意味します。これは、認知負荷として知られる心理学の基本理論に関連しているため重要です。

認知負荷

認知負荷とは、作業記憶で使用される精神処理能力のことです。 私たちの脳はコンピュータプロセッサに似ています。なぜなら、計算能力が限られているためです。入力される情報の量が利用可能なスペースを超えると、認知的負荷が発生します。 私たちの生産性は低下し、タスクは複雑になり、詳細の欠落や失望にさえつながります。

例

祖父母の「インターフェース」を簡素化する修正されたテレビリモコン



ヒックの法則の例は世界中にありますが、一般的なことから始めましょう：リモートコントロール。 過去数十年にわたって、多くの新機能がテレビに登場しましたが、それらはテレビのコントロールパネルに影響を与えるだけでした。 最終的に、コンソールは非常に複雑だったため、再利用による筋肉のメモリまたはかなりの量の精神処理が必要でした。 これは、「祖父母にとって理解可能なリモート」として知られる現象をもたらしました。 メインボタン以外のすべてを接着して、孫は愛する人のためにリモートコントロールの使いやすさを改善することができました。







Apple TVリモコン。これにより、最も必要な機能の管理が簡素化されます。



比較のために、スマートテレビ用のリモコンがあります。前の例の最適化された従兄弟で、最も必要な機能の管理を簡素化します。 その結果、かなりの量の作業メモリを必要としないリモートコントロールが実現し、認知負荷が大幅に軽減されます。 TVインターフェイス自体に複雑さを伝えることで、情報を効率的に整理し、メニューで徐々に明らかにすることができます。







Slackのプログレッシブ実装のスクリーンショット



ヒックの法則の別の例を見てみましょう。 展開は、新規ユーザーにとって決定的ですが危険なプロセスであり、Slackと同じように機能します。 いくつかの組み込みスライドを通過した後、ユーザーを完全に機能するアプリケーションに没入させる代わりに、ボット（Slackbot）を使用してユーザーを引き付け、メッセージング機能をより快適に学習するよう促します。 新しいユーザーがクレイジーに圧倒されるのを防ぐために、Slackはメッセージの入力以外のすべての機能を隠します。 また、ユーザーがSlackbotを介して通信する方法を既に知っている場合、追加機能が徐々に開かれます。



これは、ユーザーを実際に学習する方法を模倣しているため、ユーザーを紹介するより効果的な方法です。後続の各ステップを計算し、既に知っていることを追加します。 適切なタイミングで機能を開くことにより、ユーザーが圧倒されることなく複雑なワークフローや機能セットに適応できるようにします。

ハイライト

• 多数のオプションを使用すると、ユーザーの認知的負荷が増加します。
• 長いまたは複雑なプロセスをより少ないオプションで画面に分割します。
• 段階的な実装を使用して、新しいユーザーの認知負荷を最小限に抑えます。

ミラーの法律

もう1つの重要な原則はミラーの法則で、平均的な人はRAMに7（±2）個の要素しか保存できないと予測しています。 それは、認知心理学者のジョージ・ミラーが1956年に発表した記事に由来し、短期記憶の限界と記憶量について議論しました。 残念ながら、長年にわたってこのヒューリスティックに関して多くの誤解があり、これにより不要な制限を正当化するために「マジックナンバー7」が使用されたという事実につながりました（たとえば、インターフェイスメニューを7つ以下の要素に制限する）。

フラグメンテーション

Millerの短期記憶と記憶に対する魅力は、7番ではなく、「断片化」の概念と情報を記憶する能力に焦点を当てていました。 設計に適用すると、フラグメンテーションは非常に貴重なツールになります。 関連情報を視覚的に小さな情報のグループにグループ化する効果について説明します。 デザインでコンテンツを収集すると、処理と理解が効果的に簡素化されます。 ユーザーはコンテンツをスキャンし、興味のあるものをすばやく判断できます。これは、デジタルコンテンツの消費に関する当社の経験と一致しています。

例

電話番号などの要素の断片化の例。



フラグメンテーションの最も単純な例は、電話番号をフォーマットするときに見つけることができます。 フラグメンテーションがなければ、電話番号は長い文字列になり、処理と記憶の複雑さが増します。 あるいは、フォーマットされた（断片化された）電話番号を解釈し、覚えやすくすることができます。 これは、適切な見出し処理、行の長さ、コンテンツの長さを持つ適切にフォーマットされたコンテンツと比較して、「テキストの壁」を認識する方法に似ています。







断片化は、ユーザーが簡単に処理、理解、および記憶できるようにコンテンツを整理できます。 右側では、ブルームバーグがどのように情報をグループ化したかを話しました。



設計におけるフラグメンテーションの効果的な使用の別の例は、レイアウトです。 このメソッドを使用して、コンテンツをさまざまなモジュールに結合することで、ユーザーが基本的な関係と階層を理解できるようにします。 特に、膨大で情報量の多い情報では、コンテンツの構造化に断片化を効果的に使用できます。 さらに、結果は視覚的に心地よく、流fluentに見るのに便利です。

ハイライト

• マジックナンバー7を使用して、不要な設計制限を正当化しないでください。
• コンテンツを小さなチャンクに分割して、ユーザーが情報を簡単に処理、理解、および記憶できるようにします。

ジェイコブス法



最後に取り上げる原則は、ジェイコブの法則（インターネットユーザーエクスペリエンスに関するヤコブの法則）です。これは、ユーザーがほとんどの時間を他のサイトに費やし、他のすべてのサイトと同じように動作することを好みます。彼らはすでに知っています。 2000年に、彼はユーザビリティの専門家Jacob Nielsenによって紹介されました 。彼は、他のWebサイトから学んだ教訓に基づいて、デザインテンプレートから期待を形成するユーザー中心の傾向を説明しました。 この原則により、設計者は一般的な設計パターンに従って、ユーザーを混乱させないようにします。これにより、認知的負荷が高くなる可能性があります。

思考パターン

あなたが考えていることは知っています。すべてのWebサイトが同じデザインパターンに従っていると、かなり退屈なネットワークが作成されます。 答えはイエスです。おそらくそうです。 ユーザー認識は、心理学のもう1つの基本的な概念につながる強力なツールです。これは、デザイナーにとっても価値のある考え方のモデルです。



思考モデルは、私たちがシステムについて知っていると思うもの、特にその仕組みです。 ウェブサイトであろうと車であろうと、システムの仕組みのモデルを作成し、システムが類似している場合にこのモデルを新しい状況に適用します。 言い換えると、私たちは何か新しいものと対話するときに、過去の経験からすでに持っている知識を使用します。



思考モデルは、ユーザーの思考モデルに合わせてエクスペリエンスを向上させることができるため、デザイナーにとって貴重です。 その結果、ユーザーは新しいシステムがどのように機能するかを理解するのに時間を費やすことなく、ある製品または経験から別の知識に簡単に知識を移すことができます。 デザイナーの思考モデルがユーザーの思考モデルと一致する場合、優れたユーザーエクスペリエンスが可能になります。主なタスクの1つは、思考モデルとユーザーの思考モデルのギャップを狭めることで、これを実現するために、ユーザー調査、パーソナライズ、旅行マップ、共感カードなど。 このすべての本質は、ユーザーの目標や目的だけでなく、既存の思考モデル、およびこれが開発中の製品や経験にどのように適用されるかをよりよく理解することです。

例

コントロールがどのように見えるのか疑問に思ったことはありませんか？ これは、それらを設計した人々が、これらの要素が物理世界のコントロールパネルでどのように見えるかという既成のモデルを持っているという事実によるものです。 スイッチ、ラジオボタン、さらにはボタンなどのフォーム要素は、対応する触覚のデザインから生まれました。







コントロールパネル要素と典型的なフォーム要素の比較。



デザイナーとして、私たちはユーザーの思考パターンと思考パターンの間に存在するギャップを埋めなければなりません。 モデルの一貫性が保たれないと問題が発生するため、これを行うことが重要です。これは、ユーザーが私たちを助けた製品と体験をどのように認識するかに影響を与える可能性があります。 この矛盾は、思考モデルの不快感と呼ばれ、よく知られている製品が突然変更されると発生します。







再設計されたSnapchatの前後。



たとえば、2018年初頭に大幅な再設計を実施したSnapchatを考えてみましょう。 彼らは再フォーマットされたレイアウトを開始しましたが、これはユーザーを混乱させ、日々使用していた機能へのアクセスを困難にしました。 これらの不幸なユーザーは、すぐにTwitterで不承認を大量に表明しました。 さらに悪いことに、その後ユーザーがSnapchatのライバルInstagramに移行した。 Snapchatはユーザーの考え方をアプリケーションの修正版と調和させることができず、不整合が深刻な反応を引き起こしました。







YouTubeは2017年に比較の前後に再設計されました。



しかし、大規模な再設計は必ずしも否定的な反応をもたらす必要はありません-例として、Google。 Googleには、ユーザーがGoogleカレンダー、YouTube、Gmailなどの製品の新しいバージョンを選択できる歴史があります。 本質的に同じデザインを数年間続けた後、2017年に新しいYouTubeバージョンを発売したとき、デスクトップユーザーは新しいバージョンにとどまることなく、新しいMaterial Designインターフェイスで作業を簡素化できました。 ユーザーは、新しいデザインを表示したり、情報を入手したり、フィードバックを送信したり、必要に応じて古いバージョンに戻すこともできます。 その結果、思考モデルの不可避な不一致は、ユーザーが準備ができたときに切り替える機能を単純に拡張することによって対処されました。

ハイライト

• ユーザーは、ある馴染みのある製品について形成された期待を別の類似の製品に移します。
• 既存の思考モデルを使用して、ユーザーが新しいモデルを学習せずにタスクに集中できる優れたユーザーエクスペリエンスを作成できます。
• ユーザーが使い慣れたバージョンを限られた時間使用し続けることを許可することにより、意見の相違を最小限に抑えます。

要約すると：

「素晴らしい原則は何ですか、プロジェクトでどのように使用できますか？」と考えているかもしれません。ユーザーの行動とプロジェクトに関連する特定のデータの研究に代わるものはありませんが、これらの心理的原則を設計開発のガイドとして使用できますより直感的で人間中心の製品と体験。 これらの原則を考慮に入れることで、人々がテクノロジーに順応することを強制するのではなく、人々の行動を考慮した設計を作成することができます。 短い繰り返し：

• ヒックの法則は、選択肢を最小限に抑え、長いまたは複雑なプロセスをより少ないオプションで画面に分割することにより、ユーザーの認知負荷を軽減するのに役立ちます。
• ミラーの法則は、断片化を使用してコンテンツを小さなクラスターに整理し、ユーザーが簡単に処理、理解、および記憶できるようにすることを教えています。
• ジェイコブの法則は、ユーザーが使い慣れた製品の周りに形成された期待を別の類似の製品に移すことを思い出させます。

したがって、既存の思考パターンを使用して、優れたユーザーエクスペリエンスを作成できます。



より直感的で、人間中心の製品とエクスペリエンスを作成するのに役立ついくつかの重要な原則を検討しました。 次に、彼らの倫理的意味と、ユーザー心理を悪用するtrapに陥るのがいかに簡単かを見てみましょう。

倫理的な瞬間

一方で、デザイナーは心理学を使用して、より直感的な製品とエクスペリエンスを作成できます。 一方、彼らはそれを使用して、より刺激的なアプリケーションやWebサイトを作成するために、心がどのように機能するかを調べることができます。 まず、これが問題である理由を見てから、考えられる解決策を見てみましょう。

問題点

利益のために優先順位リストから除外されているユーザーの幸福が問題である理由を理解するために、遠くに行く必要はありません。 地下鉄、歩道、車の中で最後に誰かがスマートフォンにくっついていないのを見たのはいつですか？ 私たちは流行の中心にあり、私たちの注意はどこにでもあるミニコンピューターに捕らわれていると主張する人がいます。



私たちをつなぐモバイルプラットフォームとソーシャルネットワークも、私たちを自分自身に引き付けることに多大な労力を費やし、日々良くなっていると言っても過言ではありません。 この依存の結果はよく知られています。睡眠と不安の減少から社会的関係の悪化まで、これらは私たちの注意を引くレースでの意図しない結果であることが明らかになります。 これらの結果は、関係を形成する方法と私たちが何であるかを変え始めたときに問題になります。

解決策

開発者としての私たちの責任は、ユーザーの目標と幸福をサポートし、それと一致する製品とエクスペリエンスを作成することです。 言い換えれば、人間の経験を拡大するためのテクノロジーを構築する必要があります。仮想的な相互作用や報酬に置き換える必要はありません。 倫理的設計の決定を行う最初のステップは、人間の心をどのように使用できるかを認識することです。



また、何を設計し、何を設計すべきではないかを自問する必要があります。 あなたが想像できるほとんどすべてを設計できる非常に有能なチームに自分自身を見つけることができますが、これは必ずしもそれを行うべきだという意味ではありません-特に私たちが設計するものの目標がユーザーの目標と一致しない場合。



最後に、製品の使用データを超えた指標を考慮する必要があります。 データは多くのことを教えてくれますが、ユーザーが特定の方法で行動する理由や、製品が自分の生活にどのように影響するかについては教えてくれません。 理由を理解するために、ユーザーの意見を聞いて受け入れなければなりません。 これは、画面から出て彼らと話し、そしてこの品質調査を使用してデザインを改善することを意味します。

例

Google Digital Wellbeing Initiative Webサイト



ユーザーのデジタルウェルビーイングに関して、企業が適切な措置を講じているのを見るのは素晴らしいことでした。 たとえば、最新のI / Oイベントでツールと機能を発表したばかりのGoogleを例に挙げます。Googleは、人々がテクノロジーの使用をよりよく理解し、必要なものに焦点を合わせ、必要に応じて切断し、健康的なデジタル習慣を作成します。 使用状況の概要を提供するアプリケーションバー、アラートと通知の追加制御、小さなお子様向けの基本的なデジタルルールを設定するペアレンタルコントロールなどの機能はすべて、ユーザーを保護するように設計されています。







Facebookビデオ「FYIニュースフィード：人々を近づける」のスクリーンショット



成功率を再定義する企業さえあります。 ユーザーがサイトで費やす時間の代わりに、Facebookなどの企業は有意義な対話によって成功を判断します。 そのため、無意味に消費される情報よりも人々にとって価値のあるコンテンツに優先順位を付けるために、ニュースフィードアルゴリズムを再構築する必要がありました。 結果として、ユーザーがアプリケーションに費やす時間がやや少なくなったとしても、友人や家族のコンテンツが優先されます。



これらの例は、多くの企業が取っている手順のほんの一例に過ぎず、今後さらに多くの企業が参加することを期待しています。 私たちがデザイナーの役割を果たすテクノロジーは、人々の生活に大きな影響を与える可能性があり、ポジティブな影響を確保することが不可欠です。 私たちは、ユーザーの目標と幸福をサポートし、一貫した製品とエクスペリエンスを作成する責任があります。 人間の心をどのように使用できるかを考慮して、倫理的な設計上の決定を下し、設計すべきものとすべきでないものを検討し、設計した製品と経験がどのように影響するかについてユーザーと質の高いフィードバックを得ることができます彼らの人生に。

資源

プロジェクトをユーザーにとってより直感的にするために使用できる多くの有用なリソースがあります。 以下は、私がよく参照するいくつかの例です。

• UXの法則 ：UX / UIデザインに関連する心理的原則についてさらに学ぶために、デザイナー向けに作成したWebサイト。
• Cognitive UXD ：Norbi Gaalによるこの厳選された出版物は、心理学とUXの交差に興味がある人にとって素晴らしいリソースです。
• Center for Humane Technology ：文化、ビジネスインセンティブ、設計手法、組織構造を変える洗練されたソリューションを促進する元ハイテクインサイダーと世界クラスのエグゼクティブのチームが、テクノロジーがどのように脳を獲得するかについて語ります。
• 日常的なもののデザイン：改訂版と拡張版 ：設計を通じてオブジェクトとユーザーの関係を探る絶対的な古典、この接続を最適化する方法、そして最終的に心理学が人々の実際のニーズに応える役割を果たします。
• 感情デザイン ：ブランドアイデンティティを表現するときの感情の重要性と、デザイナーが車ではなく機能性、信頼性、使いやすさを超える方法を検討します。
• 夢中になれる：身近な製品を作成する方法 ：Twitter、Instagram、Pinterestなどの企業で使用される行動方法についての洞察を提供するガイド。