WEB制作関連

WEBサイト心理学|アフォーダンス理論

アフォーダンスとは、もともと知覚用語だったものをドナルド・ノーマンがインターフェイスの用語として利用したことで定着した言葉です。 どういうことかというと例えば人は目の前にドアノブのついたドアがあれば押すか引いて開けようとするし、指を引っ掛けるくぼみがあればスライドさせて開けようとしますよね。

このように過去の体験などにもとづいて行動が結び付けれられることを「アフォーダンス理論」といいます。これをWEBサイト上に置き換えてみるとどうでしょう。

例えばテキストに下線が引かれている、ボタンに立体感があることでユーザーは過去の経験によりそこにリンクやアクションがあると認識します。

なのでECサイ トやサービスサイトなどユーザビリティが重要なサイトの動作や仕様を決める際にはYahoo!・Google・Amazonなどといった多くの人が利用す るサイトを参考に設計するといいと思います。

多くの人を魅了する手品にもアフォーダンス理論は取り入れられています。 例えば帽子からたくさんの鳩がでてきたら驚くのはみなさんが今までの体験で帽子にそんなにたくさんの鳩が入るわけないとわかっているからで、これが中の見えない穴ぐらからたくさんの鳩が出てきても驚きませんよね。

このようにアフォーダンス理論を逆手にとって新しい体験を与えることで驚きや感動を与えることもできます。Flashを用いたプロモーションやエンタメのサイトであればこういったことを利用してみるのもいいでしょう。

余談ですがapple社のUIの考え方は自分たちがつくりあげたものがスタンダードになるという信念でつくられていると聞いたことがあります。だからiPhoneやiPadといった新製品はユーザに驚きと感動を与えられるんですかね。

この記事を読んだ人はこんな記事も読んでいます

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    今どきなUIデザインサンプル35個

    アプリやWebサービスのインターフェイスに役立ちそうなUIサンプルです…

  2. WEB制作関連

    ここまでできる!HTML5できたゲームまとめ

    HTML5のアプリとしての拡張をフルに活用してつくられたゲームのまとめ…

  3. WEB制作関連

    徹底比較。クロスブラウザのテストツール15個

    HTML5や新しいデバイスの登場で今後も頭を悩まされそうなクロスブラウ…

  4. WEB制作関連

    色とWEBデザイン -むらさき編-

    色はデザインをする上で重要な役割を担いますが、それぞれの色には多くの人…

  5. WEB制作関連

    MT4.2にFCKEditorを導入しました。

    記事の更新を便利にするべくFCKEditorを導入しました。デ…

  6. WEB制作関連

    インストールされたフォントを一覧できる「wordmark.it」

    自分のPCにインストールされているフォントをブラウザ上で一覧できるWE…

  1. 話題・トレンド

    平和な街並みを異空間に変えてしまったアート
  2. WEB制作関連

    ユニークなレイアウトのWEBサイト40個
  3. WEBディレクターズマニュアル

    ツールジプシーの果てに。
  4. WEB制作関連

    jQuery+CSSで実現する効果的な演出20選
  5. WEB制作関連

    視覚と聴覚を刺激する音楽系WEBサイト30個
PAGE TOP
Top