問題描述
對於來自兩個不同集合的項目的一對一分配,UI/UX 模式及其優缺點是什麼? (What are UI/UX patterns and their pros/cons for 1‑to‑1 assignments of items from two different sets?)
想想兩組不同的“二分”項目:車輛和司機。用戶必須在這些項目之間進行一對一的分配,如下所示:
- 每輛車可以分配給 0 或 1 個司機。
- 可以為每個司機分配到 0 或 1 輛車。
什麼是合適的 UI/UX 模式?
我已經考慮過提供三個“拖放”列表:(1)未分配的車輛,(2)未分配的駕駛員,以及(3)車輛和駕駛員的一對一分配。但我不確定創建新任務、翻轉兩個任務的車輛/駕駛員、管理大量項目等的“最舒適”的工作流程/操作,以及盡可能少的點擊/操作。
參考解法
方法 1:
Important Gotchas
When you're managing multi‑list selection you need to be very specific about context ‑ is this going to be on a narrow screen such as a phone or portrait tablet? Narrow screens are often poor for side‑by‑side lists.
This sounds like quite an industrial application ‑ is it done in a setting where people are standing or walking and may be jostled? Drag‑n‑drop can lose things half‑way.
One idiom is a copy‑paste variant where tapping an item in one list selects it and you either can tap another item, or some other cancel zone or tapping in the second list pastes the connection.
If the lists are long, offer an option to show only the free items so you can focus on those left to be assigned. That can be a simple toggle, maybe three‑way between All/Free/Set.