web-dev-qa-db-ja.com

Google検索結果ページが応答しないのはなぜですか？

私はすべてのWeb開発者/デザイナーとして、レスポンシブWebデザインが重要である理由に関する多くの記事を読みました。また、成功している大企業のUI（およびオプションでコード自体）を観察することで、多くのことを学ぶことができるとよく言われます。

今日、私は画面の左側にあるGoogleの検索結果ページを閲覧したかったのですが、ページが応答しないことに気づきました。

Googleが結果ページにレスポンシブデザインアプローチを採用しないことにしたのはなぜですか？

私は答えを見たいと思っています、そしてこの質問が閉じられないことを望みます。

responsive-designcssgoogleresponsive
14
Vince Varga

最もハイエンドなWebサイトを除いて、レスポンシブデザインがベストプラクティスです。

レスポンシブなモバイルファーストのデザインにより、ほとんどのWebサイトまたはアプリケーションで「費用対効果」が最大になります。効果的にウェブプロパティを一度設計すれば、どこでも良い体験を得ることができます。

しかし、レスポンシブデザインには欠点があり、おそらく、小規模、中規模、そしておそらく大規模な（ただし超大規模ではない）Webプロパティに対して最適に機能する妥協ソリューションです。

ビッグボーイにはさまざまな問題があります

あなたがGoogleの場合、状況は少し異なります。特定の1台のデバイスのエクスペリエンスを改善するための1か月にわたるプロジェクトは、デバイスが取得するボリュームの種類を扱う場合、かなり合理的に思えるかもしれません。

お金に問題がなく、組織が必要なだけの優秀な人材を引き付けることができる場合は、特定のデバイスのユーザーにとってWebエクスペリエンスがどのように向上するかを検討し始めることができます。

「ネイティブ」ウェブアプリ

ほとんどのWebプロフェッショナルが「ネイティブソリューション」と聞いたとき、特定のプラットフォーム（iPhoneやAndroidなど）用に設計されたダウンロード可能なアプリを思い浮かべます。 Googleにはダウンロード可能な ネイティブ検索アプリ がありますが、これだけでなく、「ネイティブWebアプリ」、つまり特定のプラットフォームに合わせたWebサイトエクスペリエンスも作成します。

これらの特定目的のWebエクスペリエンスは、レスポンシブ/アダプティブサイトが必要とするよりも少ないマークアップをブラウザーに送信するため、応答時間を数ミリ秒短縮できます。

それらのために、いくつかの最適化は時期尚早の最適化

理想的には、ウェブプロパティが、エクスペリエンスを遅くするだけの無駄なコードをユーザーのデバイスに送信しないようにします。しかし、それがレスポンシブサイトの仕組みです。ページには、ユーザーが使用していないさまざまな画面サイズのマークアップがあります。 CSSには、さまざまな画面サイズのルールも含まれています。とにかくモバイルデバイスで表示されない画像はダウンロードされます。

Googleや他のトップサイトは、さまざまなデバイスの検出に具体的に対応し、必要なコードだけで対応することにより、これらの非効率性を最適化します。

これは安くはありません。彼らは、サイトの異なるバージョンをそれぞれ設計、構築、維持する必要があります。新しいデバイスの継続的なリリースは、作業を複雑にします。さまざまなデバイスの検出でさえ、細心の注意が必要です。応答性/適応性の高い方法で構築するだけで、それほど難しくありません。

Googleはブラウザ検出を使用しています。あなたはおそらくすべきではない

Google.comが別の画面サイズに適応することを確認するには、ブラウザツールにアクセスして別のデバイスを偽装する必要があります（これにより、ブラウザは別のユーザーエージェントをWebサーバーに送信します）。あなたのウェブサイトは同じように機能するかもしれませんが、おそらくあなたはそれを望まないでしょう。

さまざまなデバイス用にコードをカスタマイズするためのブラウザー検出は、最近では 非推奨manyexperts によるものです。 （XYZタブレットや携帯電話を使用している人がWebフォームに記入できないため、週末に邪魔されたくありません。あなたや開発者はどうですか？）

Googleは、この種のことのために24時間年中無休で働く人々のチームのシフトを持っています。妥協する必要はありません。

10
Tim Grant

TL; DR：別のデザインを使用すると、たとえより便利であっても、ユーザーがGoogleブランドに慣れなくなる可能性があります。

非常に興味深い質問です。

デザインがより便利である場合でも、ユーザーの期待は、デザインをオリジナルにできるだけ忠実に維持するためのおそらく最も重要な理由です。 Google検索はブランドの主な製品です。

これは、デザインがユーザーに感じさせる必要があることを意味します。

  • 親しみやすさ
  • ブランド認識

デザインは親しみやすいので、ユーザーはサイトにあるとおりに満足しているかもしれません。 XMyths からこの引用を確認してください：

調査によると、Amazon.comは、ユーザビリティテストで、調査した20のWebサイトの中でホームページの読み込み速度が最も遅く、最も混乱しているホームページの1つであると認識していました。しかし、ユーザーはウェブサイトのテストの前後に、Amazonを使用したり、Amazonを友人に勧めたりする可能性が高いと述べました。

「Amazonはすでにユーザビリティテスターの71％がアクセスしていた」とフランク氏は指摘する。したがって、サイトへの親しみと強力なブランド認知は、あまり知られていないWebサイトの死のキスであった欠陥を克服することができた。 「」

-

これは元のデスクトップWebであるため、デスクトップWebに特に適用されます。他のデバイスのウェブについて：

携帯電話、タブレット、またはデスクトップデバイスからGoogle検索にアクセスすると、外観が異なります。サイトは、デバイスによって異なる方法でロードされます。おそらく、それらがどのようにバランスをとるかを正確にロードすることが、各デバイスにとって最良の方法です。デスクトップユーザーとタブレットユーザーや電話ユーザーでは、サイトの目的や使用方法が異なります。

お気づきかもしれませんが、レイアウトを再構築する方法では not sensitive です。デスクトップブラウザのサイズを変更した場合、レスポンシブデザインや流動的なデザインに期待するようには適応しません。おそらく彼らは、ユーザーの目標が情報を隠したり、何らかの方法で再適合させたりしないことが最善であることを知っているからでしょう。

各スタイル、高さ、色などは、それらの目標（ピクセル精度）に可能な限り適合するように高度にテストされています。

より便利なデザインは、ユーザーにGoogleブランドへの親しみを失わせる可能性があります。

-

また、GoogleはGoogleでランク付けする必要はありません:)

2
Alvaro