在「爱奇艺」 App预约直播内容后,会弹出一个弹窗页面显示直播相关的信息。这个弹窗页承担了演出活动电子票的作用,并且为了增强观看演出的仪式感,每个预约成功的账号会和线下看演出一样有自己独一无二的座位号(比如402排4号)。虽然线上看直播不需要真实的观看区域和座位需求,但给参与直播活动的用户分配虚拟的座位号码可以营造强烈的沉浸感。
「石墨文档」对于文档的隐私保护十分重视,当未登录或账号未获得授权时点击他人分享的文档链接,会出现「没有权限访问」的提示页面告知权限状态并提醒登录账号。提示页的图案为一道被虚掩着的门透出微光,巧妙地通过隐喻的形象呈现出无权访问的意象。
「墨迹天气」将天气助手打造成生动可爱的卡通形象:头发是云朵形状,配饰是闪电形状,并且根据人物穿着的衣服让用户能快速感知到户外的天气情况,一定程度上可以让用户快速的做出穿衣选择。毕竟人对图片的理解感知能力比文字要来得快。通过赋予卡通形象性格和情感特征,让用户快速的融入天气场景,拉进了与用户之间的距离。
驾驶车辆出行到不熟悉的陌生地点时,很容易开过头或者走错路。「百度地图」在到达目的地之前,会显示一张目的地附近的实景照片来帮助驾驶员识路。实景照片比一般的提示性文字或虚拟二维图片更加直观真实,有识别性。
只要面向星空举起iphone,就可以清楚的辨认各种星体和星空,轻松找到属于自己的星座。如果你的星座还在地平线之下,可以在「我的星空通知」中添加自己的星座,「星空」就会在它从地平线上升起时通知你。旋转手机,即可观察到星座中每个天体在夜空中的位置。
在iOS系统的控制面板中当用户调节屏幕亮度时,太阳形象的图标会由小圆加四周圆点的样子,随着亮度的提升逐渐变成更大的圆和更长射线光束的形象。如同太阳出来时光线由暗变强的情景。旁边的音量调节功能同样通过形象的动效,呈现出声音由小变大的变化状态。
在「one」App里左右滑动屏幕即可快速切换每日内容,左上角的日期信息也会随之发生变化。翻日历形式的交互效果生动又有仪式感,似乎在告诉用户:每一天,我们都要活得有温度,有腔调。在如今信息爆炸的快节奏生活里,「one」专注于为文青生产精挑细选的优质内容。
九月开学季到来,谷歌首页的节日纪念定制版图标Google Doodle变成了学校开课的小动画。孩子气的涂鸦风格充满朝气与童真,互动性的动画生动有趣。情感化设计的小彩蛋让特殊的日子充满惊喜,体现了科技公司的温度与情怀。
「高德地图」里「我的」页面有个「高德小桥」的游戏互动功能,可根据用户贡献的高德币合力修桥。虽然很多App都有类似的小游戏功能了,比如「支付宝」的蚂蚁森林、「微博」的养熊猫等等,但感觉有些互动游戏内容与平台属性的联系并不紧密。这里的「高德小桥」利用桥的概念很好结合了「高德地图」作为出行工具的平台属性,将用户-平台-公益自然的连接起来,利用互联网的优势让做公益更简单。
「Because Music」的播放页面,简洁之中有直观的新表现。用于开闭静音的传统的扬声器图标被简化为律动条与像省略号的点,形式感强视觉体验更新颖。但也有两处美中不足:一是点击播放按钮,虽可暂停画面但此处并没有播放按钮与暂停按钮之别,不利于给用户交互上的视觉反馈。
还记得「榫卯」吗?这次TagDesign团队又推出了另一款中国风民艺与教育App「折扇」。我们可以在这里欣赏当代画师的佳作,了解折扇的工艺与历史。
很多人每天工作前的第一件事就是打开邮箱,看看有什么新通知并检查一下行事历,确定任务安排。在「Outlook」 App 的行事历界面翻看日历列表时,导航栏上的日历图标会出现翻动的动画效果。利用左右摆动和前后翻页的动效来告知用户,现在正在翻看以往的内容还是未来的安排。
跑步用「Keep」做数据统计,在App里可分别根据「距离」「 时长」「 配速」 和「热量」进行目标设定。 其中热量值的设置除了会显示数字指标外,还会将每一个热量值所对应的食物信息显示出来,并配有可爱的emoji图标。用具象的食物对比非常抽象的千卡数字更直观,适合时宜的信息呈现方式让用户更加清晰明了运动量和食物之间的关系。
「网易云音乐」在去年上线了解压模式「Sati空间」,用户可以进入这个模式边听音乐边戳泡泡来释放压力。如今提供给用户减压的互动小游戏不仅有「戳泡泡」,还新增了「砸玻璃」。用力敲击屏幕,会出现玻璃被敲碎的视觉效果并伴有震动反馈,带给用户一种多感官体验的爽感。
在2019年的春节贺岁档,我们终于迎来了一部属于中国人自己的硬科幻电影 —「流浪地球」。尽管影片存在很多不完美,但中国导演能在现阶段拍出硬科幻且让影片在诸多现实条件限制下达到这样高的完成度,已是一件让人激动与倾佩的事。当在「百度」搜索栏输入关键词「流浪地球」进行检索,页面会触发电影专属的飘落小地球🌍图案的彩蛋。
在「饿了么」点餐后,app会用可视化的信息展示从店家配餐到骑手接单、取餐、配送的全过程。让点单者对自己的外卖是如何送达的每个步骤都清楚明了,用信息的透明化获得用户的信任。除此之外,展示外卖配送信息的页面还有情感化设计的小巧思:商家接单时,图示会在地图中显示店铺的卡通形象;骑手接单后,信息会定位到骑手,画面展现骑手骑车赶往商家的样子。
随着情感化设计越来越受到重视,对用户个人的生日祝福与情感关怀成了注重用户体验的产品必不可少的设计环节。「QQ邮箱」在生日当天会发送一封祝福邮件给用户,邮件里的生日卡内容是开发团队人员的卡通形象一起唱生日歌的动画。这种特别的送祝福方式,很容易就拉近了产品与用户之间的距离。
在iOS12的控制中心面板里,不仅藏有计时器图标和手电筒图标动态变化的小彩蛋,屏幕亮度的调节操作也伴随着很隐蔽的小细节变化。当手机屏幕的亮度被调得较低时,控制中心里表示亮度的小太阳图标呈现圆点样式的光芒。当亮度被调高,太阳图标的圆点光芒则会慢慢变成向四周发射的线状。
在很多球鞋交易平台,都会定期举办限时抽奖原价购球鞋或者免费送鞋的活动来促活。鼓励用户参与,不仅要活动内容本身吸引人,与用户的互动交互过程同样值得花心思。在「毒」app的抽奖界面,点击抽奖的按钮后抽奖码会以模拟真实打票机的形式从机器里被打印出来。
「QQ阅读」的夜间模式开启方式是一个拟物的灯绳,下拉就会开启夜间模式。这个设计是模拟了晚上关灯的效果,将点击效果与现实的行为相结合,让交互操作更生动有趣。与此同时,「关灯」的动作能够给予用户心理暗示的效果,对夜间模式产生自然的联想。