数极客首页

用好的交互设计来管理复杂-“查看更多”

“查看更多”按钮像一个链接标签的拐杖,在各类网页及App中被通用,网站现在已经大量使用这个通用的标签链接。作为一个独立的标签,“查看更多”按钮,直接描述所表达的含义,用以帮助用户从下一页了解所期望的内容。

用好的交互设计来管理复杂-“查看更多”

现在的很多网站及App设计,越来越弱化不太重要的信息内容。也就是说,标签及按钮描述都会选择简短精致的措辞,以保证用户易于扫描,方便消化。当用户决定他们想要更多的信息的时候,他们可以挖掘一个链接或展开抽屉页面信息,从而获得不太重要的内容。无论是点击“查看更多”还是上拉加载都是获得更多收起来信息的方式之一。

“查看更多”按钮的三类变形

  • 变形1:使用描述链接目的地的关键字
  • 变形2:保留了解更多的格式并添加描述性的关键字
  • 变形3:将前面的段落转换成唯一的链接

如下图案例:

用好的交互设计来管理复杂-“查看更多”

由于“查看更多”会产生不确定性,用户不知道他们会期待什么,如果他们点击,或者所得到的内容是否会是值得等待一个新的页面等等,这一系列不确定性的感觉会导致用户犹豫,不确定性和认知压力对用户体验产生了负面影响,并转变成一种认知紧张状态,有些人可能会采取常驻在页面以评估不清楚的联系。

在移动端,无论是App抑或是Wap,由于其移动屏幕要小得多,而列表项目将占用一个相对很大一部分的屏幕,那么通常只有两到三个项目被显示在列表视图布局中,所以用户将不得不在移动设备上进行交互(即滚动)或者点击。

对比网页分页处理,App的用户更加不愿等待页面重新加载,所以产品设计的时候,应该尽量避免分页。实验证明,在移动端,无限滚动是非常有效的获得更多内容展示的方式。较长的产品列表在App上通常通过自然的上拉行为,加载更多的数据,加载过程根据产品定位变形给类的动画,以降低用户等待过程中的焦虑感,提高用户对产品的体验认知。

如下图:

用好的交互设计来管理复杂-“查看更多”

如果加载信息模块底部会有其他模块展示,处理“查看更多”的行为时,最好的解决方案是在产品列表的结尾处有一个单一的大的“加载更多”按钮,让用户选择是否在当前界面展开并加载更多数据。基于移动端的屏幕小的问题,我建议在显示“加载更多”按钮之前,在移动设备上加载15到30条数据为最佳。

“多”并不是困难的来源,在产品设计过程中,能把“多”的内容管理好,把复杂的内容处理好,是可以完善用户体验的。心理学生来说,复杂的事物更容易理解,简单的事物反倒令人困惑。适当的把复杂的东西,让用户操作,也是一种简单化的产品设计方式。

系列文章:

用好的交互设计来管理复杂-“筛选器”

用好的交互设计来管理复杂-“个人中心”

用好的交互设计来管理复杂-“Tab”

 

作者:Mandy权,微信公众号:Q产品,一名快乐的产品经理!~

本文由 @Mandy权 原创发布。未经许可,禁止转载。

给大家推荐我国新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是用户行为分析领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章