東京都新宿区のWeb制作会社 - ウェブラボ株式会社

スタッフブログ

「意味のあるアイコン」

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つのチェックポイント

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

PAGETOP

お問い合わせContact

まずはお気軽にご相談ください。

Web制作・コンサルティング・システム開発に関するお問い合わせ・お見積もり依頼は、
電話・問い合わせフォームより受け付けております。(受付時間:平日9:30〜18:30)

〒160-0004 東京都新宿区四谷4丁目33-2
マーキュリースクエア4F

TEL:03-5366-3277 FAX:03-5366-3278