ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2012.4.23アイコンの役割や使い方をおさらいするリニューアル後のGmail、そのアイコンの意図がわかりづらくて、使いづらいなーと思ってました。してわかりづらいのか、とか、アイコンの意図が読めないとどうなるのかを考え、またアイコンって重要だなと再認識したので忘れないようにエントリです。そもそも、アイコンの役割とは?そもそものアイコンの役割とは、機能などを絵(グラフィック)におきかえて、わかりやすく示すことです。絵というのは、意味の伝達が多義的になります。それが大きな利点でもあるのですが、機能を示すために使うときは、意味が一義的になるようにする必要があります。ユーザーを混乱させないようにするユーザーがアイコンから意味をうまく読み取れないとき、迷って時間がかかってしまったり、最悪使うこと自体をやめてしまうかもしれません。そのような機会損失を防ぐために、アイコンの使い方を考えたり、意味の明瞭なアイコンを作成することが必要です。※ユーザーに試行錯誤をさせて、使い方を覚えさせるというサイトもあると思うのですが、そうでなければ意味をいくつにもとれるアイコンは使うべきではないと思います。これらを踏まえて、どのようにアイコンを選ぶのか。私の場合は以下のようにアイコンを選びます。アイコンの種類の選択アイコンの種類には、以下の3つがあります。その行為や、行為で使用するものを象徴するもの、似たものを代替として示すこれらの中から、何を絵として示せばその機能だとわかるのかを念頭において、最適なアイコンを作成・選択します。アイコンの配置方法・使い方を考えるアイコンの配置方法・使い方とは、大きく分けて以下3つではないでしょうか。アイコンを使わず、文字のみにするこれらの配置方法・使い方は、アイコンの形状と機能、アイコン配置のスペースを考慮しながら検討する必要があります。アイコンを単独で使うWebで意味が浸透している形状と機能(初心者ユーザーでも理解できる)のものは単独で使うことができる。アイコンに文字の説明をつけるアイコンから伝わる意味がいくつもあったり、曖昧なアイコンは文字とセットにする。アイコンを使わず、言葉のみにする機能が複雑で、アイコンとして表現しにくい場合や、アイコンで表現することによって逆にわかりづらくなる場合は文字のみにする。アイコンによってそのサイトの使いやすさが変わってくるので、アイコンの作成・選択は慎重にしなければなりませんね。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。