什么是 UI/UX 模式及其优缺点,用于对来自两个不同集的项目进行一对一分配



想想两组不同的"二分"项目:车辆和司机。用户必须在这些项目之间进行一对一分配,如下所示:

  • 每辆车可以分配给 0 或 1 名驾驶员。
  • 每个驾驶员可以分配到 0 或 1 辆车。

适合此的 UI/UX 模式是什么?

我已经考虑过提供三个"拖放"列表:(1) 未分配的车辆,(2) 未分配的驾驶员,以及 (3) 车辆和驾驶员的一对一分配。但我不确定"最舒适"的工作流程/操作,用于创建新任务、翻转两个任务的车辆/司机、管理大量项目等,只需尽可能少的点击/操作。或者也许有一个我根本不知道的UI/UX模式。

重要陷阱

  1. 当您管理多列表选择时,您需要非常具体地了解上下文 - 这会在手机或肖像平板电脑等狭窄屏幕上吗?对于并排列表来说,窄屏幕通常很差。

  2. 这听起来像是一个相当工业的应用 - 它是在人们站立或行走并且可能被推挤的环境中完成的吗?拖放可能会丢失一半的东西。

一种成语是复制粘贴变体,点击一个列表中的项目会选择它,您可以点击另一个项目,或者点击其他取消区域或点击第二个列表来粘贴连接。

如果列表很长,请提供一个选项以仅显示免费项目,以便您可以专注于剩余的待分配项目。这可以是一个简单的切换,可能是全部/免费/设置之间的三向切换。