OK Google、良いインターフェースはどうですか?

誰もがGoogle製品を愛しているわけではありませんが、スマートフォン/コンピューター/ラップトップを持っているほとんどの人がGoogle製品を使用しています。 2人の学生によって設立された会社が、どのように巨大な市場シェアを獲得し、最も魅力的な雇用主の1つになり、毎年非常に革新的なアイデアで私たちを驚かせ続けているかは驚くべきことです。 しかし、6万人の従業員を持つ巨大企業が優れたユーザーインターフェイスを購入できないことはさらに驚くべきことです。



検索クリリの不正なGoogleインタンフーェース




デザイナーであり完璧主義者である私は、私が使用する製品から審美的な喜びを得るのが好きです。 グーグルは、視覚的な魅力で私たちを喜ばせようとしたことはないようです。 うわー効果? いいえ、聞いていません。 Googleの検索インターフェイスは6年前よりも格段に良くなっていますが、見たときに最初に思い浮かぶ言葉は「無菌」です。



Google 2010と2016








Googleインターフェースはシンプルで直感的で使いやすいと言えますが、本当にそうですか? 私が働いている会社であるCentigradeでは、デザイナーがお互いの作業を確認して、改善できるものを特定します。 最も有名で使用されている製品として、Google検索のユーザーインターフェイスのレビューに注目したいと思います。 他に何かできるかどうか見てみましょう。



一般的な問題



  1. この材料設計ですか? 私は、Googleのマテリアルデザインの大ファンであり、可能な限り、その原則を仕事で使用しようとしています。 しかし、なぜGoogleは独自のスタイルに導かれていないのですか? たとえば、ここでレイズボタンを使用できたと確信しています。



    上げボタン




  2. アクセシビリティ 明らかに、これらのボタンのコントラストと読みやすさは不十分です。 WebAIMを使って、 Webコンテンツアクセシビリティガイドライン(WCAG)2.0に従ってテキスト/背景色のコントラストをチェックするための優れたツールでチェックしましょう



    WebAIMによる検証








    コメントはありません。 また、これはボタンだけでなく、どこでもコントラストが低く、フォントが小さいです。


Google検索と幸運なボタンを感じています



しかし、ボタンに戻って、彼らは本当に多くの質問を提起します。 これはメインページに最初に表示されるものですが、なぜ存在するのですか? クリックすることもできません。 本当にない! 試してみてください! 検索フィールドが空のときに「Google検索」と「私はラッキーだ」とクリックできますが、この場合、最初のボタンは役に立ちません。クリックすると結果が表示されず、2番目のボタンはDoodle付きのページに移動します。あなたが行っていた場所に。 検索フィールドに何かを入力し始めるとすぐに、結果ページが表示されますが、これらのボタンは単に表示されていません。



検索語の入力を開始するとどうなりますか








はい、私たちはこれについて話しているので、マテリアルデザインガイドで非常に美しく描かれたトレンディなアニメーションを使用して、あるページから別のページへの移行を行ってみませんか?



そして、材料設計を使用するることが重要であると彼らに言いました








また、「ライブ検索」を使用しない場合でも、これらのボタンをクリックすることはできません。検索バーへのクエリの入力を開始すると、同じプロンプトの同じドロップダウンリストの他のボタンによってブロックされるためです。



ライブ検索をオフにして検索クレリの入力を開始するとどうなりますか








それで、なぜ彼らは必要ですか?!



検索結果ページ



  1. 検索文字列。 ワンクリックで検索クエリを削除することはできません。 私は冗談ではありません。 検索クエリの入力フィールドの[クリア]ボタンは、今日ではインターフェース設計の事実上の標準ですが、Google検索ではそうではありません。 そのようなボタンはありません。 ただし、ヘルプ/ヘルプセクションにたどり着くと(Googleがこの秘密情報を確実に隠すため、これはそれほど簡単ではありません)、すべてが実質的に見える完全に異なる美しい世界が表示され、検索バーに「クリア」ボタンがあり、人類には希望があります。



    検検索文字列








  2. 神秘的なコントロール。 アカウントにログインすると、右上隅の検索結果ページに3つのボタン(検索設定ページで[個人の結果を表示]がオンになっている場合のみ)-男、地球、ギアのボタンが表示されます。 彼らの目的を理解するのに時間がかかりました。 私は高度なGoogleユーザーではありませんが、インターフェイスデザイナーであり、ボタンの使用経験があります。 数分間、どれが非アクティブで、どれが選択され、どれが正常な状態であるかを把握しようとしました。 これらの条件には違いがありますが、重要ではありません。



    神秘的なコントロル








    歯車ボタンの動作は理解できます-ドロップダウンメニューが表示されます。 しかし、他のいくつかのボタンは奇妙に見えます。 最初の「すべての結果」は非アクティブになります。 しかし、あなたはそれをクリックすることができ、ツールチップがあります。 問題は、ボタンがアクティブでない場合、なぜそれを押すことができるのかということです。 彼女がアクティブな場合、なぜ彼女のスタイルはギアボタンと異なるのですか? [個人の結果は非表示]ボタンが選択されているようですが、クリックすることもできます。 この記事の翻訳作業中に、これらのボタンのいくつかがスイッチであると推測しました。 通常のボタンのように見えるスイッチ。
  3. 会社のカード。 検索バーに会社名を入力すると、受信します。 たとえば、Googleを試してください。



    会社カード








    それは美しく、ほとんど素材に見えます。 よく整理された興味深い情報。 わずらわしいのは、「子会社」という行の「もっと」(もっと)リンクだけです。 問題は、子会社の名前のように見えることでさえなく、奇妙な相互作用です。 リンクが単純に拡張リストを開くと考えると、実際には理由なくページをリロードし(内容は同じまま)、ページの上部に巨大な黒いスライダーを追加することに驚くでしょう。 しかし、最も予期しないことは、このスライダーを閉じることができないということです。どれだけ気に入らなくてもかまいません。 また、既に非常に注目に値する子会社のリストを持っている場合でも、「詳細」リンクはまだ存在しているため、クリックできます。



    子会社の拡張リスト






もちろん、これらはすべて非常に特定の瞬間ですが、実際にはもっと多くのそのような瞬間があります。クイックサーチの改訂中に最も明白な瞬間だけを引用しました。 一般に、Googleのインターフェースは直感的で使いやすいですが、彼らが言うように、悪魔は詳細にあります。 そして、受賞者は審査されませんが、完璧に制限はないと思います。いつかgoogle.comに行って、美的な喜びを得ることを願っています。 私にとって、これはやっと彼らが行うすべてのことにおいて最高であることを意味します。



All Articles