web-dev-qa-db-ja.com

ユーザーは本当にレスポンシブなダウンバージョンのウェブサイトを望んでいますか?

私は最近この記事を読みました Google:モバイルユーザーの悪いユーザーエクスペリエンスがランキングの問題につながる可能性があります ここでは、レスポンシブ/モバイル向けに最適化されたWebサイトの例がデスクトップバージョンと並んで表示され、次の疑問が残ります:

人々は本当にデスクトップ版とはまったく異なるモバイル版のウェブサイトを望んでいるのでしょうか?

以下の例を参照してください。モバイルのメインページにはテキストコンテンツがほとんどなく、ウェブサイトよりもアプリのように見えますが、ユーザーは本当にそれを望んでいますか?私は通常、ウェブサイトのモバイルバージョンを無視します。携帯電話にモバイルバージョンをインストールするように求められた場合、拒否し、スマートフォンのますます大きな画面と画面解像度からデスクトップバージョンをズームしてピンチします。

私だけ?

私にとって、モバイル向けに最適化されたWebサイトは、メニューをアクセス可能にしたり、入力ボックスをアクセス可能にしたり、Webサイトの一部をクリック可能にしたりすることだけです。デスクトップバージョンとは異なるバージョン(および完全に異なるバージョン)を作成することではありません。

コンテンツを縦に積み重ねて、小さな画面に合わせるためにその順序を変更するのも少し不可解です。私には一貫性がなく、デスクトップとモバイルの使用は基本的に2つの異なるバージョンのWebサイトを使用しています。

ちなみに、ユーザーがブラウザーでブラウジングする代わりに、スマートフォンのページをクリックして使用するアプリを提案するという考えは、やはり奇妙に思えます。ブラウジングの代わりにアプリが必要な場合は、アプリストアに移動しますが、ブラウザーでうまくナビゲートできるのであれば、なぜ継続的に継続するのか( http://vanillaforums.org/discussions は良い例ですが誰かがこれの例を持っている場合、彼らは明らかにこれを変更しました)

mobile version of site

desktop version of website

5
user9948

レスポンシブWebサイトであるIMOは、コンテンツを隠したり、コンテンツを追加したりします。画面に収まるようにコンテンツを並べ替えるだけです。 Webページに位置情報機能がある場合、モバイルバージョンでのみ使用するのはなぜですか?ラップトップを使用している場合はどうなりますか? Webサイトを使用すると、何を使用していても同じように動作することが期待されます。

3
Geo1088

いいえ、ありません。

私の個人的な生活では、携帯電話で何かを検索し、結果(たとえば、フォーラムトピック)が表示された後、それをクリックすると、メインページのモバイルバージョンに移動するだけで、非常に煩わしくなります。

私のテスト経験では...はい。プログラム/サイトのフルバージョンに精通しているユーザーは、モバイルバージョンでの小さな削除でさえ、不釣り合いに見落とす傾向があります。人々が通常は特定の機能を使用していなくても、少なくともある程度はそれらを認識していて、たまに使用する場合は、モバイル版を取り除いたときにその欠如が感じられます。

IMOは、将来的に電話の使いやすさを追求するための正しい方法であり、誰も気に留めていないようですが、特定の電話のデザインではなく、ポートレートのデザインを採用することです。明確な理由から、デスクトップフォーカスのデザインはランドスケープですが、電話は縦向きに最適化されたものに最適です(もちろん、ランドスケープフォーカスのデザインにより、ほとんどの人は自分の電話のランドスケープモードでWebを使用します)。

優れたウェブサイトのデザインは、大きな横長のデスクトップモニターと小さな縦長の両方で機能するものですAndroid画面。これを行うために2つの完全に異なるバージョンのウェブサイトを用意する必要はありません。これはおそらくドロップダウンメニュー(中国の番号3をクリックしてフォルダーの種類を開く)の人気が高まっている理由の大部分。

ですから...最後の質問が見えない場合、電話の使いやすさに関する2つの重要なルールを頭から出します。

1:必要に応じて、簡単にフルバージョンに切り替えることができます。彼らがそれに苦労することができると感じたら、彼らに試してもらいましょう。 2:リンクの一貫性を保ちます。誰かをモバイルバージョンのページにリダイレクトしている場合でも、そのページに移動する必要があります。

1
the other one

レスポンシブデザインでは、さまざまな要素を画面に収まるようにレンダリングすることはそれほど重要ではありません。レスポンシブとは、プラットフォームでのユーザーの行動にコンテンツとデータを提供することです

人々は本当にデスクトップ版とはまったく異なるモバイル版のウェブサイトを望んでいるのでしょうか?

彼らは、そのプラットフォームでの行動を反映した体験を求めています。したがって、 https://www.hoteltonight.com/ を使用すると、モバイルが提供するサービスはhotel.comデスクトップWebサイトとは大きく異なります。開発者は、時間情報と位置情報を使用して「今すぐ近くのホテルの部屋を見せて」という非常に直接的な体験であり、競合他社のデスクトップバージョンとほとんど共通していません。「大量のフォームデータを入力すると、いたるところにあるたくさんのホテルの部屋を見せて」

しかし、それはどのようなサイトに依存します。新聞のWebサイトにはおそらく同じ情報のほとんどが含まれていますが、デバイスでは表示が異なります。

だからあなたの質問に答えて、「時々」

1
colmcq

レスポンシブ=コンテキストの変更

適切なレスポンシブデザイン(厳密なUXプロセスに耐えたもの)は、ユーザーの予想されるコンテキストに基づいてページコンテンツを操作します。デバイスの検出だけを行うことはできないため(多すぎます!)、指標としてビューポートに頼るので、その評価は困難です。しかし、その数から多くを知ることができます。

コンテンツ/機能を削除するか、追加するか、または単に異なる方法で配置/配置するかは、UXの結果によって決まります。多くの場合、小さな画面では必要ない(少なくとも永続的に表示されない)たくさんの追加機能がフルビューで見つかります。

実際には、正しく実行することが厳密ではないサイトがたくさんあります。彼らは気が狂って、役に立たない最低限に物事を取り除きます。ページのパフォーマンスナットだけがそれを望んでいます。

1
plainclothes