レスポンシブ Web デザインが価値のない 5 つの理由

この記事は Tom Ewer の Managewp ブログからのもので、現在人気のレスポンシブデザインに関する彼のさまざまな見解を述べています。
モバイルデザインへの移行は、PC 革命よりも大きな革命です - アドビ CTO、ケビンリンチ
2014 年までに、インターネットにアクセスするために PC ではなくモバイルデバイスを使用する人が増えるため、アクセスしやすいモバイル端末を作成することは、Web 開発者にとって最も重要な課題の 1 つになります。そのため、レスポンシブデザインが生まれましたが、私の個人的な観点からすると、追求する価値はありません。なぜでしょうか?
レスポンシブデザインは、すべての人に当てはまるアプローチではありません。私自身、以前はレスポンシブデザインのファンでしたが、多くの Web アプリケーションがモバイル画面で適切に表示されないことに気付きました。Google マップはその良い例です。画像の多いWebサイトもレスポンシブデザインに適していますが、テキストベースのWebページやブログには適していません。そのようなWebサイトにレスポンシブデザインを実装するのは時間の無駄だとさえ思っています。
レスポンシブ Web デザインが価値のない 5 つの理由 123WORDPRESS.COM

レスポンシブ Web デザインが価値のない 5 つの理由 123WORDPRESS.COM

1. 「レスポンシブデザイン」はユーザーの期待に応えませんユーザビリティ 101 の最初のルールは、「ユーザーの期待に応える」ことです。ブログを例にとると、広く受け入れられているデザインアプローチは、上から下へ、それぞれのサイドにコンテンツと画像を配置し、サイドバーを提供するというものです。これはユーザーの期待に応えるため、何百万ものブログで使用されてきました。

しかし、レスポンシブに設計されたモバイル Web サイトにアクセスすると、サイドバーは通常は消えるか、予想どおりの位置ではない一番上または一番下に移動します。 Cats Who Code を例にとると、次のデスクトップ表示には、上部のナビゲーション、サイドバー (最近の投稿を含む)、小さな広告バー、検索ボックスが表示されます。 iPhone インターフェースは次のとおりです。

ナビゲーションとサイドバーが消えているのがわかります。さらに下にドラッグしていくと、ようやくサイドバーが見つかりました。これは単なる例外的なケースだと思うかもしれませんが、実はこれは典型的なレスポンシブデザインです。私たちが見たいのは、デスクトップ要素を犠牲にすることなくモバイルインターフェイスを表示することですが、明らかにそうではありません。
2. コストが高く、時間もかかります。一般的に、レスポンシブデザインは非レスポンシブデザインよりもコストがかかります。レスポンシブデザインは追加のモバイルレイアウトを構築するよりも安価であると主張する人がいたら、私も同意しますが、レスポンシブデザインよりも安価なものは何だと思いますか? 何もありません!
また、どれくらいの時間がかかったか、レスポンシブデザインからどのような投資収益が得られたか、何を得たかについても考えてみましょう。
3. レスポンシブでないデザインのパフォーマンスは悪くありません。Mac での私のブログの表示効果を見てみましょう。

iPhoneで見る:

iPhone の 4 インチ画面で読みやすくなっています。文字が小さすぎる場合は、ダブルクリックして拡大してください。読み終わったら、文字を小さく戻すのは難しくありません。面白いことに、今日のモバイルインターフェースは非応答性になるように設計されており、ほとんどの携帯電話はそれで問題なく動作します。本当に驚きを見つけたいなら、これらの Web サイトのデスクトップバージョンを見てください。デザインも貧弱です。

4. 読み込み時間に良くない。モバイルデバイスはインターネットのサブブロードバンド接続速度に基づいて動作することがわかっているため、読み込み時間を短縮するには、Web ページの負荷を最小限に抑える必要があります。多くのレスポンシブデザインでは、読み込み時間を実際に短縮することはできません。多くのデザイナーがこれらの要素を単に非表示にしているため、読み込み時間の最適化にメリットがないからです。レスポンシブでないデザインでは、「遅延読み込み」を選択できます。これは、最も負荷の高い要素を最初に読み込み、次に他の要素を読み込む手法です。
5. レスポンシブデザインは実際には妥協です。レスポンシブデザインはデザイナーによる主観的な決定であると言えます。デザイナーは、デスクトップディスプレイインターフェイスがモバイルインターフェイスには適していないと考え、それに応じた変更を加える必要があると感じています。ユーザーがさらに不快なインターフェースを見ると、なぜこのような異なる、あまり良くない表示方法を使用しなければならないのかと疑問に思うでしょう。これは、ユーザビリティ 101 の 2 番目のルール、「ユーザーに状況を制御できないと感じさせないこと」に違反しています。
つまり、これは単なる妥協であり、デザイナーが主観的に決めたことであり、レスポンシブデザインに時間と費用がかかる場合は特に、ユーザーはそれほど不快感を感じないということです。
最後に、私がこの記事を書いた理由は 2 つあります。レスポンシブデザインは多くの場合不要だと思うことと、インターネット上でレスポンシブデザインに関する議論が明らかに不足していることです。レスポンシブデザインの理論自体を否定するわけではありませんが、実際には多くの場合、レスポンシブデザインは実際には必要ないと見ています。他の人がそれを推奨すると、多くの人はそれが当然だと考えることに慣れていますが、開発者の視点から見て、これが本当に必要なことなのか自問したほうがよいでしょう。
PS: レスポンシブデザインとは何ですか? ページのデザインと開発は、ユーザーの行動とデバイス環境 (システムプラットフォーム、画面サイズ、画面の向きなど) に基づいて応答し、それに応じて調整する必要があります。具体的な実践には、柔軟なグリッドとレイアウト、画像、CSS メディアクエリの使用など、さまざまな側面が含まれます。ユーザーがラップトップまたは iPad のどちらを使用しているかに関係なく、ページはさまざまなデバイスに適応するために、解像度、画像サイズ、および関連するスクリプト機能を自動的に切り替えることができる必要があります。
managewp経由

<<: CSS が複数のクラスに一致する方法のサンプルコード

>>: MySQL 外部キー (FOREIGN KEY) の使用例の詳細な説明