質問: 大画面の不動産の設計の課題をどのように克服しますか? この質問はもう少し主観的ですが、私はいくつかの新しい視点を得ることを望んでいます。私は特定の画面サイズ(通常は1024x768)の設計に慣れているので、そのサイズは問題にはなりません。サイズを1280x1024に拡大しても、かなりの違いを生み出すのに十分な画面領域は購入できませんが、少し余裕ができます。基本的には、「グリッドサイズ」を拡張するだけで、わずかに小さい画面でも同じ基本設計が機能します。ただし、最後の2つのプロジェクトでは、私のクライアントはすべて1080p(1920x1080)画面を使用しており、可能な限り多くの不動産を使用するソリューションを求めていました。幅1920ピクセルの幅は、私が慣れている幅の2倍弱です。ワイドスクリーンを使用すると、昔の設計の一部がうまく機能しなくなります。私が遭遇している問題は、非常に多くのスペースが提示されると、いくつかの大きな問題に直面することです。 いくつの列を使用する必要がありますか?ワイドフォーマットは、2:1:1の分割(つまり、コンテンツ列が他の2つよりも大きい)の3列の分割に適しています。ただし、3つの列を使用する場合、その追加の列はどうすればよいですか? 画面の領域を効率的に使用するにはどうすればよいですか?すべてを一度に画面に表示したいという誘惑はありますが、情報が多すぎると、実際にはアプリケーションが使いにくくなります。空白は、複雑な情報を理解するために重要ですが、多すぎると、関連する概念の分離が強すぎます。 私は通常、複雑なデータを持つwebアプリケーションを使用しています。生データを理解するには、視覚化とプレゼンテーションが重要です。ユーザーも大画面(少なくとも24インチ)を使用している場合、一部の情報が視界から外れているため、ポインターを遠くに移動する必要があります。 ブログのような単純なサイトは、幅が制限されていると実際にパフォーマンスが向上し、その結果、多くの無駄な不動産が発生します。テキストボックスとテキストプレビューを並べて表示することは、そのタイプの画面の管理者側にとって大きなメリットになるのでしょうか。 (1:1 2列分割)。 あなたの答えのために、私はデザインのほとんどすべてが「依存する」ことを知っています。私が探しているのは: 使用する一般原則 デザインへのアプローチの変化 この異なる形式での作業方法を自分自身に再訓練する必要があることに気づきました。私がこれまで取り組んできた解像度のすべてのバンプは、約25%です。640〜800(25%増加)、800〜1024(28%増加)、1024〜1280(25%増加)。ただし、1280から1920へのジャンプは、スペースの50%の増加に相当します。640から1024へのジャンプに相当します。レッスンを徐々に学習するために一般的に使用される中間サイズはありませんでした。質問に少し集中するのを助けるために、私は問題管理システムであるatlassian jiraにいくらか似たプロジェクトを持っていました。クライアントが保持したいレコードには約6種類あり、それらはすべて互いに関連している可能性があります。データ収集は重要な問題ではありませんが、中心的な問題ではありませんでした。問題のより重要な側面は、レコード間の潜在的な関係を示唆し、アナリストが報告されたインシデントのパターンを認識できるようにするシステムを作成することでした。さまざまな問題領域に焦点を当てたさまざまなタイプのアナリストがいて、彼らの探索的なタイプの仕事の性質上、彼らは自分たちが何を望んでいるかを知りませんでした。彼らは、多くのデータを理解し、相関関係を描き、問題のクラスを特徴付ける必要があることを知っていました。(もともとここで尋ねられました: https://softwareengineering.stackexchange.com/questions/45864/how-do-you-conquer-the-challenge-of-designing-for-large-screen-real-estate =、しかしこれはより適切かもしれないと言われました)賞金のために:少し心を伸ばしてください。 「すべてを大きくする」というパットの答えは、答えの有用性に限界があります。多くのデータを理解し、レコード間の関係を見つける必要のあるユーザーについて話しています。すべてのサイズを単純に大きくすると、特に垂直方向が非常に制約されているため、画面上での表示が非常に制限されます。
回答: 最も重要なことは、複数の詳細レベルのビューを一度に許可し、ビュー間の関係を説明することです。画面領域が実際に機能するのは、何かをクリックするのではなく、画面の別の部分を見るだけで、あるレベルから別のレベルに切り替えられるときです。したがって、最初に行うべきことは、1つの画面に複数のレベルを取得し、パーツの関連付けと分離の両方に画面領域を使用することです(そして、それらを過度に込み合ったり圧倒したりしないでください)。リストのアイテムをハイライト表示し、画像にボックスを描画することで、関係を表示して、詳細を確認できます。列の数は、その時点で画面にどのビューを表示するかによります。より視覚的な設定(画像編集、マップビュー)では、サムネイルビューやツールの詳細(フォトショップを考える)などの窮屈さを減らすために、それを1つのメインエリアとして、他の列を通常よりも少し広くすることを想像できました。課題追跡システムでは、3列のレイアウトの「詳細」セクションをさらに(垂直または水平に)分割して、顧客の詳細、返信、または関連する問題などを含めることを想像できます。また、考慮すべきことは、スペースが広いことです。これは「大きくする」のプロモーションですが、実際に活用できるものです。幅の広い画面では、(たとえば)他の詳細を邪魔にならないように認識可能なサムネイルを表示したり、より多くの情報を並べて表示したりできます。 (小さな画面では、メールアプリの列リストに必要なものを収めることができなかったため、件名の半分だけ、または名前の最初の部分しか表示されませんでした。)また、画面サイズが大きいほど、グラフやイラストを多く使用できます。クリックして情報にアクセスする必要があり、人々は写真よりもデータを好みます(私の経験です)。しかし、両方を持っている場合...もう1つの提案は、データの視覚化とダッシュボードの設計に関するトピックを調べることです。