WEB制作関連

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

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

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

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

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

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

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

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

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

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

関連記事

  1. WEB制作関連

    ぜひ参考にしたいオシャレで使いやすい22個の管理画面

    WEBアプリなどの管理画面向けのテンプレートのまとめです。&n…

  2. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

    WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことが…

  3. WEB制作関連

    ユーザビリティを向上させる25の高品質なアイコンセット

    絶妙な質感も持っていてWEBサイトのユーザビリティとデザインクオリティ…

  4. WEB制作関連

    jQuery+Ajaxで実装するファイルアップローダー

    jQueryを利用したファイルアップローダーのまとめです。 (…

  5. WEBマーケティング

    マーケティング心理学|準拠集団

    近年、クチコミやソーシャルメディアを利用したマーケティング手法が多くみ…

  6. WEB制作関連

    多色使いが美しいWEBデザイン45個

    複数の色を効果的に使ってデザインされたWEBサイトのまとめです。…

  1. Design Items

    Halloweenパーティをするなら必見!
  2. WEB制作関連

    レトロな雰囲気が素敵なWEBサイト20個
  3. WEB制作関連

    気持ちもあがる!デザインの美しいEコマースサイト25個
  4. iPhone

    WEBサイトが素敵な80のiPhoneアプリ
  5. WEB制作関連

    情報を省スペース化するjQueryベースのアコーディオン
PAGE TOP
Top