美文网首页
分页加载、无限加载vs半自动加载

分页加载、无限加载vs半自动加载

作者: 丁颖 | 来源:发表于2021-08-18 22:17 被阅读0次

 分页加载

分页加载便是在内容区底部放置分页按钮,用户可以通过页码切换信息。

有以下几个特点:

1. 对信息的数量以及目前所处的位置一目了然。信息有10页还是100页,我目前看到了第几页,还有多久能够看完,有很清晰的认知。

2. 方便回溯定位。比如用户浏览到后面时,想返回查找前几页的一条信息,可以通过分页实现快速跳转的。

3. 留给用户思考时间。我们在点击页码之后是需要一定的加载时间才会出现信息的,这会打断用户的思路,可是也留给了用户一定的思考时间,我能够通过这个关键词获取到想要的信息吗,接下来是继续浏览还是离开网站呢?

总结:工具型产品,如搜索引擎、邮箱或者B端产品等都倾向于采用分页加载,用户使用时带有明确的目的,更可能用完即走,我们对于工具通常需要更强的掌控感。

自动加载

自动加载无需用户手动操作,一直下滑即可。

有以下特点:

1. 无法感知内容数量。因为页面是自动加载的,我们无法知道什么时候才能结束。通常用户会在得到结果或者大概率无法得到结果时选择结束。

2. 无法快速定位之前的信息。有些人可能会说有滚动条啊,因为滚动条会随着自动加载的次数发生变化,几乎没有太多价值。

3. 加载内容过多时,页面过长。这会导致用户难以及时返回搜索框,切换关键词,为了解决这个问题,通常有两种方案,在右下角加一个置顶的悬浮图标(我个人访谈了解到很少有人真正使用置顶按钮),或者滚动时搜索框置顶。

4. 永远看不到footer。无法在底部添加其他信息。

5. 操作顺滑。自动加载操作简单,只需要滚动即可,信息之间没有明显的界限或停顿。

总结:自动加载是一种非常沉浸式的体验,不会打断用户思路,甚至没有操作和时间的感知。非常适用以休闲娱乐为主的社交型产品,比如知乎、微博等平台。

自动加载+手动加载

通常是在2~3次自动加载后,便会给一个button触发手动加载

自动加载2次后产生的信息大概在9屏左右,这对用户来讲不会是一个很长的页面,造成心理负担;如果9屏依然找不到想要的结果,要么是搜索词不对,要么是检索技术不行,是否需要继续可以让用户选择。

简书、google图片搜索就在采用这种方式

相关文章

  • 分页加载、无限加载vs半自动加载

    分页加载 分页加载便是在内容区底部放置分页按钮,用户可以通过页码切换信息。 有以下几个特点: 1.对信息的数量以及...

  • 分页器vs无限加载

    “我到底要用分页器呢,还是不断自动加载来设计内容呢?” 每个设计师都会遇到这个问题。当然,这两种方式各有利弊,我们...

  • 微信程序项目边界

    详情头部标题省略加载{懒加载,预加载,无限加载,加载中} 常见路由切换

  • iOS刷新小结

    列表加载更多问题,多页(分页加载) -(void)LoadNewData{[self getDataWithHea...

  • App页面加载

    1.单页面整体加载 一次性加载完页面的全部内容 2.页面分块加载 优先加载重要内容、分页加载 3.跨页面预加载 帮...

  • vue 分页加载数据页面滚动加载更多

    组件源码 .vue文件