User interface 用于与大量数据关联的优雅UI
我有一个电子商务网站,在那里有必要建立一些关联,例如产品需要一个类别、制造商、相关产品等 当数据量非常小且数量有限时,例如制造商I简单地使用下拉列表或选项框供用户选择相关字段 但是,对于诸如关联产品之类的项目,如果我有数千种或更多的产品,那么使用其中一种方法是不可行的。目前,我使用一个可搜索/分页表,用户点击一个按钮来添加关联,这是有效的,但是它对用户来说是非常耗时的,而不是我认为是问题的理想解决方案。 是否有人实现了此问题的解决方案,或者他们是否可以提供任何建议,说明如何从UI的角度解决此问题User interface 用于与大量数据关联的优雅UI,user-interface,user-experience,User Interface,User Experience,我有一个电子商务网站,在那里有必要建立一些关联,例如产品需要一个类别、制造商、相关产品等 当数据量非常小且数量有限时,例如制造商I简单地使用下拉列表或选项框供用户选择相关字段 但是,对于诸如关联产品之类的项目,如果我有数千种或更多的产品,那么使用其中一种方法是不可行的。目前,我使用一个可搜索/分页表,用户点击一个按钮来添加关联,这是有效的,但是它对用户来说是非常耗时的,而不是我认为是问题的理想解决方案。 是否有人实现了此问题的解决方案,或者他们是否可以提供任何建议,说明如何从UI的角度解决此问题
感谢您的帮助我能想到的解决方案有:
自动完成 使用自动完成字段将加快用户的过程,因为他们不必在表中查找关联。相反,他们可以开始输入,并在字段下方显示一个建议框,允许他们选择要查找的内容 如果您在几个关键字段(即制造商和产品名称)上匹配auto complete,则用户很有可能快速找到关联 您还可以对建议框进行编码,使其显示多条关键数据。这样,如果用户不太确定他们在寻找什么,在字段中键入几个字符可以让他们知道可以搜索什么
最近的关联 在“自动完成”字段下方,可以添加最近创建的5到10个关联。这将允许您的用户快速将许多产品添加到同一关联中,而无需每次都使用自动完成
智能关联 与上述两种机制不同,智能关联是我在商店主题化时第一次看到的东西。它们允许您通过定义包含或排除产品的条件,根据产品关键字段自动创建关联:
Create Association 'Pants'
Where product title contains string 'pants' or
Where product title contains string 'capri'
以上内容由一组下拉列表和文本字段控制,避免了手动创建关联的痛苦。非常好,建议。感谢您花时间回复。我想其他人会发现很难击败这个回答!