|
Post by account_disabled on Jan 6, 2024 1:14:46 GMT -5
非常有效(事实上,测试受试者在无限滚动的测试网站上滚动浏览的产品数量是分页网站上的两倍多)。 但是,如前所述,它可能会使页脚无法访问。在移动测试期间,它使重要的移动页脚链接(例如“桌面站点”、“常见问题解答”和“运输”、一般交叉导航和类似元素)无法被测试对象访问,因为他们都对这些链接有明确的期望可在页脚中找到。 洛斯莫比尔 Lowe's上使用的“加载更多结果”按钮提供了无限滚动的许多好处,同时保持页脚可访问。(查看大图) 因此,最好的解决方案是在产品列表的末尾有一个大的“加载更多”按钮。然而,移动设备有一些独特的限制: 屏幕空间更少 由于移动设备屏幕要小得多,因此列表项将占据屏幕的相对大部分,通常在列表视图布局中仅显示。 两到三个项目。因此,50 个项目在移动设备上占用的视口高度比在台式计算机上占用的视口高度高得多。换句话说,与桌面上的类似产品列表相比,用户在移动设备上必须进行更多的交互(即滚动)。 滚动约束 在触摸设备上,用户通常只能通过用手指拖动和滑动来滚动。与桌面相比,在桌面上,用户通常有大量的滚动输入,例如鼠标滚轮(或触控板滑动)、可拖动的 UI 滚动条以及各种键盘输入(向上和向下箭头、页面向上和向下)键、空格键等)。 缓慢滚 Whatsapp 号码列表 动 此外,在我们的测试中,受试者对连续产品列表滚动的控制力较差。一方面,有些人会因为必须不断地在屏幕上拖动手指而滚动得太慢;在这种情况下,即使是 50 个产品的列表也需要很长时间才能浏览。另一方面,有些人会滚动列表太快,因为他们会。 通过快速连续滑动而无意中调用动量滚动;在这种情况下,他们就会错过很多从他们身边呼啸而过的产品。 JavaScript 事件 最后,大多数触摸设备上触发 JavaScript 事件的方式意味着动态延迟加载技术通常也无法实现。JavaScript 事件仅在用户滚动结束时触发;因此,用户滚动时无法获取产品,只能在滚动停止时获取。 出于这些原因,我们建议在显示“加载更多”按钮之前在移动设备上仅加载 15 到 30 个产品,然后一次加载所有产品(而不是延迟加载)。 关键细节:通过History.PushState支持后退按钮 在我们七年的可用性测试中,我们一直观察到加载新页面的技术实现和用户对新页面加载的期望在电子商务网站上并不总是一致。动态加载内容(例如覆盖、手风琴、过滤器和 AJAX 加载产品)通常会颠覆用。
|
|