web-dev-qa-db-ja.com

デスクトップアプリケーションでのレスポンシブWebデザインテクニック?

デスクトップアプリケーションでレスポンシブWebデザインテクニックを使用することについてどう思いますか?大きなデータにはさらに多くのスペースが必要です。今日のすべてのモニターはワイドスクリーンであるため、良い方法だと思います。

これは、サイズ変更時にレイアウトを変更するウィンドウです。

enter image description here

6
diimdeep

問題を解決するためにレスポンシブデザインテクニックが導入されました:クロスプラットフォームアプリケーションをさまざまな(異なる制限の)デバイスでどのように正常に表示(および使用)できますか?

モニターのサイズ、縦横比、ピクセル密度は、ラップトップまたはデスクトップコンピューターで変化する可能性が低くなります。


アプリケーションが使用される可能性が高い特定のコンテキストについて考えることをお勧めします。

例えば。ターゲットユーザーの解像度が制限される可能性はありますか?多くのユーザーはワイドスクリーンモニターを使用する可能性がありますか?あなたのアプリケーションと同時に開いている/使用される可能性が高い他のプログラムはどれですか?

インターフェイスレイアウトの自動再構成が理にかなっているシナリオがある場合は、レスポンシブテクニックを使用してください。


一般的に考える;アプリケーションに画面のより広い領域が提供されている場合は、それを利用するのが賢明だと思いますが、ウィンドウのサイズが変更されるときにUIレイアウトの再配置を回避することを選択します。錯乱。

Webアプリケーションとネイティブアプリケーションの大きな違いの1つは、ネイティブアプリケーションがホストオペレーティングシステムのウィンドウシステムを利用できることです。

デスクトップ環境(Windows/OS X/Linux)では制限が少ないため、レスポンシブデザインで対処された元の問題はそれほど重要ではない可能性があります。

1
codeinthehole

コンセプトは良いですが、ユーザーを混乱させるようなサイトの変更に注意する必要があります。

たとえば、通常はウィンドウでアプリを使用しますが、最大化する場合、コントロールを完全に移動させるのは少し面倒です。ただし、それには十分な理由があるので、長所と短所を比較検討する必要があります。

私は LessFramework が好きです。これには、レスポンシブデザインが大きなフォーマットから非常に大きなフォーマットへの変更を処理する方法の良い例がいくつかあります。あなたはそれが役に立つかもしれません。

1
JohnGB

JohnGBによって指摘されているように、ボタンを移動することは別として、おそらくWebアプリでは素晴らしいアイデアではありません。含めるワイヤーフレームは、同様の「量」のコンテンツを入力できることを示唆しているようです。

あなたも言う

今日のすべてのモニターはワイドスクリーンなので

これは完全に当​​てはまるわけではなく、RWDでは小さい画面も使用できるため、このアプローチを追求する場合は、計画時にこれを考慮する価値があります。

1
Adam Fellowes

レスポンシブWebデザイン(RWD)は主に、現在のデスクトップアプリケーションでは問題とは思われない画面サイズ、アスペクト比、およびその他の表示特性のバリエーションに対処します。

ほとんどのデスクトップアプリケーションは、個別にサイズ変更または非表示にできるモジュールで構成され、ディスプレイのサイズは、主に同時に表示できるモジュールの量に影響します。各モジュールのコントロールの配置には影響しません。

再配置を制御

あらゆる種類の自動ビューコンポーネントまたはモジュールコントロールの再配置は、特定の目的のための犠牲であり、必要になるまで行わないでください。一般に、モジュール内の再配置はデスクトップアプリケーションからはあまり期待されないため、絶対に必要になるまで実行する必要があります

質問の例で提案されている変更は、大規模なデータをレンダリングするためのさらに多くのスペースを提供できる全画面モードに代わる優れた方法とは思えません。

概要

以上をまとめると、RWDアプローチはデスクトップアプリケーションで使用できますが、非常に注意深く使用できます。ほとんどの場合、解決すべきさまざまな問題があり、RWDによってもたらされる動作は、一般にデスクトップアプリケーションでは予期されていません。

ここで、アプリケーションがWebビューのみで構成されている場合、そのような場合にRWDをより適切なものにするWebアプリケーションとして認識できることに注意してください。

0
Pavel