微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

user-interface – 优化大量图像(1000)的显示,以提高Web应用程序的性能和易用性

在我们的Web应用程序中,用户需要查看大量图像.这是我目前的布局.一次显示20张图像,缩略图上方有一个分页栏.单击缩略图将在左侧显示放大的图像.放大的图像将跟随滚动条,因此它始终可见.实际上非常简单.

我想知道在这种情况下最好的界面是什么:

一种选择是实现无限滚动脚本,当用户滚动时,该脚本将延迟加载缩略图.不可见的缩略图将从DOM中删除.但我对这种方法的关注是DOM的变化数量减慢了页面的速度.

一个选择可能是Google’s Fastflip.

您认为这个应用程序的最佳方法是什么?激进的想法受到欢迎.

解决方法

我想你要问的问题是:用户应该采取什么行动?该网站的目的是什么?

如果“评论图像”需要对每个图像进行评级,我宁愿采用Fastflip方法,其中焦点在于单个图像.缩略图库会分散所需的操作,并可能导致较少量的图片评级/评论.

如果焦点应该放在给定图像与其他图像的比较上,我会说尝试画廊方法,虽然我不会用缩略图强制无限滚动,因为用户可以很快迷失在丰富的选择中.我认为如果你选择走这条路线,标准的分页(无论是静态的还是ajaxified)会更​​好.

只是我的2c.

原文地址:https://www.jb51.cc/html/224079.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