web-dev-qa-db-ja.com

コンテンツの量が大きく異なるウィザード画面の処理に関する推奨事項はありますか?

ウィザードのインポートシステムで問題が発生しています。ウィザードの各画面の内容は、300px x 300pxの大きさの空白を作成する方法によって異なります。利害関係者は、これは余白が多すぎると考えています。コンテンツの量が大きく異なるウィザード画面の処理に関する推奨事項はありますか?

5
Joel Garfield

かなり抽象的な質問なので、答えもかなり抽象的なものになります。どうしてもコンテンツを再編成して比較的等しい部分に分離することが不可能な場合は、次のことを実行できます(1つの方法または組み合わせて)。

  • 寸法、フォントサイズ、マージン、パディングをいじると、問題を緩和するのに役立ちます。レイアウトをよく見てください。上記のパラメータで遊んでみてください。 300px幅のギャップについて説明しました。 「小さな」画面に4つの入力(または同種のもの)があると想像してください。つまり、10pxのパディングを追加すると、40pxでの全長方形の高さが増加します。しかし、繰り返しますが、この値、主要な公理で遊ぶ必要があります-ウィザード画面は異なって見えてはならず、この公理は保持されるべきです。
  • コンテンツブロック全体の垂直方向の配置で再生します(コンテンツの中央に配置されない何らかの理由で、念のために説明しました)。
  • スクリーンウィザードのメタファー自体を再考するために、マスク、カモフラージュを試みてください。たとえば、スペースがなくなるまで、スクロールしたり、新しい画面に切り替えたりしないでください。前のセグメントが送信された後、キャンバスの使用可能なスペースに新しいコンテンツを追加するだけです。
  • いくつかの有益な/例示的なブロックでギャップを埋めるようにしてください。これは、この神くそいまいましいギャップをどうすればよいかわからないという事実からユーザーの注意をそらすでしょう;)
2
shabunc