知识分享

  • 首页
  • 市场分析
  • 需求分析
  • UI设计
  • 产品运营
  • 产品设计
  • 项目管理
  • 新玩意儿
不积跬步无以至千里
不要停留,欣赏沿途的风景
  1. 首页
  2. 产品设计
  3. 正文

分页加载vs无限加载,你还能想到哪些信息加载方式?

2021年10月14日 258点热度 0人点赞 0条评论

编辑导语:什么时候用分页加载,什么时候用无限加载呢?本文作者总结了分页加载和自动加载的区别和各自的优缺点,供大家理清思路,在做交互稿时能够选择更恰当的方式。推荐对交互设计感兴趣的朋友们阅读。

几天前,我接到一个搜索相关的需求,用一句话概括就是:

用户通过关键词搜索相关文档。

这听起来就简单极了,你脑海中可能都已经出现交互稿的模样了吧。

我也是这么想的,三下五除二的便画出了交互稿,一个搜索框,一个内容区,一个分页,轻轻松松搞定~

当我去给老板过稿时,他问我为什么不采用自动加载的方式。

说实话,我……没想清楚。

因此,接下来我仔细思考了两种加载方式(分页加载和自动加载)的区别,也是这篇文章的来由。

一、梳理思路

除了梳理两种加载方式的区别外,也希望通过这篇文章记录解决问题的思路,希望能够以小见大。我通常通过竞品分析、桌面调研和个人观察来探索问题的解决方案。

搜索是一个特别常见的场景,市面上有许多成熟的产品,比如Google、Bing等浏览器,知乎、微博等社区产品,它们的产品细节必然经过无数次的打磨,因此,观察这些产品便是在研究最前沿和权威的资料。

其次是桌面调研,加载方式作为一个常用组件,网上肯定存在一些调研总结,我通常会通过Google、知乎、人人都是产品经理等网站查找一些他人的总结。

个人观察也是十分重要的,产品经理有产品sense,设计师也有设计sense,只有多看多体验,才能真正感受到不同组件直接细微的区别。

三种方式并非独立进行,而是互相融合、相互补充,最终得出结论。

二、不同加载方式的区别

1. 分页加载

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

分页加载有以下几个特点:

第一,对信息的数量以及目前所处的位置一目了然。

信息有10页还是100页,我目前看到了第几页,还有多久能够看完有很清晰的认知。

第二,方便回溯定位。

比如用户浏览到后面时,突然想返回去查找前几页的一条信息,是可以很方便地通过分页实现快速跳转的。

第三,留给用户思考时间。

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

我们再来看都有谁在使用分页加载。

咱们最常见的搜索引擎,例如Google、Bing和百度等以搜索为护城河的产品,都非常默契统一地采用了分页的模式。

再比如邮箱、B端产品似乎都倾向于采用分页加载。

我刚开始一直想不通为什么google等搜索产品会使用分页加载,使用无需跳转的自动加载可以更快地达到目的啊。这时候,再回头看一下分页的特点,你会发现分页给予用户强烈的掌控感。

像Google、邮箱或者是其他B端产品,它们都偏向于工具型产品,用户使用时带有明确的目的,更可能用完即走,我们对于工具通常需要更强的掌控感。

2. 自动加载

自动加载无需用户手动操作,一直下滑即可。自动加载有以下特点:

第一,无法感知内容数量,已经浏览到那个部分,剩余多少。

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

第二,无法快速定位之前的信息。

有些人可能会说有滚动条啊,因为滚动条会随着自动加载的次数发生变化,几乎没有太多价值。

第三,加载内容过多时,页面过长。

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

第四,永远看不到footer。

无法在底部添加其他信息。

第五,非常顺滑。

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

总体来讲,自动加载可以让用户用最少的操作、最短的时间找到需要的信息。

并且自动加载是一种非常沉浸式的体验,不会打断用户思路,甚至没有操作和时间的感知。

这对于以休闲娱乐为主的社交型产品是非常适用的。比如知乎、微博等平台,都在使用无限加载的方式,这可以尽可能把用户留在平台上。

3. 自动加载+手动加载

分页加载和自动加载是最基础的加载方式,现在还出现了一些手动加载和自动加载相结合的方式。

通常是在2~3次自动加载后,便会给一个button触发手动加载。这是一种比较折中的方式。

