今天是元宵节,在「爱奇艺」App看视频时点击屏幕的任意地方,都能收获可爱的小元宵节日彩蛋。不定时出现的限时节日彩蛋设计,给用户带来交互体验惊喜的同时,也能感受到产品的人情味和情怀。
为什么很多人会刷「抖音」停不下来?除了深度沉浸感的竖版全屏播放体验、高效的手势交互运用、精准智能的内容分发,还有高明的页面逻辑设计。打开「抖音」就直接进入短视频「推荐」的页面,开始观看的情境。
用「优酷」App看视频时,可通过上下滑动屏幕的手势操作来调节音量与屏幕亮度。当调节音量时,屏幕上代表声音的小喇叭图标会出现声波震动并跟随音量变化上下晃动的小动画。通过情感化的微交互设计,及时反馈了音量调节的操作行为,也为交互过程增添了小情趣。
「网易云音乐」的礼品卡虽然是虚拟礼物,但收礼物的过程却是仪式感满满。收到礼品卡时,礼品卡会装在一个半透明的信封里并用火漆封缄。点击才能拆开礼物,看到礼品卡和祝福语,并且需要左右滑动屏幕拨开迷雾才能看见祝福。
马上就要暂停服务的「虾米音乐」其实有很多宝藏功能和好看好用的设计,比如入口隐藏较深的「极速筛歌」就是个容易被忽略其实很赞的好功能。视觉设计模拟CD的拟物化音乐播放界面,致敬了那个用随身听听碟片的时代,极具情怀和仪式感。筛歌的操作则使用了左滑「喜欢」右滑「讨厌」的手势进行切歌,霓虹灯风格的图标很有特色,很好匹配了CD播放器的视觉风格。
「喵喵记账」App是一款利用猫咪收集元素吸引用户坚持记账的萌宠记账软件。每天记录的前三笔账单,都能吸引来一只与账单属性相匹配的猫咪,比如记录餐饮账单会收获一只「餐饮猫」。每只猫都有自己的性格与互动设定,其中带猫咪采风拍摄相片的互动体验很特别,模拟了真实拍立得成像的过程。
基于用iPad追剧,设备会在选择剧集播放后长时间处于静止观看的状态,且用户距离屏幕不会太远的诸多特征,「优酷HD」上线了超酷炫的黑科技交互操作——「隔空手势」。手势控制的最佳使用距离为0.25m至1.5m,可隔空在屏幕前用手势执行「播放/暂停」「全屏/半屏」「快进/退15秒」「亮度调节」「音量调节」等操作,基本可以满足看视频时需要用到的所有功能操作。「隔空手势」帮助用户降低了视频观看场景涉及操作的成本,从而为用户体验带来了价值。
在「微信读书」的「书架」页面选择一本书进行阅读的交互设计,模拟了现实世界里从书架上取出一本书并翻开进行阅读的全过程。同样的,查看电子书内页时的翻页交互也模拟了生活中真实翻书的效果。这样的交互设计能带给用户更深度的沉浸感和交互性。
「QQ音乐」iOS最近更新版本10.8.0,在交互体验上做出了很多优化。音乐播放页面的专辑封面右下角新增查看歌曲相关视频的入口,点击呼出视频列表,左右滑动查看更多内容,查看当前歌曲的MV或现场视频更加方便快捷。视频内容得到更多的曝光度,之前割裂的音乐消费场景被有效链接起来,为用户带来更完整的体验。
张小龙曾表示「浮窗其实我挺不喜欢的,它特别像一个狗皮膏药,占了你的屏幕一个位置,很多朋友看文章看不完,一边处理消息一边看,不是很好的解决方案。」但对于有大量阅读需求的用户而言,能暂存没看完内容的浮窗其实是很实用的功能。最新发布的「微信」8.0 for iOS版本就优化了浮窗功能的样式与交互体验。
「网易云音乐」有个「推歌精选」的版块,供用户们来推选觉得有潜力的歌曲,让自己喜欢的作品被更多人看到。左滑无感右滑喜欢,轻松流畅的手势操作降低了执行选择动作的难度,还额外带给人一种「翻牌子」的爽感。
「小宇宙」App的音频播放设置采用了手势交互来提升操作体验,通过左右滑动标尺来调节倍速播放的参数与设置睡眠定时的时间,和一般App惯用的列举几个选项供选择的设置方式相比,更具灵活性,操作体验也更加丝滑。此外,「小宇宙」还针对播客节目的播放内容特点,设计了「跳过空白」与「人声增强」的智能化服务,实用又贴心。
「小宇宙」App新上线「随声听」功能,解救选择困难症用户,方便大家探索更多有趣节目。「随声听」功能在交互与视觉设计方面,借鉴了老式收音机调频的界面以及左右滑动更换频道的交互效果。操作简单流畅又拥有情怀感和趣味性。
「小宇宙」首页的右上方可以看见醒目的星球形态logo图标,点击还会出现有趣的星球转动小动效。虽然这里的小交互只是互动彩蛋,并非功能性交互行为的反馈,但有趣的设计还是给不少用户留下了深刻的产品印象。大家觉得诸如此类,无用但有趣的设计有存在的价值吗?
很多视频音频平台为了方便用户进行播放进度的调节,会专门设计前进或后退固定秒数的快捷键,通常为前进或后退15s,比如「喜马拉雅FM」「得到」等。但播客应用「小宇宙」团队在设计前进后退快捷键时,选择了对两种操作制定不同秒数的设计,前进键为点击一次快进30s而后退键点击一次后退15s。个人猜测,这样设计的原因可能是:用户通常进行快进操作的场景是对当前内容不感兴趣且不带目的性快进,而进行后退操作的场景则为带着目的性查找具体的时间点(通常是对感兴趣的内容)。
「Procreate」因其强大的功能与简单易学的操作,成为了近两年最受欢迎的专业绘画应用软件。它能分享笔刷、图层甚至是自己的配色板给其他人,十分方便,但很少人知道其实还有隐藏手势可进行分享的快捷操作。在「Procreate」的画布界面从底部呼出Home Indicator,长按已登录的「QQ」或「微信」并将其拖至iPad界面的左侧,即可实现分屏操作。
「菜鸟裹裹」App的首页下拉刷新时,顶部会向上飞出一只头顶竹蜻蜓的小鸟形象吉祥物,小鸟飞走后还会从屏幕上方落下一个打开的快递箱。有趣的交互动画清晰地反馈了刷新这一手势操作的状态,也巧妙地将平台运送快递这一特征用「小剧场」的形式呈现了出来。
「躺平」App下拉刷新的微交互做得还挺有意思,当使用下拉的手势操作刷新信息时,会出现一个向下俯冲的小人。情感化的设计不仅为清晰呈现操作反馈增添了趣味性,也从细节的设计中强化了用户对App品牌形象的记忆。
「躺平」是「阿里巴巴」旗下的一款生活方式类App,打造生活分享家们的社区交流、好物推荐与居家指南。在注册账号时的偏好设置交互效果还挺有意思,屏幕上会出现很多兴趣社区的Tag推荐,点一下放大喜欢,按一下屏蔽厌烦,通过轻松有趣的手势交互完成对用户偏好信息的收集。后期用户如果想修改偏好设置,可以在设置菜单里找到「调教我的躺平」来完成修改。
为了丰富用户们发弹幕的体验,「优酷」团队在弹幕商城上线了很多有趣的特殊弹幕形式,比如彩色弹幕、可以满屏飘落的彩蛋弹幕、带3D酷炫效果的动态弹幕、追踪弹幕等等。看视频时如果在众多弹幕里看到喜欢的主题弹幕,可通过直接点击的手势发同款弹幕,十分方便。但对于一部分用户而言,效果花哨的特殊弹幕会影响观看体验并不讨喜,所以团队也很贴心的在弹幕设置菜单里设计了屏蔽弹幕的类型选项,弹幕视觉的修改取舍全都交还给用户自己决定。