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


时间: 2021-07-30 10:27:31 人气: 7 评论: 0

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

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

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

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

如下图案例:

加载更多

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

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

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

如下图:

上滑加载更多

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

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

系列文章:

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

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

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

 

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

本文由 @Mandy权 原创发布于人人都是产品经理。未经许可,禁止转载。

给作者打赏,鼓励TA抓紧创作!
2人打赏
---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!

专业厂家,设备先进,技术力量雄厚,自动化生产技术先进,产品质量符合国家标准,价格合理,https://www.69shenlan.com/,具有质量保证,生产及时,交货快捷的特点。 我们的宗旨:做我们擅长的事,希望用我们的创意和创意为客户实现战略定位,塑造品牌,强化形象!
我们的要求:坚持“优质产品、优质服务、优惠价格、快速交货”的经营方针,努力开拓市场,真诚为客户服务! 我们的发展:以独特的专业和专业精神,https://www.69shenlan.com/1:1--

交互设计

评论