Designing For A Hierarchy Of Needs

著者について

Steven Bradley氏は「デザインの基本」の著者であります。 Elements, Attributes, & Principles and CSS Animations and Transitions for the Modern Web の著者です。 それ以外のときは…More aboutSteven Bradley↬

  • 13 min read
  • Design,Web Design
  • Saved for offline reading
  • Share on Twitter.com
  • Share on Twitter, LinkedIn

欲求階層という考え方は、マズローの欲求階層に基づいており、デザインが成功するには、上位のニーズを満たす前に基本のニーズを満たしていなければならないという前提に立っています。 デザインが私たちを「驚嘆」させる前に、それは意図したとおりに機能しなければなりません。 741>

これは本当でしょうか。 あるいは、使いにくいデザインでも、ユーザーをより熟練させたり、特定の創造的なニーズを満たしたりするために、成功する可能性はあるでしょうか。 より高度なニーズを考慮する前に、低レベルのニーズをすべて正確に把握する必要があるのでしょうか。 これらの質問に答えるために、まずマズローの階層を見てみましょう。

マズローの欲求の階層

アメリカの心理学者アブラハム マズローは、1943 年の論文「A Theory of Human Motivation」で、人間の心理的欲求の階層という考えを提唱しました。 呼吸、食物、水、住居、性、衣服、睡眠、快適さなどが含まれる。

  • 安全欲求は、明日の生理的欲求を満たすための方法として見ることができる。 それらは、個人的および経済的な安全、健康、秩序、法律、要素からの保護を含む。
  • 愛と所属の欲求は、社会的な相互作用に関するものである。 私たちは人生を一人で過ごしたいと思っていない。 社会的欲求には、友情、愛、親密さ、家族、コミュニティ、所属、人間関係などがあります。
  • 自尊心の欲求には、自尊心と他人からの承認があります。 自尊心は、達成、地位、名声、認識、習得、独立、責任などの形でもたらされる。
  • 自己実現の欲求は、自分が今ある以上のものになることに関連しており、平和、知識、自己実現、個人の潜在能力の実現、個人の成長、最高の経験などからもたらされる。
  • マズローによると、まず前のレベルの欲求を満たすことなく、階層内のあるレベルの欲求を満たそうとすると、階層内の自分の位置が不安定になる。

    階層内の下位レベルは、上位レベルの基礎として機能する。 もし土台が揺らいだら、下の階層に引き戻され、土台を安定させてから、また上の階層に移動します。 そうでなければ、ストレスや不安の思考や感情に導かれます。

    マズローの階層への批判

    誰もがマズローに同意しているわけではありません。 多くは無私の行為、勇敢さおよび慈善を説明しないので階層に挑戦する。 またそれは「飢えた芸術家」の現象を説明しない、彼らの基本的な生理学的な必要性がほとんどmet.7944>

    評論家は経験的証拠の欠乏およびMaslowが彼の理論を開発する前の観測の限られた規模を指摘する。 マズローは人々の精神的な面を説明せず、彼の理論に合わない多くの事例を省いています。 良いアイデアとスタートかもしれませんが、まだそのまま受け入れられるにはほど遠い状態です。 直感的には正しいと感じるが、マズローの階層には以下にまとめるような限界がある:

    マズローの階層は直感的には意味があるが、その階層的な側面を支持する証拠はほとんどない。 実際、モデルによって指定された欲求の順序と矛盾する証拠もある。 例えば、ある文化では、社会的欲求が他のどの欲求よりも優先されるようである。 また、マズローの階層は、「飢えた芸術家」のように、高い欲求を追求するあまり低い欲求をないがしろにしてしまうケースを説明することが困難である。

    チリの経済学者で環境保護主義者のマンフレッド・アーサー・マックス=ネフは、人間の基本的な欲求について別の理論を提唱している。

    このシステムでは、人は保護や安全に対するニーズを最初に満たすことなく、創造的なニーズを満たすことができるのです。

    Design Hierarchy of Needs

    マズローの階層をデザインに置き換えると、低から高への階層は、機能性、信頼性、ユーザビリティ、熟練、創造性になります。 MP3 プレーヤーは、MP3 およびその他のデジタル オーディオ ファイルの再生、一時停止、巻き戻し、および早送りができなければ、MP3 プレーヤーとみなされません。 これらの機能を実行できなければ、設計は失敗です。

    機能の数は別の話です。 ある MP3 プレーヤーがアルバムのカバー アートを取り込むことができたとしても、他のプレーヤーは必ずしもそうする必要はないのです。 しかし、ほとんどの MP3 プレーヤーがこれを行うことができるなら、あなたのプレーヤーも同様に行う必要があるでしょう。 どのような機能が必要かを定義するのは何でしょうか? 製品そのものでしょうか? デザイナー? 7944>

    基本的な機能のニーズしか満たさないデザインは、ほとんど価値がないとみなされます。 デザインは基本的な機能のニーズを満たすことが期待されており、そうすることは特別なこととはみなされません。

    機能のニーズを満たす Web サイトの特徴は、適度な時間でロードされるページ、機能するリンク、および「戻る」や「進む」といった基本的なブラウザ ボタンに応答するページかもしれません。 あなたのデザインは、安定した一貫したパフォーマンスを提供する必要があります。 MP3 プレーヤーが再生されるときとされないときがある場合、それは信頼性のニーズを満たしていません。 常に再生されるが、不規則に再生される場合(あちこちでスキップしたり、時には遅くなったり速くなったり)、それも信頼性のニーズを満たしていないことになります。 繰り返しになりますが、私たちは購入した製品が機能し、一貫して動作することを期待しています。

    信頼できるWebサイトは一貫して機能します。 昨日動作したものは今日も動作するはずです。 新しいページやセクションが追加されても、既存のページやセクションと同じように機能する。

    ユーザビリティ

    ユーザーはどれだけ簡単に基本タスクを達成できるのか? MP3プレーヤーを持っている人は、それをどのようにオン/オフするか簡単にわかりますか? 再生、停止、一時停止、曲の選択の仕方はどうでしょうか。 これらはユーザビリティのニーズです。 あなたのデザインは今、一貫して機能しています。

    使いやすさに加えて、あなたのデザインは寛容ですか? 間違ったボタンを押しても、MP3 プレーヤーのすべての曲が削除されるべきではないでしょう。 単純なミスに対する結果が悲惨であってはなりません。 もし、指を滑らせてすべての音楽を削除してしまったら、その MP3 プレーヤーは使えるものではなくなってしまいます。 私たちはユーザビリティに対してある程度の基本的な期待を持っていますが、多くのものが期待どおり、または希望どおりに機能しないことを認識しています。

    使用可能な Web サイトには、理解しやすく使いやすいナビゲーション システム、コンテンツを閲覧しやすくする構成、読みやすいテキスト、および自分自身を方向付けるのが簡単なレイアウトがあります。 MP3 プレーヤーでは、プレイリストを作成し、簡単に曲を検索できますか? インターネットから曲をダウンロードし、他のデバイスに転送したり、他のデバイスから曲を転送するための簡単なメカニズムを提供していますか。 MP3プレーヤーがあなたのお気に入りに基づいて新しい曲を推薦することは必須ではありませんが、望ましいことであり、デザインをかなり向上させるでしょう。

    熟練した Web サイトには、高度な検索オプション、異なるソースからのデータを組み合わせてより洗練されたレベルの情報を作成する機能、Web ベースのツールなどが含まれる場合があります。 これが満たされると、デザインは革新的な方法で人々と交流することができるようになる。

    おそらく、MP3 プレーヤーは、最もよく聴く曲の音楽的な構造に基づいて推奨曲を作成し、コード チャートやオーディオに合わせて視覚的に再生する音を提供することによって、音楽理論を教えることができます。 あなたの MP3 プレーヤーは、カスタムスキンを使用したり、曲の一部を組み合わせて新しい音楽を作成することができるかもしれません。 MP3 プレーヤーは、市場で最も美しいものかもしれません。

    創造的なニーズを満たすデザインは、最高レベルであると認識されます。 忠実なファンを生み出します。 もしあなたがAppleの成功に戸惑っているなら、もう不思議には思わないでください。

    創造的な Web サイトには、AJAX 効果、美的アピール、音声コマンドによる対話が含まれるかもしれません。

    Criticism of the Design Hierarchy

    マズローの階層に適用したのと同じ批判が、デザインの階層にも適用できるかもしれません。 デザインは、使用可能である前に、信頼できるものでなければならないのでしょうか。 同時に両方を満たすことはできないのでしょうか? 上級ユーザーの熟練度ニーズを満たす一方で、初心者にとって最も使いやすいとは言えないデザインになる可能性はありませんか。

    より高いレベルにリソースを投入する前に、本当にあるレベルですべてを正しくする必要があるのでしょうか。 7944>

    繰り返しますが、階層は直感的に理解できますが、市場のニーズや要望が、階層の中で何を改善することが最も重要であるかを決定することになりそうです。

    Maslow Applied to Marketing

    マズローの考えは、しばしばマーケティングに適用される。 何を売るにしても、その製品は階層のどこかのニーズを満たすためのものである。 製品やサービスを最適にマーケティングするには、それが階層構造のどこに位置するかを特定し、そのニーズを満たすためのターゲットユーザーの動機を理解する。 例えば、ミシュランタイヤはその典型的な例です。 ミシュランのコマーシャルは、単にタイヤのスペックを羅列して路面のグリップ力を自慢するのではなく、「あなたのタイヤには多くのものが乗っているから」というキャッチフレーズで、赤ちゃんを守っているタイヤを紹介しています。 また、次の階層である社会的欲求、つまりこの場合は子供への愛情にも訴えかけています。 スペックなんてつまらない。

    マズローの階層は、どの市場をターゲットとし、どのようにその市場に到達するのが最善かを決定するのにも役立ちます。 たとえば、あなたは自信をつけるというニッチな需要を満たす、すばらしいアイデアを持っています。 素晴らしい。

    しかし、あなたは新しいビジネスの所有者をターゲットにしています。 このグループは、セキュリティという階層でレベル2に位置しています。 彼らは自分の仕事と家族を支えることを心配しています。

    あなたは、マーケティングで伝えるべき別のストーリーか、ターゲットとする別のグループを見つける必要があるでしょう。

    Maslow Applied to Writing Code

    Patrick Dubrow は、マズローの階層とデザインの階層を調べ、コードを書くためのニーズの階層を提示しました:

    コードを書いたことがあれば、この階層がマズローとデザインの階層の両方にいかに適合しているかを容易に理解することができます。 これも直感的であり、マズローのものと同じ批判を受ける可能性があります。 確かに、機能的に劣るコードはすぐに修正しなければなりませんが、最初の一行からエレガントで効率的なコードを書けないわけがないのです。

    Resources

    ここで、マズローに基づく追加の階層をいくつか紹介します。

    • SEO ニーズの階層
    • Hierarchy of User Experience Needs

    Examples

    以下のサイトはすべてうまくデザインされています。 それぞれが独自のスタイルを持っており、私たちの目的のために、デザイン階層の異なるレベルに対応しています。

    Oliver James Gosling

    Y3K

    Oliver James Gosling と Y3K の Web サイトはどちらもシングル ページのポートフォリオです。 どちらも機能性と信頼性のニーズを満たしています。 また、美的にも美しく、クリエイティブなニーズを満たし始めています。 オリバーのウェブサイトには「トップに戻る」リンクがあり、クリックするとページが下に移動します。このユーザビリティの良い工夫はY3Kのウェブサイトにはありません。 オリバーはまた、自分のウェブサイトのすべての情報を含むPDFを提供しており、おそらくデザインにちょっとした熟練度を加えています。

    Cellar ThiefCellar Thiefは機能性の要件を満たしており、もうひとつの美的センスの良いウェブサイトと言えます。 美学はワインに関する全体的なメッセージにマッチしています。 しかし、信頼性とユーザビリティは、どちらも多少の改善が必要です。 トップページの下にある3つのメインリンク(「ワインを選ぶ」、「友達に教える」、「気分爽快」)はすべて、思いがけず「会社概要」のページにつながっています。 また、このサイトでは、その日の3つのワインしか販売していないので、まったく問題ありませんが、すぐにはわかりません。

    Elan SnowboardsElan Snowboardsは基本的な機能を満たし、興味深い美学を持っています。 仝苧晩々は仝苧晩々は仝苧晩々と冱われています。 一方で、フォーラムやコミュニティ・ブログ、ビデオなどを提供し、訪問者にとってより使い勝手の良いサイトになっています。 全体として、このウェブサイトはより高いレベルのニーズに焦点を当て、低いレベルのニーズをある程度犠牲にしています。

    CSS-TricksCSS Tricks は、おそらくほとんどの人にとってなじみのあるものでしょう。 機能性、信頼性、ユーザビリティのニーズを満たしています。 Chris Coyier は、フォーラム、スクリーンキャスト、フリーペーパー、およびコード スニペットのセクションを設け、この Web サイトに熟練したレイヤーを与えています。 クリエイティブな面では、見慣れたブログの美学があり、サイドバーにはAJAXの適切なタッチがある。 Chrisはまた、クリエイティブなニーズを満たすのに役立つ小さなディテールに多くの労力を費やしています。

    Ali FelskiAli FelskiのWebサイトは、ポートフォリオとブログを組み合わせたようなものです。 一貫して機能し、探し出すのも簡単です。 3つの低レベルのニーズが満たされているため、Webサイトには創造性が加わっています。

    Antique Piano ShopAntique Piano Shopは、心地よい美しさを提供しながら、低レベルのデザインニーズをすべて満たしています。 ピアノを識別して販売できるページを提供することで、熟練度のニーズを満たしています。

    Fluid 960 GridFluid 960 Grid Systemは低レベルのデザイン・ニーズによく合っている。 それは機能し、一貫して機能し、使いやすいものです。 あなたが遭遇する最も美しいページではありませんが、より高いレベルのデザインのニーズを満たすために、かなり多くのものを備えています。 このページのほとんどの部分は、動作するデモになっています。 jQueryライブラリやMooToolsライブラリを使ってそれぞれがどのように動作するかを見ることができますし、JavaScriptを完全にオフにしてデモがどのように機能するかを見ることも可能です。 また、12 列と 16 列の流動的グリッドと固定グリッドを切り替えることもできます。

    概要

    これらの階層は、従わなければならない絶対的なものではありません。 すべてのデザインと同様に、デザイン目標を決定するために成功基準を見ます。 オーディエンスは、完全に信頼できる退屈な Web サイトよりも、時々不具合が発生する美的に美しい Web サイトを好むかもしれません。

    いくつかの低レベルのニーズが絶対に不可欠であると理解している限り、すべての低レベルのニーズを完全に満たす前に高レベルのニーズを満たせない理由はありません。 当然ながら、どのページもロードされないのであれば、他のすべては無意味です。 プログレッシブ・エンハンスメントについて心配する前に、その問題を解決する必要があります。 ほとんどの場合、上位のニーズを満たそうとする前に下位のニーズを満たすことは理にかなっています。

    SmashingMag:

    • The Personality Layer
    • This Interface Is A (Good) Joke!
    • Fixing A Broken User Experience
    • How Do You Deal With Overstressed, Irrational Clients?
    (al)

    コメントを残す

    メールアドレスが公開されることはありません。