用于选择多个记录的良好UI的示例

Question

我目前正在重新访问基于Windows的软件的一个区域,并考虑将关系从1-> M更改为M-> M. 因此,我需要调整UI以适应选择多个相关记录.

有很多方法可以处理这种常见的方法,但通常很笨重.示例包括所有项目的双窗格列表,所选项目列表,或所有记录的列表以及每个项目旁边的复选框.

在我的情况下,可能有很多(成千上万)可以关联的记录,所以我可能需要包含某种搜索机制.

我不是在寻找一个快速而快速的答案 - 我可以很容易地实现一些功能性的东西,我想看看这里是否有人提出(或看到)任何用于做这种事情的优秀用户界面,无论是它是基于网络的,Windows,Mac,Unix,等等.

图像或链接到他们将不胜感激!

编辑:这是我正在考虑的一个例子:

Answer 1

我喜欢StackOverflow将许多标签与许多问题联系起来的方式:

alt text http://img11.imageshack.us/img11/7062/imagen9n.png

_{项目显示为用户类型}

1. 您显然可以使用要将多个项目关联的记录开始.

2. 在您键入时,搜索会显示匹配项(无需按"搜索")

3. 用户选择所需的记录(排序会很好.所以使用"标签相关性".例如,键入'a'会带来Java而不是asp,因为Java比asp有更多的问题,在你的情况下,相关性可能是用户名)

4. 系统创建关系(在内存中)

5. 如果多个记录(5+)填充输入字段,它们将被移动到半登记区域(不是SO问题,因为它只有5个标记,只有一个问题,但在您的情况下,类似于"有趣的标记" "需要功能"

alt text http://img7.imageshack.us/img7/8753/imagen12p.png

_{关联的项目被移动到"刚性"区域}

当然是以有序的方式(使用表格)

• 最后,当用户以关联结束时,单击SAVE或CANCEL按钮.

这种方法通过不需要用户按下"搜索"或"添加其他"来分散他们正在做的事情而具有更高的效率,据说它打断了它的思路.

此外,如果你让用户抓住鼠标点击某些东西,他们在键入时效率较低(我认为有一种叫做希克定律的东西,但坦率地说我可能错了)

正如您所看到的,这种方法几乎已经是您的想法了,但添加了一些设施以使用户更快乐(如果用户喜欢这种方法并且想要在系统的其他部分使用它,则会有危险)