web-dev-qa-db-ja.com

ネストされた入力のグループのUIを改善するにはどうすればよいですか?

ユーザーがWebサイトの階層内の場所に製品を割り当てています。

複数のWebサイトの複数の階層に複数の場所がある可能性があります。

ユーザージャーニー:

  • ウェブサイトを選択
  • ウェブサイト内の階層を選択
  • 階層内の場所を選択

各要素は削除できる必要があります。

ユーザーエクスペリエンスの向上に役立つ提案はありますか?

どんなフィードバックでも大歓迎です!

Fig(a)

4
OzzyWadd

ここにあなたが試すことができる何かの簡単なスケッチがあります: enter image description here

複数のWebサイトと階層を追加して、場所フィールドをWebサイトと階層のその組み合わせに固有にすることができます。各フィールドを個別に閉じることもできます。ユーザーが複数の組み合わせを切り替えられるようにすることが重要だと思います。これは、このアーキテクチャでも簡単に実行できます。

幸運を!

1
ypag

新しい子エントリを追加する方法として、親ドロップダウンを使用することをお勧めします。次に、子要素ごとに削除ボタンを用意します(使用方法など)。子要素のすべての境界線と「別の***を追加」ボタンを削除します。いくつかの基本的なアニメーションを子エントリに表示するときに追加します。

これが取得しようとしているデータの実例はありますか?

これがお役に立てば幸いです。

0
Alan