WEB制作関連

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

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

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

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

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

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

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

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

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

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

関連記事

  1. WEB制作関連

    スクリーンショットを利用したWEBデザイン30個

    WEBサービスやアプリケーションの紹介には欠かせないスクリーンショット…

  2. WEB制作関連

    キャラクターを用いたWEBデザイン50個まとめ

    キャラクターのイラストを用いたWEBデザインのまとめです。&n…

  3. WEBマーケティング

    マーケティング心理学|カリギュラ効果

    もしあなたが「絶対に中を見ちゃダメだからね。」 と封筒を預けられたらど…

  4. WEB制作関連

    国内WEBデザインギャラリー厳選まとめ

    国内のWEBデザインのギャラリーサイトのまとめです。ギャラリーサイトは…

  5. WEB制作関連

    鮮やかな色合いが目を引くデザインのWEBサイト25個

    鮮やかな色使いでデザインされたWEBサイトのまとめです。 (さ…

  6. WEB制作関連

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

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

  1. WEB制作関連

    Webサイトをレイヤーに分けて保存できる「Page Layers」
  2. Design Items

    思わず「なるほど!」と言ってしまうナイスデザイン
  3. WEB制作関連

    必ず重宝するシンプルなアイコンセット20選
  4. WEBディレクターズマニュアル

    WEBディレクターがスケジュールを引いてはいけない理由
  5. LifeHack・仕事術

    Gmailで実践するGTD
PAGE TOP
Top