Webにおける「アフォーダンス」の例
●アフォーダンス（affordance）とは
＜生態光学、生態心理学の概念＞
環境が動物に対して与える「意味」のこと
＜デザイン分野の概念＞
モノに備わっている使い方の暗示
人をある行為に誘導するためのヒントを示す事
例えば、
staff only / [cipher]
上の画像のようなドアの場合、ドアを開くためにはドアノブを下ろせばいいことが分かります。
P6162982 / beve4
イスなら腰を掛けることができると誰でも分かります。
●Web分野での例
リンクテキストを、青系の色にして、かつ下線を付ける。→ウェブ学のすすめ
マウスのカーソルが画像やリンク上に乗ると画像やリンク色を変化させる（マウスオーバーまたはロールオーバー）
ボタンをいかにも押せるように立体感あるデザインにする。
リンク先が分かりやすいアイコンを作成する。
●参考サイト
読みたい本
Ｗｅｂインターフェイスで学ぶ インタラクションと情報のデザイン
- 作者: 若林尚樹
- 出版社/メーカー: オーム社
- 発売日: 2011/02/25
- メディア: 単行本（ソフトカバー）
- 購入: 1人 クリック: 7回
- この商品を含むブログ (3件) を見る
- 作者: 矢野りん
- 出版社/メーカー: ワークスコーポレーション
- 発売日: 2009/08/03
- メディア: 単行本
- 購入: 3人 クリック: 24回
- この商品を含むブログ (7件) を見る
だれでもWebデザインができる本 ―レイアウト・文字・画像・配色、センスアップのコツ― (エクスナレッジムック)
- 作者: 川上宏美
- 出版社/メーカー: エクスナレッジ
- 発売日: 2010/12/14
- メディア: ムック
- 購入: 2人 クリック: 81回
- この商品を含むブログ (2件) を見る
