レスポンシブウェブデザインとモバイル用の個別のウェブサイト
レスポンシブWebデザインは最近流行語です。つまり、同じWebサイトを作成し、すべてのデバイス用に最適化します。
デスクトップWebサイトをモバイルWebサイトに変換する Webサイトもあります
世界にはまだ2Gでインターネットを使用している多くのユーザーがいます。 3Gは、すべての電話およびすべての国/都市で利用できるわけではありません。したがって、速度は必要なコード、画像のみをユーザーのモバイルにロードするための重要な要素です。
別のモバイルWebサイトを作成する他の利点は何ですか？
ユーザーがモバイルで同じサイトにアクセスするときに、デスクトップWebサイトで利用可能なすべてのコンテンツ、画像、インタラクションを利用できる必要がありますか？
デスクトップとモバイルの2つのサイトを管理する必要があるため、コンテンツと画像が最適化された個別のモバイルサイトの1つの短所は保守性です。
単一のレスポンシブサイトと、異なるデバイスをターゲットとする複数のサイトのどちらを選択するかは、LukeWの「モバイル向けのデザインを最初にする」というマントラに従っているかどうかにかかっていると思います。
最初にモバイル向けに設計している場合は、レイアウト/フローを再構成してデスクトップでの使用にも対応するのはほとんど簡単です。他にも多くの利点があります。たとえば、モバイルにユーザーエクスペリエンスに集中するように強制するなど、機能セットをユーザーのコアニーズに絞り込みます。モバイルに焦点を合わせると、肥大化が少なく、はるかに単純なシステムになる傾向があります。これは、デスクトップユーザーにとっても大きなメリットです。
次に、デスクトップユーザー向けの「高度な」機能がまだ必要な場合は、「アドオン」の一連のサイト機能を使用できます。
方法論の最大の利点であるIMHOは、将来のすべてのメンテナンスです。これで、コードベースが1つになります。これは、開発チームにとって明らかな利点であり、エンドユーザーにとってもそれほど明白ではない利点です（主な利点は、使用しているデバイスに応じて機能が分割されないことです）。
正しく行われていない良い例はFlickrだと思います。彼らはかなり良いモバイルサイトを持っていますが、おそらく通常必要な機能の75％しかありません。そのため、通常は常に「デスクトップ」バージョンをクリックする必要があります。デスクトップバージョンの問題は、モバイル向けに最適化されていないことです。そのため、HOVERまたはFLASHに依存しているためにできないことがまだあります。ユーザーとしては非常にイライラします。
現在、デスクトップバージョンのモバイルバージョンを維持するプロジェクトに取り組んでいます。悲しいことに、私たちはこれを行う必要があります。なぜなら、デスクトップアプリは何年も前に分離して設計され、UIが貧弱であるため、モバイルデバイスでは機能しないだけです（数十のiFrame ...を考えてください）。
したがって、かなり優れたモバイルバージョンを構築している間、チームが同じシステムに対して2つの別々のコードベースを維持しなければならないことによって無駄に費やされる労力とお金を無駄にしないことは困難です。
私はそれがあなたが話している種類のサイトに本当に依存すると思います：ブログの場合、小さな会社のサイトや他の小さな単一目的のサイトは通常、十分に反応します。
より複雑なサイトの場合、通常、モバイルユーザーはWebサイトにアクセスするときにさまざまな目標とニーズを持っているため、レスポンシブはそれを削減しません。
Nielenのモバイルユーザビリティアップデート からのビットです："2番目のポイントはより概念的であり、一部の人々が受け入れるのは困難です：画面が小さい場合、機能の数を重要なものに制限する必要がありますモバイルユースケースに最も適しています。"
ゼロから設計しているサイトでは、モバイルファーストアプローチに従うことで多くのメリットが得られ、レスポンシブデザインアプローチに自然に適合します。
現在モバイルへの配信方法を検討しているサイトでは、単に「レスポンシブ」手法を適用するだけでは機能しないか、ビジネスで受け入れられない可能性があります。彼らはほぼ確実に数週間ではなく数週間にわたって、部門やコンテンツの要件について交渉し、商業的およびマーケティング上の理由で位置付けを行ってきました。現在、ページのレイアウトは画面サイズに応じて変化することを示唆しています。
多くの成功したモバイルサイトは、デスクトップエクスペリエンスへの追加として構築されています。これらが個別のサイトとして配信されるか、リダイレクトを適用するか、ページ配信の前にモバイル向けに最適化されたテンプレートを選択する何らかの形式のデバイス検出によって管理されるかは、実際の決定が行われる場所です。
遡及的にレスポンシブテクニックを適用することはできますが、非常に健全なhtml構造に依存しています。残念ながら、ほとんどのサイトでは、当初の整合性が時間の経過とともに失われています。
レスポンシブテクニックは、将来の友好的なサイトを構築するために必要なプラクティスです。残念ながら、モバイルエクスペリエンスを正しく提供するには、モバイルルックの簡単な例やブログの投稿には実際には触れられていないものだけが含まれます。
Mobstacで指定した例は、RSSフィードをモバイル用に転用するサービスのようです。興味深いことに、モバイル最適化会社にとって、サイトは応答していません。
レスポンシブデザインは流行語ではありません。レスポンシブデザインとは、デバイスや解像度に適したウェブサイトを提供することを意味します。大きな画像をモバイルデバイスに配信する（ダウンロード速度が遅い）のは、応答性の悪い設計にすぎません。アプリケーションは、使用する画面解像度に基づいて適切な画像サイズを提供できるほどスマートでなければなりません。
別のサイトを構築しますか？ほぼ同じ2つの別個のサイトを維持しますか？モバイルユーザーが必要とする機能がデスクトップバージョンでのみ利用可能である場合、ユーザーを苛立たせることになります。
レスポンシブデザインは、実際に唯一の適切な長期的なソリューションです。それ以外のものは単に「迅速な修正」になり、将来維持しなければならない不整合やバグが発生します。
最初の7つの引数 に同意するので、レスポンシブWebデザインを選択するプロセスについて話して、あなたの質問に間接的に答えます。
次の質問に「はい」と答えた場合は、レスポンシブデザインを使用することをお勧めします。
- モバイルページとデスクトップページのサイズは同じです
- 両方のサイトで同じアーキテクチャを使用している
- ユーザーは携帯電話からモバイルバージョンからデスクトップバージョンに移行する必要はありません。
- 追加のモバイルCSSは管理不可能ではありません
- サイトに多数の画像が含まれていません。
- 追加のJavaScriptを大量に記述する必要はありません
だから基本的には、隠しコンテンツや大きな画像をたくさん入れたり、余分なCSSやJavaScriptをたくさん書いたりしないように気をつけています。別のサイトに行く方がはるかに簡単な場合があります。
レスポンシブWebデザインの良い候補は、ブログや小さなサイトです。大規模なeコマースサイトでこのアプローチを試すのは賢明ではありません。
別のモバイルWebサイトを作成する他の利点は何ですか？ ->長所はありません。モバイル画面のサイズはとにかく断片化されているため、別のWebサイトを作成した場合でも、応答性が必要になります。
テーマに関するグーグルからのいくつかの見解、その傾斜は彼らの検索エンジンにあります-おそらくエンドユーザーの利益よりも多くのSEO：
http://www.seroundtable.com/google-mobile-seo-official-15264.html
これは非常に短い答えです。レスポンシブデザインのメリットは、個別のWebサイトとモバイルサイトを持つメリットを上回ります。拡大します。
別のモバイルサイトを持つことの唯一の真の利点は、モバイル環境の制限に対してユーザーエクスペリエンスと資産をより簡単に最適化できることです。ただし、モバイル技術の現状を考えると、これらのメリットはレスポンシブデザインで実現できると思います。
レスポンシブデザインの利点には、明らかなものがあります。単一のコードベースで動作し、最先端のエッジで作業することの勇敢さです。あまり具体的ではありませんが、それでも圧倒的にポジティブなものの1つは、レスポンシブデザインから得られるメリットは、より優れたコードであると思います。あなたは自分のデザインを考え、よく組織化されたモジュール方式でコードを作成しなければなりません。これは長い間配当をもたらします。また、レスポンシブデザイン用のツールキットも改善されているため、2つのサイトがある場合と同じくらい簡単にアセットや機能をターゲットにできます。
レスポンシブデザインにより、長期的なメリットが得られると思います。
追伸-流行語「Progressive Enhancement」もチェックしてください。この議論に適用されます。
私は、ビジュアルデザインや画面サイズやタッチインターフェースなどの技術的な違いだけでなく、別のモバイルWebサイトを持つ場合について議論します。
注意すべき最も重要なことは、モバイルサイトを使用するユーザーの目的は、デスクトップサイトを使用する場合とは大きく異なる可能性があるということです。
たとえば、ピザ屋のサイトを運営しているとしましょう。モバイルユーザーが必要とする最も重要な情報は、おそらく次のとおりです。
- あなたの住所、連絡先の詳細、営業時間
- メニュー
- おそらく、予約や注文を行うためのシンプルなフォーム
これとは対照的に、ユーザーがより探索したいデスクトップエクスペリエンスと比較してください。たとえば、ピザの製造プロセスや、食材の調達先やそれらのサイトへのリンクに興味があるかもしれません。彼らはあなたのレストランの歴史やその他の「興味深い」情報に興味を持っているかもしれません。
要するに、私の意見では、外出中のユーザーや完全なデスクトップエクスペリエンスを必要としないユーザーに役立つ機能を組み込んだ別のモバイルサイトを常に用意するほうが良いということです。