如何在列表页优雅地展示「观看进度」，既不干扰封面，又足够清晰？B 站（哔哩哔哩）番剧列表页。设计师做了一个极其聪明的减法。
有研究表明，仅仅是将抽象的数字目标转化为可视化的进度条，就能让用户的任务完成率提升约20%以上。淘宝闪购的设计师巧妙地借用了地铁线路图或里程碑节点的视觉语言。一条横向的时间轴...
在交互设计中，如何将瞬时情绪可视化一直是个难题。今天我们要聊的这个案例，巧妙地运用了数据物理化的概念，把抽象的赞赏变成了具象的波纹。 在小宇宙，当你听到精彩处点击界面右下方的...
在行为心理学中,有一个概念叫「社会促进效应」（Social Facilitation）——即当人们意识到自己的行为被他人观察时，表现往往会更好。但如何在数字产品中巧妙运用这一...
我们通常认为进度条是用来显示下载进度或加载时间的，但如果我告诉你，在电商设计中，进度条其实是一个最高级的催单武器，你相信吗？京东购物车的底部结算栏上方，悬浮着一个非常醒目的动...
当物流信息遇上地铁线路图，会发生什么？淘宝最近悄悄上线的一个小设计，让无数用户惊呼「这也太聪明了」——你的快递现在不只是一串文字记录，而是一条会动的「旅行路线」。在淘宝的物流...
打开音乐 APP，播放歌曲，拖动进度条——这个动作你每天可能要重复几十次。但你有没有想过，这个最平常不过的交互，也能给你带来惊喜？当你在 Spotify 播放 John Wi...
微信读书新旧版自动阅读界面有明显迭代。旧版设计简洁，仅保留基础阅读控制，虽能让用户专注文字，但翻页节奏难感知，且只有动态上下翻页模式，容易造成视觉干扰，且不符和常规左右翻页阅...
相信你和我一样，在网上买了东西满怀期待总是希望快递到货，于是一天查看很多遍快递进度，目前快递进度一天只更新一次，不免让用户心理落空。为了缓解用户等待的焦虑，菜鸟、京东等在快递...
iPhone的灵动岛设计充分利用了屏幕的显示空间，将原本的屏幕挖孔转变为视觉交互区域，让通知更直观可互动。如果在电脑端的网页里设计灵动岛应该怎样呢？印度设计师Nitish K...
「腾讯视频」针对最近的主推剧《长相思》专门设计了电视剧进度条的红色木槿花彩蛋。木槿花是贯穿女主人生各个阶段的重要剧情元素，也见证着复杂的情感纠葛。播放进度条除了图标变成木槿花...
在社交平台上传较大的视频时，通常需要经历较长的等待时间。「小红书」APP 将视频上传中的进度条顶置在「首页」信息流页面上方，方便用户等待视频上传的同时也可以继续浏览其他内容，...
「即刻」APP 的最新版本为阅读长图增添了超炫酷的荧光进度条设计。在APP里点击长图文进行查看，滑动图片时手机顶部会出现一条移动的荧光线条，并且线条形状与机型刘海形状适配，会...
常见的工具类APP为实现高效管理，在功能设计上都十分简单，不可避免觉得有些不人性化。「进度条」完全打消了这个刻板印象，在任务设置中可以实现图标自定义，不仅颜色可选，还能实现海...
最近在「美团外卖」下单后，当手机还在锁屏时，轻触屏幕后锁屏界面首次出现外卖进度提示模块，模块设计简洁收敛，聚焦关键信息和送餐进度，并询问用户是否允许通知，即使用户选择关闭，仍...
在「YouTube」看视频滑动视频进度条时，只要向上拖动进度条就能精准调整进度条，避免面对长视频时候，轻轻一拉就跳过一大段内容的尴尬情况。小细节设计，但体验感拉满。投稿人：易...
如何让一部电视剧在用户心中产生锚点？无处不在的彩蛋自然能够做到～「优酷」 针对最近的主推剧「点燃我温暖你」 设计了电视剧进度条的小猪猪彩蛋，这与剧内女主的昵称、剧情点息息相关...
直播卖货是线上购物很重要的组成部分，「淘宝」APP在最近更新的版本中就优化了观看直播的体验。将「淘宝」iOS 更新至 10.16.0，打开直播间看回放视频，可以看到视频支持分...
7月6日，周杰伦新专辑《最伟大的作品》先行曲MV首播，bilibili专门为新歌宣传上线了进度条图标彩蛋和特殊的弹幕效果。MV播放界面的进度条图标由常规的小电视变成了粉色麦克...
仅凭带宽数字不能很好的比较网速具体多快。「swisscom」为用户提供可视化的网速呈现方式，选择不同的网速套餐，将用进度条展示对应网速下浏览网站，下载电子书、CD、更新包和电...
