案例精髓总结:用户等待时间越长,越需要合理的设计or福利 减少焦虑。 其他思考:这是「时间」维度下的跟随变化而变化,可以思考自家产品是否有特定维度下的跟随变化。 专栏作家 和出此严,微信公众号:和出此严,人人都是产品经理专栏作家。一枚在鹅厂成长中的“90后老干部”,主产各种接地气的交互/产品干货。以做...
产品锦李 1年初级进度条 交互体验 进度条篇 | 从5方面入手,助你设计出优秀的进度条! 产品需要时时刻刻关注用户体验,而在日常生活中,等待场景是一个非常容易降低用户体验、导致用户流失的环节,这时候,产品就需要提供可以缓解用户焦虑的设计,比如合理地利用进度条,来让用户提升耐心。本文作者就对进度条的设计策略做...
创造价值:减少页面/订单流失和用户焦虑感。 案例精髓总结:用户等待时间越长,越需要合理的设计or福利 减少焦虑。 其他思考:这是「时间」维度下的跟随变化而变化,可以思考自家产品是否有特定维度下的跟随变化。 专栏作家 和出此严,微信公众号:和出此严,人人都是产品经理专栏作家。一枚在鹅厂成长中的“90后老干部”,...
创造价值:减少页面/订单流失和用户焦虑感。 案例精髓总结:用户等待时间越长,越需要合理的设计or福利 减少焦虑。 其他思考:这是「时间」维度下的跟随变化而变化,可以思考自家产品是否有特定维度下的跟随变化。 专栏作家 和出此严,微信公众号:和出此严,人人都是产品经理专栏作家。一枚在鹅厂成长中的“90后老干部”,...
解决问题:通过残缺的图形勾起用户好奇心,引导用户创建完整内容以看到完整图形,减少流失,增强产品趣味性。 创造价值:提升用户对产品理解和APP易用性的提升。 案例精髓总结:视觉元素也能跟随进度逐步显示,慢慢勾起用户好奇心。 其他思考:运用了「系统状态可见性原则」:让用户知道【自己在做什么、系统在做什么、处在系统的...
条形进度条和圆形进度条,形状虽然简单,但如果和企业logo、产品特色、文本、数字或色彩巧妙结合,也可以达到简洁清爽而又不失趣味。 1、条形: 此款进度条设计是针对酒水类网站设计的条形加载进度条,设计师结合产品生产流程,并以动画的形式展现出来,让用户不知不觉被动效吸引,忘却等待的时间。而重复的动图,会舒缓我们...
进度在一般产品中会选择简单设置，即一条长条，加上进度百分比，加上各个阶段的提示。有的流程较短或花费时间少的会省略百分比，直接使用色块来表示。如soul上的亲密度，主要的亲密度进度条为Soulmate字体，次要的进度条为爱心，每满3个爱心则点亮一个字母。由于字母比较难判别进度的进展程度，特地做了爱心这种进展明显...
主要针对动态型进度条,为了缓解用户在等待过程中的焦虑,用其他内容吸引用户,可以是一个动效、帮助信息、一个笑话,甚至是跟产品毫无相关的内容,其主要目的是协助用户度过等待期即可。 五、常见问题及避坑指南 1. 为什么会卡在最后的1% 相信很多人都有过这种感觉,进度条跑到99%就会猝不及防的卡顿一下,除了一部分...
对于内容型产品,虽然用户对动态进度条有一定操作需求,但为了让其更专注于内容本身、尽量不要让进度条对用户产生过多的干扰,尤其是视频类应用,避免影响用户沉浸式体验。 类似抖音/快手这种短视频应用,对进度条的操作需求并不高,从界面中不难看出,进度条视觉效果相对较弱,并不会过多地吸引用户注意力。
虽然Loading 是被迫妥协的设计,但每天为了用户体验“殚精竭虑”的产品经理们还是尽可能地让它变得更加友好,我们可以看看 Loading 的几个发展阶段。 1、Loading 动画出现时,整个页面出现遮罩,什么都做不了,加载超时 Loading 动画也不会消失,只能刷新页面。