最高のアイコン-テキスト

短くはっきりと言えない場合は、長くはっきりと言ってください。しかし短くて不可解ではありません。

ジャナテム




アイコンについて話しましょう。 それらは多くのインターフェースの一部です。 問題は、彼らの影響下で、起こっていることの明確さが破壊される可能性があることです。



ピクトグラムは、人類の最初の数日から使用されてきました。 多くの場合、書き込みの試みと見なすことができます。 一部の非識字の人々はまだ情報を送信するためにそれらを使用しています。







公共の場所では、たとえば、地元の言語の標識が明らかに見落とされる国際空港などで、ナビゲーションにアイコンがよく使用されます。







ある時点で、ユーザーインターフェイスでアイコンが一般的になりました。 視覚制御を備えた最初の商用コンピューター(ゼロックススター)の写真をご覧ください。 デザイナーのデビッド・スミスは絵文字の概念を発明しました:







最近、彼らの人気が明らかになりました。 まず、UIがラベルで過負荷にならないようにします。 第二に、それらが正しく使用されると、アプリケーションはその一意性を獲得します。 これはすべて非常に良いです。



さらに、このような小さな画像で、連続する単語のグループ全体を置き換えることができます。 これは、画面サイズの縮小により特に当てはまります。 しかし、トラップがあります。すべてのアイコンがユーザーに理解できるわけではありません。 彼らはあなたに考えさせます 。 わかりにくい場合、インターフェイスは何が良いですか? 教訓は明らかです。誰もが理解したときにアイコンを使用し、そうでなければ忘れてください。



これはTwitterの写真を思い出させます。







私は、これらすべての洗濯物のアイコンの本質を理解しようとして、 ロンが混乱したと思います...



クライアントとアイコンの使用について議論するとき、「人々は毎日私たちの製品を使用し、すべてのボタンの目的を簡単に学習するだろう」というような議論を常に耳にします。 それは公平ですが、欠陥があります。 Appleのメールアプリケーションを1日に数回使用していますが、どのアイコンが手紙の送信に使用されたのかを常に覚えているとは限りません。







悪い知らせはこれで終わりではありません。人々を混乱させるアプリケーションを使用することはありません。 疑いを破壊するだけです。 Googleがこのあいまいなアイコンの背後にある残りのアプリケーションを非表示にしたとき、 明らかに 、「Googleカレンダーはどこですか?」のような多くのサポートリクエストを受け取りました。







別の例:再設計後、新しいTwitteraのユーザーは何をする必要があるかすぐに理解できませんでした。 アイコンはそれほど明確ではありませんでした







より新しいバージョンでは、より明確になりました:







Instagramで友達に写真を直接送信できることをご存知ですか? はい。ただし、すべてこのようなアイコンの後ろに隠れています。







あなたが以前にこのネットワークのユーザーだったなら、あなたがそれを見た可能性は大きいです。 しかし、彼女はどういう意味ですか?



もちろん、適切なコンテキストでアイコンを使用する必要があります。 一部のボタンは、2つの方法で解釈できます。 別の例を見てみましょう。 Gmailでチャットを開くと、とにかくこれが表示されます。 さて、今どのように戻りますか?







答えを書く代わりに、受信トレイに戻ったことが何度もありました。



Tweetbotのアイコンは誰もが理解できるとは限りませんが、Twitterのコンテキストから取ったものです。 Tweetbotユーザーは多くの場合Twitterユーザーであるため、これらのボタンの使用は許容されます。







iOSのTumblrアプリについても同じことが言えます。 その一部は私たちには明確ではありませんが、多くはTumblrのコンテキストで明らかにされています。 このサービスのユーザーは、すべてを明確に理解します。







Mac Rdioアプリは次のようになります。







多くのユーザーは、目の前にオーディオプレーヤーがあるため、それを把握できます。 (ただし、アイコンの1つは、音量レベルと再生中の現在のトラックの両方で使用できます。)



繰り返しますが、これらのアイコンをすべて理解していない場合は使用しないでください。 状況が議論の余地がある場合は、すべてをテキストで書く方がより明確になります。



ただし、写真にキャプションを使用することを禁止する人はいません。 これは完璧なソリューションです。



Mac App Storeはまさにそれを行います。







TwitterはWebインターフェイスで同じトリックを使用します。







最後の例としてFacebookを見てみましょう。彼らは最近、 ハンバーガーのアイコンをより便利なナビゲーションに置き換えました。 よくやった:







私のアドバイスが、インターフェースの最も重要な特性である理解性を満たすのに役立つことを願っています。 したがって、プロジェクトをテストすることを忘れないでください。 そして、常に覚えておいてください:テキストはより明確です。



自分と愛する人の世話をします。



All Articles