电子商务网站上的列表非常常见的用户体验困境

善微科技 2019 09月22日 发布

我最近在Twitter上阅读了一项关于如何显示使用数量过滤器更改过的分页项目的调查(例如,每页查看20、30、40个项目等),通过选择更高或更低的数量,它会改变根本上是列表的初始用户体验。发生这种情况时,您已经失去了方向感和位置感。这种行为几乎是互联网上的标准行为,令人惊讶的是,很少有网站在逻辑上对其进行修复。以下只是我的观点和可能的解决方案(作为电子商务站点的常规客户),因此,我尚未与实际客户一起实施,也不知道设计解决方案是否是最佳方案,但其目的是制定逻辑规则,使设计系统有意义并可以在现场进行测试。


假设我们的客户使用我们的电子商务网站并搜索可以返回许多结果的内容。该列表在每500页中每页返回25个项目,客户开始浏览它,共完成3页(见图1)。我们的客户开始查看所有项目(图1上的青色),然后开始移至以下页面,然后在第3页停止。这是当客户认为每页25个项目不足以浏览项目时,因此使用显示内容过滤器,然后将分页更改为每页100个项目。在下面的图形中,您可以看到浅青色,客户已经看到的项目和深青色是客户正在看到的当前项目,灰色项目是我们的客户尚未审查的项目:




如果我们的客户更改每页项目选项会怎样?通常的事情是对整个列表进行完全重新加载(图2),这会使我们的客户返回到第一页,在那一刻,用户再次观看已经看到的列表的前3到4个项目。一切都必须再次看到。太遗憾了。我过去也遇到过其他变种,它们甚至更痛苦:例如,将您留在同一页面上(图3),其中有100个项目,但是前一页也有100个项目,因此最后一页您现在看到的项目在前几页上,中间有大量未经审核的项目。您会进入第3页,但看不到任何项目。无论哪种情况,您都会迷路,必须再次浏览所有内容,但是在最后一个示例中(图3),



这种方法带来了网页列表中最流行的问题之一。这是一个不为人知的坏习惯,使我们的客户感到沮丧,后者不得不浪费时间来回想一下清单上的所有项目,这也使客户立即失去了浏览位置。例如,如果客户正在查看第5页上的项目223,那么现在该项目在第3页上,因此,客户必须浏览第2或3页并搜索该项目以继续检查所有内容。人们没有时间进行数学运算以计算最后查看的项目在哪一页上以及该项目当前的顺序。


对于这些类型的案例,理想的行为应该是什么呢?为此,我们必须分析客户的最初意图:在列表中或多或少地看到当前项目中的项目。如果我们仔细审查此前提,我们可以理解,理想的情况是,在[客户]所在的点,我们必须显示x项商品才能完成所需样本的抽样。换句话说:如果您每页看到25个项目,现在说要100个项目,则应在正在查看的当前页面上再添加75个项目(图4),以前的项目应保持在25,而除非客户再次改变主意,否则为100。




在此示例(图4)中,我们可以看到可能的解决方案:您重新加载(或不加载)页面结果,但是您只是将客户留在了与以前相同的位置。客户有很多有趣且显而易见的选择:可以回头查看确切浏览的内容,或者可以继续浏览新添加的内容并保持每页浏览100个项目。因此,在理想情况下,客户永远不会看到完整的重新加载,但是对于这种情况,向页面中注入更多项目正在浏览以完成100。即使客户要删除它,也应这样做,将100缩小为每页25,以前的页面完全不变。


这种交互有很多好处,原因有很多:客户不会遇到任何“完全重置”现象。它将不会被带到具有100个结果的页面1,它将看到与第3页相同的但具有100个项目的页面。客户在查看所有内容时已经记住了两页项目,我们对此没有任何更改,因此可以自由返回并在页面中查看相同的项目,每页有25个项目,而前进则为每页100个。客户可以随时更改过滤条件,例如加载100个项目,然后再次返回到25,我们应该使用正确数量的项目重新加载该页面。如果客户在任何时候再次重新过滤列表,则该页面和下一页将显示正确数量的项目。


要继续学习如何创建良好的列表浏览体验,请执行以下操作:


永远不要完全重置客户的进度。

始终在当前页面上注入或重置带有选定数量的项目。

始终使用旧选项显示以前的选项。

始终根据新的过滤器显示下一页。

对过滤器的任何更改将仅更新以下页面。

当然,这些规则不适用于其余过滤器。我们将必须进行完全重置,这里没有逻辑选项。如果您位于第3页,则更改价格过滤器后就无法停留在该页面上,您需要从0开始,因为您需要向后回顾任何新的更改。此逻辑规则集仅适用于每页过滤器项。


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/585.html