在「腾讯视频」的「doki」频道为爱豆打卡的界面,「粉丝值」的数据与升级反馈,是以一个在进度条上奔跑的女孩儿的动画形象来呈现的。有趣的动画不仅可视化了需要展示的数据,也很贴切的展现了追星女孩儿们为了爱豆努力向前冲的精神,是很有记忆点的情感化小细节设计。
在「喜茶」小程序的点单页面,会以进度条的形式显示当前门店已有多少笔订单,以及共计多少杯饮品正在制作中。可视化的数据呈现给用户带来掌控感,方便用户在点单的同时预估自己的排队情况以及大致的取茶时间,合理安排和行程。
「即刻」App有个叫「今年的时间进度条」的圈子,用可视化的时间进度条与百分比数值展现时间的流逝。每年的跨年时刻,这个主题区还会有极具仪式感的线上跨年倒数计时动效彩蛋。当今年的时间倒数结束,会弹出「欢迎来到2021」的祝福语以及展现庆祝氛围的礼花动画。
步行时使用「百度地图」App进行道路导航,系统会自动计算行走路程碳减排与消耗卡路里的数值。并且步行时产生运动所消耗热量的数值会通过食物的图标(比如薯条🍟、巧克力🍫等)呈现出来,可视化的数据不仅让处于运动状态的用户能更直观看清信息,也增添了趣味性和幽默感。
「影猫mvcat」是一个专注电影推荐的聚合网站,它以树状结构的思维导图形式为用户罗列出一系列将电影分类的关键词。用户可按照自己对题材、情感、奖项等多种标签的偏好进行筛选,这样就能比较精准地快速找到喜欢的电影片源链接和相关信息了。如果想看电影,又有选择恐惧症或者没有特定的目标,来「影猫」找找灵感是个不错的选择。
在「饿了么」下单点餐时,除了常规的可以按价格、销量、活动补贴与距离等条件对店铺进行排序和选择,还可以直接按照配速速度进行店铺筛选。对于点外卖的用户群体而言,多为忙碌的上班族和学生,节省时间是很多人的诉求,所以配送速度就成为了一个重要的选店因素。而影响用户点单的另一个因素——价格,「饿了么」选择了用可视化的方式呈现不同人均价格区间的商家数量,用户通过拖动滑块查看具体数值并进行搜索,省时高效。
当今互联网时代,终身学习已经成为了很多人的共识,因此各种资讯、课程、知识学习平台也应运而生。「得到」作为知识付费这一垂直领域的教育产品,在如何提高用户完课率和学习效率的提升上一直在进行不断地探索。首先从课程类型上来说,得到的课程多为时长较短的音频课程, 方便用户利用碎片化时间学习,也可兼顾多门课程进行学习。
为移动端用户设计出清晰而有意义的图表是一大挑战,「墨迹天气」App中提供了2小时雨雪 、24小时、15天、40天天气预报相关的图表模式。在2小时降水全国雷达图中,降水量随时间变化的动画直观的展现了降水趋势。图例结合冷暖色带,两端显示示意降水量高低的图标,既简化了信息,又能清晰的传达给用户;同时提供可交互式时间线,点击或拖拽滑块,即可方便选择、查看具体时间的静态降水雷达图。
在「小宇宙」App的单集播放页中,你会发现播放进度条和常规的滑块进度条有很大差别。除了具有常规的拖拽定位媒体的播放位置,还将用户的点赞情况进行了可视化传达。柱子较高的片段代表了较高的点赞数量,帮助其他听众直观了解单集中的「高赞」位置,提高了内容获取的效率与质量。
在进入手机端「高德地图」界面时,会出现天气动效,提示实时的天气状况。例如当前地区正在下雨,进入App之后就会出现下雨的动画场景。直观形象的提醒很有沉浸感,有出行计划的小伙伴一看就能注意记得带上雨伞咯。
The side of spaca是neal.fun里的一个小项目。人人都知道宇宙之大,而这个网站就很直观地向用户展示了宇宙上人类与行星、银河系和太阳系的关系。进入网站后不断的按「 键盘右键→ 」则会不断地切换,从渺小的人类开始直到最广阔的宇宙。
驾驶车辆出行到不熟悉的陌生地点时,很容易开过头或者走错路。「百度地图」在到达目的地之前,会显示一张目的地附近的实景照片来帮助驾驶员识路。实景照片比一般的提示性文字或虚拟二维图片更加直观真实,有识别性。
iOS12系统新增了「屏幕使用时间」的功能,让用户们通过可视化的数据清楚了解到自己每天在手机上的使用时间长短与分布。很多App都精彩有趣,我们常常沉浸其中甚至忘记了时间的流逝。有了「屏幕使用时间」这个数据统计功能,用户便可以根据对自己使用手机行为的数据分析,调整使用手机的方式和时间规划。
音乐的情感表达,除了通过听觉展现,视觉的力量同样不容忽视。MOO音乐就通过音乐的「动态频谱」,让用户不仅能听见好音乐,还能看见音乐的节奏变化。界面的设计十分极简,主要以整屏的大背景图或动图来突出展现音乐的歌词与实时动态频谱。
最近有用「爱奇艺」看视频的小可爱们一定都发现了播放器进度条上多出了绿色的波浪曲线。这其实是「爱奇艺」新版本升级上线的「绿镜曲线」功能。这个类似热力值曲线的图,让倍速播放外显。
「虎嗅」App 的评论区被设计得十分巧妙,用户不仅能对每条评论进行「点赞」或「踩一踩」的操作来表达自己的观点喜恶,还能通过评论下方统计条的红蓝色块面积直接看出多数人对此所持态度的占比。信息的可视化表达 ,比单纯的文字或数字信息更加清晰直观。这样的小心机设计,会不会「刺激」到正在围观的你加入「站队」的行列,表达自己的立场呢?
各大平台都有不少鼓励用户一同参与的公益活动,但如何增强用户的参与意愿呢?其实「公益捐赠」的目的不在于捐赠金额的多少,而在于献出爱心的行为。所以「支付宝」将用户所有的捐赠金额和次数都做了统计,并将抽象的捐赠金额数字换算成具体的可支持公益项目的内容。
身处如今这个繁杂浮躁的世界,简单似乎变得越来越遥不可及。在众多功能臃肿的浏览器之中,「夸克」无疑是一股清流:去除一切干扰视线的东西仅保留浏览器最本质的功能,极简而克制。除了为用户提供高效沉浸的阅读体验,强大的广告过滤功能也是夸克浏览器的一大特点。
海淘的兴起得益于日益便捷的网络购物渠道与发达的交通和物流,走在潮流前端的年轻一代或多或少都有过海淘潮物的经历。其实海淘能受到追捧,除了消费者对国外品牌的信任与崇拜,也在于国外好物与国内相比的价格优势。由于海淘货物的商品价格受到汇率波动、海外商场季节折扣等诸多因素的影响呈现不稳定的状态,海外直购平台「别样」会在商品详情页用折线走势图的方式呈现近几个月商品的历史价格走势。
Google Keep作为一款轻量级的笔记、便签应用,帮你随时记录灵感与事项也能提醒或与好友分享内容,有桌面端和移动端。在你使用桌面端记录网址时,一旦在输入了网址,Google Keep会帮你在下方生成一个卡片。卡片上会显示这个网址的缩略图、标题以及原始网址。