web-dev-qa-db-ja.com

より詳細な構成を表示するにはどうすればよいですか?

ここでUXの専門家から意見を伺いたい。私たちのアプリは1つの画面にすべての重要な情報を表示するように設計されており、ユーザーは特定の設定をクリックして詳細な構成を取得/変更できます。

ユーザーが設定を開くと、すべての設定を確認することが多いため、タブで整理されます。

これらの詳細設定を表示する最良の方法は何でしょうか?

オプション1-開いたときに画面の残りの部分をオーバーレイする「タブパネル」。このオプションで私が苦労しているのは、設定パネルを閉じてメイン画面に戻る最良の方法は何ですか?パネルの外側をクリックするとおそらく閉じるはずですが、明示的な[閉じる]または[X]ボタンまたはリンクも追加する必要がありますか?

オプション2-内部にタブパネルがある「クラシック」ポップアップダイアログ。

両方のオプションの画像を添付しています。 enter image description here

1
Mark

あなたのポイントを考慮して-

ユーザーが設定を開くと、すべての設定を確認することが多いため、タブで整理されます。

下部の[次へ]ボタンは一貫したナビゲーションポイントとして機能するため、オプション1の方が優れています。また、ユーザーが次と前を確認できるようにすべての設定が表示されます。

含めるいくつかのこと:

  • 各タブの保存ボタン/アイコン
  • 2番目のタブから「前へ」ボタンを導入し、最後のタブで「次へ」ボタンを非表示にする
  • 「エンジンと結果」のタイトルがこれらの設定に関連していない場合は、ユーザーの混乱を招く可能性があるため、タブのコンテンツ領域と重ねてください
2
DPS