最近一段时间每天会找一会儿时间在 dribbble 上逛逛,找一些自己喜欢的设计师和作品来看。在使用当中我经常会去查看那些我关注的设计师他们的关注列表,从中去发现其他的优秀的设计师和作品,但在不断浏览的过程中,就遇到了比较不好的体验:
dribbble 的加载方式.png
dribbble 的关注列表的加载方式是自动翻页加载——即随着用户鼠标的滚动,自动加载接下来的内容和图片。
当列表中的设计师数量较少的时候还好,但当一个人关注了几百个设计师后,如果你想慢慢从他的列表里去浏览和发现,体验就会非常不好,主要有两方面:
- 位置记忆:每次浏览完之后,由于是一直向下滚动的,没有页数等可供记忆的内容,所以我很难记得住我今天逛到哪里了。如果改天再来想要继续浏览,那么就要再从页面最上面继续向下滚动,而且一直要滚动到上次浏览的位置,但是!上次浏览到了哪个位置我也记不清了!
- 页面响应速度: 随着这样一直向下滑动,页面中已经加载出的内容会非常多,加上 dribbble 中的元素基本上全是图片,就造成页面越往下滑动越卡,如果在一个几百人的列表中滑动到中下部,那么整个页面会卡得基本不可用。
如果采用手动翻页加载,并标注出页码,比如每页显示20个设计师,那么是否就能避免这两个问题?起码在这样的使用场景下,既便于每次我记忆大概浏览到了哪个位置,也能保证每个页面的性能和浏览体验。
网友评论