什么是 UI/UX 模式及其 pros/cons 用于一对一分配来自两个不同集合的项目?
What are UI/UX patterns and their pros/cons for 1-to-1 assignments of items from two different sets?
想想两组不同的 "bipartite" 物品:车辆和 drivers。用户必须在这些项目之间进行一对一的分配,如下所示:
- 每辆车可以分配给0或1driver。
- 每个 driver 可以分配给 0 或 1 辆车。
什么是合适的 UI/UX 模式?
我已经考虑过提供三个 "drag-and-drop" 列表:(1) 未分配的车辆,(2) 未分配的 driver,以及 (3) 一对一分配的车辆和driver秒。但我不确定 "most comfortable" workflows/actions 用于创建新任务、翻转 vehicles/drivers 两个任务、管理大量项目等,而 clicks/actions可能的。或者可能有一个我根本不知道的 UI/UX 模式。
重要问题
当您管理多列表选择时,您需要非常具体地了解上下文 - 这是要在 phone 或纵向平板电脑之类的窄屏幕上吗?窄屏幕通常不适合并排列表。
这听起来很像一个工业应用程序——它是在人们站立或行走并且可能会被推挤的环境中完成的吗?拖放可能会中途丢失东西。
一个习语是一种复制粘贴变体,点击一个列表中的项目选择它,然后您可以点击另一个项目,或者其他一些取消区域 或点击第二个列表 粘贴 连接。
如果列表很长,请提供一个选项以仅显示 免费 项目,这样您就可以专注于那些待分配的项目。这可以是一个简单的切换,也许是 All/Free/Set.
之间的三向切换
想想两组不同的 "bipartite" 物品:车辆和 drivers。用户必须在这些项目之间进行一对一的分配,如下所示:
- 每辆车可以分配给0或1driver。
- 每个 driver 可以分配给 0 或 1 辆车。
什么是合适的 UI/UX 模式?
我已经考虑过提供三个 "drag-and-drop" 列表:(1) 未分配的车辆,(2) 未分配的 driver,以及 (3) 一对一分配的车辆和driver秒。但我不确定 "most comfortable" workflows/actions 用于创建新任务、翻转 vehicles/drivers 两个任务、管理大量项目等,而 clicks/actions可能的。或者可能有一个我根本不知道的 UI/UX 模式。
重要问题
当您管理多列表选择时,您需要非常具体地了解上下文 - 这是要在 phone 或纵向平板电脑之类的窄屏幕上吗?窄屏幕通常不适合并排列表。
这听起来很像一个工业应用程序——它是在人们站立或行走并且可能会被推挤的环境中完成的吗?拖放可能会中途丢失东西。
一个习语是一种复制粘贴变体,点击一个列表中的项目选择它,然后您可以点击另一个项目,或者其他一些取消区域 或点击第二个列表 粘贴 连接。
如果列表很长,请提供一个选项以仅显示 免费 项目,这样您就可以专注于那些待分配的项目。这可以是一个简单的切换,也许是 All/Free/Set.
之间的三向切换