アイコン付きのグレースケールボタンは使用可能で効果的ですか？
こちらの画像は
- 古いGmail
- 新しいGmail、メールが選択されていない場合
- 新しいGmail、メールを選択した場合
- 新しいおいしい
私にとって、ボタンはラベルなしと発見が難しいです。
アイコンがラベルを冗長にするのに十分な働きをするとは思わない。また、私は気づきました：
- gmailツールバーが変更された全体メールが選択された場合、古いツールバーは（安心して）一定だった
- 美味しい編集ボタンと共有ボタン（丸で囲まれている）は発見が難しく、ホバーツールチップがない
これに対する私の最初の反応は、「後退」でした。なぜなら、オプションを発見するのが難しくなったからです。
しかし、他のサイトはこのスタイル、つまり可能な限りまばらになろうとするデザイン言語に収束しているようです。非常に高解像度のiPadやネットブックに最適です。
そのような設計言語はそれだけの価値がありますか、それとも解読するには難しすぎますか？
質問に答えます。アイコンラベルにテキストツールチップが必要であるという基準があるのに、テキストラベルにグラフィックツールチップが必要なという基準がないのはなぜですか？
主な理由：ほとんどすべての場合、テキストラベルはそれ自体で十分であり、アイコンは何も改善しません。 対照的に、アイコンラベルは不十分である傾向があります 自体。ですから、はい、Gmailは発見の妨げになっています。ユーザーがマウスでUIを模索して各コマンドの動作を読み取ることは許可されていません。ユーザーはそれを読むだけでよいはずです。そのスパムアイコンは特にひどいです。私はそれが「この手紙に重要なフラグを立てる」ことを意味することを期待します-何がしているのと正反対です。アプリは適切な情報階層を持つ必要がありますが、マイナーコマンドまたは高度なコマンド（サイズ、重量、色など）に判読できない記号を使用するよりも優れた方法があります。
適用できないコマンドを非表示にする代わりに、コマンドを無効にすることもできます（Gmailが以前何をしていたのかわかりません）。 非表示にするか無効にするかは複雑になる可能性があります の決定ですが、要約すると、アクションが現在利用できない場合は無効にする必要がありますが、ユーザーはアクションを利用可能にするために何かを行うことができます（たとえば、選択の変更）。つまり、Gmailは隠蔽ではなく無効化を使用するべきだと思います。非表示の問題は、ユーザーがコマンドがnever利用可能であると結論付ける可能性があることです-この機能はアプリでサポートされていない（ユーザーがそれに気付かなかった場合）見えたとき）。また、お気づきのように、コントロールを非表示にすることによって作成された空のスペースを埋めるために移動すると、非表示になっていないコントロールを見つけにくくなる場合があります。
では、なぜデザインがこの劣ったデザイン言語に収束するのでしょうか？ IMO、ファッション。デスクトップでそのトレンディなモバイルルックを手に入れるため。画面スペースが限られているため、モバイルアプリは非表示やアイコンを使用してすべてを絞り込みます。現在、デスクトップのWebサイトは、モバイルアプリのようにモバイルの外観をクールに見せ、画面が大きくなるとルールが変わることを無視しています。グレーが新しい黒であることを除けば、グレーにグレーを多用する言い訳はありません。太陽光の下で使用される可能性があり、できるだけ多くのコントラストを必要とするモバイルアプリでは、特に問題があります。アクティブなコントロールにファッションを追う灰色の使用は、無効を意味する使用を損なうので、Gmailがコントロールを非表示にすることを選択するもう1つの理由かもしれません。シンプルにではなく、見栄えにしようとすることです。
間違いなく、Gmailやその他のユーザーはモバイルアプリとの整合性をとろうとしている可能性があります（GmailモバイルアプリユーザーはGmailウェブアプリユーザーでもあるに違いありません）。スパムアイコンとデスクトップバージョンの「スパム」という単語の両方を使用して、モバイルアプリとの互換性を維持しつつ、デスクトップの検出可能性を向上させ、ユーザーがモバイルに移行したときのアイコンの意味についての教育を強化することもできます。実際、「スパム」は非常に短い単語です。モバイルバージョンでは、アイコンの代わりにそれを使用しない理由が見当たらないため、見た目はシンプルで、使い方が単純ではありません。
新しいGmailで使用されているアイコンは、ボタンの機能を説明するのに役立ちます。不明な場合は、それらにカーソルを合わせると、そのボタンを説明する適切に設計されたツールチップが表示されます。
もちろん、これらのボタンはメールが選択されたときにのみ表示されます。最初は少しばかり油断して「すべてのボタンはどこに行ったの！？」しかし、それ以降は、それが望ましいとされています。
必要なものだけが表示されます。特定の時間にボタンを使用できない場合は、なぜそれを表示するのですか？
これらのボタンがグレースケールであるという点で、これは良い動きです。彼らはフェードバックし、コンテンツを前進させるのを助けます。 Gmailを使用する場合、ボタンに焦点を当てるのではなく、コンテンツに焦点を当てるを使用します。同じことは「おいしい」ボタンにも当てはまります。それはあなたの注意を引くものであってはなりません。ロゴを知っている人なら誰でも簡単に認識できます。ロゴがない場合は、マウスを上に置くと、現在は提供されていませんが、ロゴを見つけることができます。
マットが述べたように、ホバーするとボタンが説明します。 Gmailは、関連性のあるアイコンを使用して、認識と想起を組み合わせて採用しています。直感的でなく抽象的なもの（ストレージボックス、スパムフラグ）はより高度なコントロールであり、無視されることがよくあります。主要なコントロール（送信、作成）が明示的に書き出されていることに注意してください。特定のページの主要な行動を促すフレーズのボタンは、実際には赤で強調表示されて起動します。メールを作成する前は[作成]ボタンが赤で、送信を開始すると[送信]ボタンは赤になります。
このレイアウトでは、主要なアクションをテキストラベルで呼び出すことができますが、高度な機能をバックグラウンドに配置すると同時に、スキャン用に最適化することができます。これらのアイコンは、使用しない（おそらく気にしない）人々の焦点から外れますが、上級ユーザーにとっては、簡単に覚えて見つけることができます。いくつかの読み取りがまだ含まれているため、アイコンのスキャン（認識）は、テキストラベルのスキャンよりも高速であることがよくあります。
あなたが持ち出した「グレースケール」の問題は、他の問題に接しているように見えますが、ここでの問題はcontrastです。 コントラストは非常に重要です 、そして多くのグラフィックデザイナーは、UI要素の効果的なコントラストを無視して、ページをより見栄えよくします（ ユーザビリティとUXに関心を持つ多くの人の魅力に非常に近い =）。
Deliciousの例では、アイコンはほとんど見えません。 UIは、UIのほんの2、3のバンプのようです。 Gmailのアイコンははるかに目立ち、すぐに表示されます。チェックボックスボタンを除いて、Gmailボタンを低コントラストとは呼びません。細い線が原因です。
新しいGmailは古いGmailよりも直感的に感じられると思います。何よりもまず、新しいデザインの主な目的は、よりクリーンで直感的で使いやすいものにすることでした。そして個人的には、それらすべての点で多大な努力をしたと思います。
以前のデザインはボタンと一致していますが、現在のビューではボタンが機能していません。例えば。チェックボックスの列で1つ以上のメールをチェックするか、メールを読むまで何もしなかった「スパム報告」。それでも機能はありませんでしたが、他のボタンの中でも存在していました。これにより、機能ボタンバーがアクセスできない機能でいっぱいになり、一般ユーザーに混乱を引き起こします。
さらに、テキストボタンからアイコンボタンに切り替えるというデザインの選択は良いものだと思います。個人的に私はそれが秩序の感覚を与えると思います、そしてあなたが比喩のどれかがわからない場合、機能を説明するツールチップはホバー時にすぐに現れます。それでも、これはすべての個人にかかっています。ボタンで使用されるアイコンの代わりに説明テキストを好む人もいます。
Google+プロフィールが含まれているため、新しいデザインでは会話表現の方が優れていると思います。さらに、折りたたまれたメッセージを古いものよりも「クラスタ化」された方法で表示しません。
申し訳ありませんが、IMO新しいデザインの方が良いと思います。 =）
Deliciousには、最新のイテレーションで画像を追加することを除いて、ますます使用できなくなる（Yahoo!）という長い歴史があります。すべての大手ソフトウェア会社と同様に、彼らとGoogleには、既存の設計をそのままにするよりも（ timeless Advice に反して）自分（または委員会）の設計に変更する従業員がいます。表面的には、変更は初心者よりもパワーユーザーをサポートする方向へのシフトを示しています。新しいインターフェースを効率的に使用します。
アイコンのみのデザインの主な問題は、アイコンがuniversalでない場合です。現在利用可能なすべての一般的に認識可能なアイコンは、インターネット前のデザイン（一時停止標識や矢印など）に基づいており、「編集」や「タグ」などのアクションには、現実の世界ではそのようなユニバーサルデザインはありません。実際のアイテムが実際のユーザーに認識されなくなっているため、歴史的なディスケットアイコンでさえ消えています。
まあ-ボタン、アイコン、ラベルに関しては-私見、今日誰も使用していないフロッピーディスクのように、ラベルを必要としないものがあります。削除。したがって、これらが「iconic」と言うようになったら、説明するための言葉は必要ありません。
Googleは、インターフェースをできるだけシンプルで効果的なものにしようとしています。私は、すっきりとしたデザインは難しいと信じており、個人的にはGoogleの新しいアプローチが好きです（私は私自身がUI/UXデザイナーです）
私にとって、新しいGmailはMS Officeのリボン機能の最小限のバージョンであり、使用できないボタンも非表示にしています。
ラベルを表示するか非表示にするかは、誰かがツールを使用する頻度に関係しています。 Gmailを1日に数回使用すると、ボタンの場所と、スパムアイコンの意味がわかります。