スタッフブログ

「意味のあるアイコン」

2009.03.06 Posted by

アイコンは直感的でわかりやすく
サイトをナビゲートする手助けを行ってくれます。

しかし、誰もが知っていると思われるアイコンでも人それぞれ捉え方が違うということを考え、アイコンの横にテキストで意味をそえるということを行う対処が必要です。

絵、記号のみや文字のみのアイコンとなる場合は、欄外にアイコンの意味をわかるように記載します。

たとえば、旅行会社のHISでは、サービスが広く、アイコン一つ一つに意味をそえるスペースがないため、記号や文字のみのアイコンでうまく表現しています。

■HIS
http://e.his-j.com/shop/air/voyage_list.aspx?portal=02A&jarea=10&city=SHA&leave_dt=20090614&jairport=&seat_class=

記号のみのため、欄外にサービスのアイコンの説明があります。
http://e.his-j.com/static/customer/icon.html

また、アイコンは、サービスの有無を視覚的にわかるようにしてくれる機能もあります。

■ドコモの製品情報
http://www.nttdocomo.co.jp/product/foma/style/n03a/index.html
主なサービス・機能の対応・非対応を色の違いでうまく表現しています。

■JTB
http://dom.jtb.co.jp/yado/List.aspx?mesh=270301
施設の有無を色の差で表現しています。

上記の例のように、対応しているサービスだけを並べるより、非対応のアイコンも表示したほうが、ユーザーとしては、比較検討しやすくなります。

このように、アイコンはユーザーの理解を助けるのに、効果的ですので、うまくサイトで使用し、わかりやすいサイトにしたいものです。

オリエンシートダウンロード

採用サイト 絶対に外せない5つのチェックポイント

オリエンシートダウンロード

CONTACT

お電話でのお問い合わせ

03-5366-3277

受付時間:平日9:30〜18:30

メールフォームからのお問い合わせ

お問い合わせ(東京本社)

PAGETOP

Document資料請求

Contactお問い合わせ