WEB制作関連

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

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

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

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

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

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

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

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

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

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

関連記事

  1. WEB制作関連

    WEBマガジンスタイルの海外サイトまとめ

    WEBマガジン形式にレイアウトされたWEBサイトのまとめです。記事ごと…

  2. WEB制作関連

    クリエイティブなシングルページWEBサイト20選

    1枚構成のビジュアルをベースにしたWEBサイトのまとめです。&…

  3. WEB制作関連

    デザイナーなら必ず知っておきたい国内素材サイト22選

    デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです…

  4. WEB心理学

    マーケティング心理学|ツァイガルニック効果

    浜崎あゆみが熱愛!その相手とは…?このようなコピーで、クリック…

  5. WEBディレクターズマニュアル

    WEBディレクターの為の便利ツール「Support Detail」

    エラーが起きていると言われたけど自分のPCでは再現しない。そんな時はま…

  6. WEB制作関連

    必ず入れておきたいポピュラーなフリーフォント30選

    どこかで見たことのあるあのフォントを含め、何かと重宝しそうなフリーフォ…

  1. Design Items

    メビウスをモチーフにした信号機のアイデア
  2. Design Items

    トイレットペーパーを蘇らせた2人のアーティスト
  3. WEB制作関連

    Webサイトをレイヤーに分けて保存できる「Page Layers」
  4. 話題・トレンド

    2011年の振り返りと2012年の展望を考えてみた。
  5. WEBマーケティング

    世界のスマホ事情がわかる。「Our Mobile Planet」
PAGE TOP
Top