Lamiyi

Google は、近日中に展開予定のモバイル検索結果エクスペリエンスの再設計を発表しました。

「検索のようなサービスのビジュアルデザインを再考するのは本当に複雑です」とデザイナーのアイリーン・チェンは言います。「Google検索がこれほど進化してきたことを考えると、特にその通りです。私たちはウェブ上の情報だけでなく、世界中のあらゆる情報を整理しているのです。」

デザインの決め手となった 5 つの要素は次のとおりです。

1. 情報に焦点を絞る。「検索結果を際立たせ、ユーザーが周囲のデザイン要素ではなく情報そのものに集中できるようにしたいのです」とアイリーンは言います。「ユーザーエクスペリエンスをシンプルにし、ユーザーが探している情報にできるだけ明確かつ迅速にたどり着けるようにすることが目的です。」

2. テキストの読みやすさ向上。チームがこれを実現した方法の一つは、文字を大きく太字にすることで、人間の目が検索結果をより速くスキャンし、理解しやすくしたことです。「検索結果とセクションのタイトルも大きくしています」とアイリーンは言います。テキストについて言えば、今回のアップデートでは、AndroidやGmailなど、他のGoogle製品で既に使用されているGoogle独自のフォントもさらに多く使用されています。「検索でフォントを使用するタイミングと方法に一貫性を持たせることも重要でした。これにより、ユーザーが情報をより効率的に解釈できるようになります」とアイリーンは説明します。
画像は、Google検索が画面に表示されているスマートフォンです。検索クエリは「ランニング スポット SF」です。3
. より多くの余白。「検索結果を端から端まで表示する新しいデザインを作成し、影の使用を最小限に抑えることで、探しているものをすぐに見つけやすくしました」とアイリーンは言います。「全体的な効果として、検索結果やその他のコンテンツが中心に表示される視覚的なスペースと余白が広くなりました。」

4. 色を使って重要な点を強調する。アイリーンによると、リニューアルのいくつかの段階では、大胆な色を多用したり、落ち着いた色調を試したりしたそうです。しかし、どれもうまくいかず、最終的にチームは、コンテンツと画像をすっきりとした背景の中央に配置し、色をより意図的に使うことで、目が圧倒されたり気を散らしたりすることなく、重要な情報に誘導することに重点を置きました。「明るい雰囲気も出ています」とアイリーンは言います。

5. 「Googleらしさ」を追求。新しいデザインが少し弾むような、躍動感があるように感じたら、それは良い兆候です。「Googleのロゴを見ると、丸みを帯びていることに気づくでしょう。ですから、私たちはそこからヒントを得て、他の部分にも取り入れています」とアイリーンは言います。丸みを帯びたアイコンや画像など、今回のリニューアルでもその傾向が見られます。「この形状は既に我々のDNAの一部になっています。検索バーや虫眼鏡を見れば一目瞭然です」とアイリーンは指摘します。

以下のスクリーンショットをいくつかご覧ください...