在我们的网络应用程序中,用户需要查看大量图像。这是我当前的布局。一次将显示 20 张图像,缩略图上方有分页栏。单击缩略图将在左侧显示放大的图像。放大的图像将跟随滚动条,因此始终可见。其实很简单。
我想知道在这种情况下最好的界面是什么:
一种选择是实现无限滚动脚本,该脚本将在用户滚动时延迟加载缩略图。不可见的缩略图将从 DOM 中删除。但我对这种方法的担忧是 DOM 中的更改数量会减慢页面速度。
另一个选项可能类似于 Google's Fastflip .
您认为此应用程序的最佳方法是什么?欢迎激进的想法。
最佳答案
我认为您必须问的问题是:用户应该执行什么操作?该网站的目的是什么?
如果“查看图像”需要对每个图像进行评级,我宁愿采用 Fastflip 方法,其中重点是单个图像。缩略图库会分散人们对所需操作的注意力,并可能导致评级/评论的图片数量减少。
如果重点应该放在给定图像与其他图像的比较上,我会说尝试图库方法,尽管我不会使用缩略图来实现无限滚动,因为用户很快就会迷失在丰富的选择中。我认为如果您选择这条路线,标准分页(无论是静态的还是ajaxified)会更好。
只是我的 2c。
关于user-interface - 优化大量图像(1000+)的显示,以提高 Web 应用程序的性能和易用性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6998302/