web-dev-qa-db-ja.com

デスクトップのレスポンシブデザイン

デスクトップ、タブレット、スマートフォン用のレスポンシブUIアプリケーションを作成しています。そして、それは見た目もうまく機能します。

サイトのほとんどは、Microsoftやnokia globalなどのレスポンシブデザインです。 "desktop"ブラウザーのサイズを変更すると変更されます。たとえば、幅を480ピクセルに変更できる場合、それに応じて幅が変わります。しかし、UXの観点から見ると、エンドユーザーがモバイル/タブレットユーザーのようにページのサイズを変更して表示することはありません。

ユーザーがデスクトップブラウザーでページを表示する場合、メディアクエリを無効にすることはできませんか。また、そうしないことの利点は何ですか?

7
Wasim Shaikh

しかし、UXの観点では、エンドユーザーがサイズ変更してモバイル/タブレットとして表示することはありません。

これをどう思いますか?ユーザーは常にブラウザウィンドウのサイズを変更します。

デスクトップブラウザーの場合、単にメディアクエリを無効にすることはできません。そうしないことの利点は何ですか?

それらを無効にすることの利点は何ですか?それは経験をより良くするはずです。レスポンシブデザインがデスクトップ上でレスポンシブになるのを妨げるという利点はないようです。

9
adrianh

私は以前、ほとんどのWindowsユーザーはブラウザーのサイズを変更しないと想定していました。それが最大化され、それがそれだということです。しかし、私が長年行ってきたいくつかの調査から、多くの人が多くの理由でそれを最大化していない(Windows 7/8スナップ、高解像度モニター、マウスを使用したタスクの変更が上位3)。また、私が観察した大学生の多くは、ブラウザウィンドウを縮小して研究に利用できるようにしています。ただし、側に寄せて、彼らは論文を書くためのものです。 Macの参加者でも同様の行動を観察し始めました。

つまり、簡単に言えば、人々はデスクトップブラウザのサイズを変更し、同じ情報を期待しています。このような傾向は、より多くのサイトが応答性を高め、デバイスやチャネル全体で同じコンテンツを提供するようになるにつれ、さらに高まると予測できます。デスクトップに最適化されたレイアウトをレスポンシブではなく静的にすることを無効にすると、小規模ながら成長する傾向に逆行します。人々は封鎖され、制限されることを好まない。デスクトップレイアウトをロックダウンすることは、モバイルユーザーにデスクトップサイトのみを表示することを強制するようなものです。このような経験は、レスポンシブWebデザインやその他の技術が普及している多くの理由の1つです。

そうは言っても、異なるチャネルに対して個別のコンテンツテンプレートが必要になる場合があります。ただし、これは常にケースバイケースであり、ユーザー調査によって正当化される必要があります。これらのケースはまれです。

7
JamesEggers

レスポンシブの利点は、ユーザーエージェントを見つける必要がないことです。また、ユーザーエージェントはあまり信頼できません。

また、ユーザーがブラウザウィンドウのサイズを変更しないのはなぜですか?

4
Igor-G

メディアクエリを無効にする必要はありません。代わりに変更してください!現在、メディアクエリにmin-widthおよびmax-widthを使用している可能性があります。これをmin-device-widthおよびmax-device-widthに変更して、デバイスに制限がある場合にのみメディアクエリをトリガーします。

私の主観的な意見は、デスクトップユーザーにあなたのウェブサイトのモバイルまたはタブレットバージョンを表示することは不健康だということです。多くの場合、これはインターフェースの再編成を引き起こします-ユーザーを混乱させるためにのみ役立ちます。これは、ウィンドウのサイズを変更したときにFinder.appが表示モードを切り替えた場合に相当します。新しいビューへの適応は問題ありませんが、モバイル向けのビューをデスクトップユーザーに提供することはできません。

2
Henrik