Что такое шаблоны UI / UX и их плюсы / минусы для однозначных назначений предметов из двух разных наборов?

Question

Подумайте о двух разных «двудольных» наборах предметов: автомобили и водители. Пользователь должен сделать назначения 1-к-1 между этими элементами так:

• Каждому транспортному средству может быть назначено 0 или 1 водитель.
• Каждому водителю может быть назначено 0 или 1 транспортное средство.

Что подойдет для этого UI / UX?

Я уже думал о предоставлении трех списков «перетаскивания»: (1) неназначенные транспортные средства, (2) неназначенные водители и (3) назначения транспортных средств и водителей 1-к-1. Но я не уверен в «наиболее удобных» рабочих процессах / действиях для создания новых заданий, переключения транспортных средств / водителей двух заданий, управления большим количеством предметов и т. Д. С минимально возможным количеством щелчков / действий. Или, может быть, есть шаблон UI / UX, о котором я вообще ничего не знаю.

Answer 1

Важные замечания

1. Когда вы управляете выбором из нескольких списков, вам нужно быть очень конкретным с контекстом - это будет на узком экране, таком как телефон или портретный планшет? Узкие экраны часто не подходят для параллельных списков.

2. Это звучит как вполне промышленное приложение - сделано ли оно в обстановке, где люди стоят или гуляют и могут толкаться? Drag-n-drop может потерять вещи на полпути.

Одна идиома - это вариант копирования-вставки, при котором нажатие на элемент в одном списке выбирает его, и вы можете либо коснуться другого элемента, либо другой зоны отмены , либо нажать во втором список паст соединение.

Если списки длинные, предложите опцию для отображения только свободных элементов, чтобы вы могли сосредоточиться на тех, которые остались назначенными. Это может быть простой тумблер, может быть трехсторонний между All / Free / Set.