web-dev-qa-db-ja.com

UIメタファーまたは構成プリセット選択の例

一連の構成オプションから選択するための優れたUIメタファーは何ですか?

私が設計しているツールには、特定のアプリケーションとニーズに応じて設定できる200(!)近くの入力があります。アプリは、200個の入力パラメーターを持つ単一の関数と考えることができます。

一般的な設定のセットは最大10個あることがわかっているため、ユーザーはニーズに基づいて事前構成された設定の1つをすばやく選択する方法をユーザーに提供したいと考えています。もちろん、必要な調整を行うこともできます。

私が考えることができる最も近いアナロジーまたはメタファーは、ステレオレシーバーのpreseq EQ設定のようなものです。プリセット(クラシック、ロック、ポップなど)の1つを選択すると、個々のバーを好きなように微調整することができます。

  • このようなことをするソフトウェアツールはありますか?
  • ユーザーがプリセットを変更したときにどの設定が変更/更新されるかについて、ユーザーにどのようにアイデアを与えることができますか?
6

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

アイテムの変化に応じて、アイテムの右端に短い「ハイライト」アニメーションを表示すると、ユーザーは、左側のプリセットが右側の複雑なオプションをどのように操作しているかをすばやく簡単に確認できます。

新しいプリセットがチェックされると、選択が解除された設定が「オフ」になり、赤くなり、一時停止してから、リストの元の場所に戻ります。赤が消える。新しくチェックされた設定は緑色に変わり、リストの上部に表示されます。赤色の項目が残った後です。緑が消える。変更されていないアイテムは変更されません。

明らかに私の名前はプレースホルダーです。これは、実際の説明的なプリセット名と実際の設定で、もっと理にかなっています。

3
Fresheyeball

興味深い問題。

プリセットメニューを画面上部に水平に配置できます。プリセットがたくさんある場合は、ドロップダウンもオプションですが、毎回ドロップダウンを開いてアイテムを見つける必要があるため、プリセットを比較すると非常に煩わしくなります。

200のアイテムをカテゴリに分けます。同じアプリ内に非常に多くのアイテムがあるので、何らかの意味のある分類が可能でなければならないに違いない。これらをカテゴリ別にグループ化して表示します。これにより、この量の情報をより簡単に要約できます。 20の10グループは、200アイテムよりもはるかに扱いやすいです。他のすべてが失敗した場合は、「無意味な」アルファベット順のグループ化であっても、グループ化しないよりは望ましいです。

プリセットからプリセットに切り替えると、どちらもアイテムの新しい値を表示し、変更されたアイテムを強調表示して、ユーザーが変更を簡単に見つけられるようにします。私は太字のフォントを使用してこれを行いましたが、使用する必要があるのは背景色またはおそらくより強いものです。さらに1マイル進みたい場合は、カテゴリタイトルにこの表示を提供することもできます。これにより、ユーザーはより綿密に検査する必要があるカテゴリをすばやく特定できます。

プリセットのリストを修正して、ユーザーが下のカテゴリーまでスクロールしても消えないようにします。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

1