从用户的角度看,我已经浏览到第一页的末尾了,意味着我还想看第二页的内容,为什么还要用分页打断我获取信息。

自动加载2次后产生的信息大概在9屏左右,这对用户来讲不会是一个很长的页面,造成心理负担;并且如果9屏依然找不到想要的结果,要么是搜索词不对,要么是检索技术不行,真正去点击手动加载的用户就没多少了。

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

三、回归需求

了解不同加载方式的区别是基础,对于具体需求我们应该采用哪种方式,永远都是具体问题具体分析,有时候还需要考虑技术问题。

我们的产品是一款更加偏向工具型的产品,最好像Google一样采用分页的方式。但是这种搜索最好能在第一页就给到结果,我们目前的技术无法达到非常精准的结果匹配。因此综合来看,选用了更加折中的自动加载与手动加载相结合的方式。

 

作者:栗子;公众号: 栗子设计喵

本文由 @栗子设计喵 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Pixabay,基于 CC0 协议

给作者打赏,鼓励TA抓紧创作!

标签: 暂无
最后更新:2021年10月14日

小虾米

同理心,洞察力!

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复
最新 热点 随机
最新 热点 随机
拍10部火1部,道观也来凑热闹,短剧成吸金神器? 为什么二次确认后,用户依然会误删? 新零售SaaS架构:面向中小连锁的SaaS系统整体规划 AI时代下浅谈XR中的渲染技术 基金理财之客户需求分析 业财一体化数字化(一) 酒店代理的灰产江湖:0库存、赚4成差价、月入16万 探索工具型产品体验度量模型-行为度量理论篇 飞猪、携程们的下半场:吃工具属性老本,补内容短板 AI产品经理 | 入行AI的必备知识 3D 文件格式的江湖纷争 在线音乐等待“第三极” 小程序里卖剧,8天赚1亿? 卖爆抖音后,中式汉堡将成为一场“虚火”? 电商包邮背后隐藏的小心思 县城咖啡之战的最后赢家是谁? 字节跳动再战长视频,这次有何不一样? 网文IP的风,吹到“下饭剧”? 提升B端产品易用性:搭建帮助体系 小红书关停“自营电商平台”,作何打算?
从虚拟偶像到虚拟主播,一场TO C到 TO B生意的大迁徙今天我们来聊一聊小红书电商盘点一下那些虚实结合的文本输入方式自动驾驶,又到黎明前?万亿规模能源产业互联网【能链】为何一枝独秀?经营指标层面深度解读骑手需要的不是同情,而是尊重数据更新|不只是一个更新按钮而已名实唯一性:数字与AI经济里的那些潜规则实战分享!系统可见原则在交互方案中的运用从商业模式入手,搭建一款产品的底层拆解框架小红书走到命运拐点微信的聊天记录占比,被网友玩成了新一代 MBTI ?SaaS产品数据分析之指标与标签一篇文章搞懂一个系统之 SRM 系统一个真秀才倒下去,十个假靳东站起来谈谈在B端落地第三方大模型的步骤从0开始设计产品搜索功能(一)瑞幸的“9块9”突围战,只需几滴茅台?如何从0-1建设企业微信SCRM顶流网红“秀才”翻车,“中老年收割机”易主?
双11,节日卷王 第13个双十一:平台、商家与主播,谁为谁打工? 为什么阿里需要「回归淘宝」? 从100万到20亿美金,聊聊Calm创始人Alex Tew的产品逻辑 “变味”的扫码点餐:不获取个人信息不能吃饭 从PMF看产品经理向数字化行业转型 骑手日记系列:省钱是一种错觉 三方风控数据的全流程管理 小红书走到命运拐点 如何使用Axure软件设计数据可视化大屏? 大模型再发展5年,搜索引擎还在么? 行业首个“探店规范”出台,网红探店是门好生意吗? 创建智能仪表盘的 8 个注意事项 小米商城:一个活动页的UI、交互优化案例!【高级篇】 辱骂、威胁、连环夺命call,细数那些被“朋友借贷”套住的“倒霉蛋” 互联网大厂混战ChinaJoy 2021年设计师必须了解的设计风格 网络亲社会参与:一种新的互联网用户实践 我相信:下一个互联网,仍然是互联网 Facebook 对元宇宙做了什么

COPYRIGHT © 2023 知识分享. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang