Safari自带的web优化阅读视窗对有些网页不起作用,因而尝试了Evernote Web Clip发现意外地好用,特别是简化文章这个功能恰好满足了当前需求。但未能隐藏当前不可用的细节并不太友好,故想提出来与大家讨论:与Safari自带的优化阅读视窗功能一样,Evernote并不是对所有网页都起作用。在不生效时地址栏左侧的大象标志仍然显示,视觉上无法清晰辨别信号是否可用易对用户操作造成疑惑。
随着圣诞节的到来,B站一如既往的上线了播放器进度条的节日彩蛋。平日里进度条的小电视图标变成了圣诞帽,并且在左右移动播放进程改变小圣诞帽位置时,会有躲在帽子里的小电视探出头来张望的交互动效。虽然进度条彩蛋对于熟悉B站的同学而言已是很熟悉的常规彩蛋设置,但每次的小彩蛋相较以往的设计都会有不同的创新,每次新的节日彩蛋上线还是会给大家带来惊喜。
Creative Boom是英国的一家成立于2009年的创意行业杂志,为创意界的人才和作品提供一个全球化的展示平台,深入挖掘人类对创意的认知。网站的首页logo展示很有意思,Creative Boom的logo字母会随着页面的滚动变成一双眼睛?。并且小眼睛会跟随鼠标在页面的位置变换视角,圆溜溜的眼珠不停的在眼眶滚动,十分灵动有趣。
万圣夜即将来临,各大平台也都开启了Halloween主题。B站播放器进度条上的小电视图标就变成了小幽灵,在左右移动播放进程时还会跟着移动做鬼脸并且黑白皮肤自由切换,节日的氛围立马就营造出来了。其实,每逢节日纪念日,偷偷给播放器换皮肤已成为了B站的常规操作。
打开摄像头拍照人人都会,拍出让人满意的照片却不易。特别是在请他人帮忙拍照的场景下,口头表述拍照需求的沟通成本很高通常效果也并不好。Frismo将请他人拍照沟通效率不高的痛点进行了拆分,用「锁定取景」「人像框线」以及「水平仪」三个小功能来解决对拍照构图、人物位置与拍照朝向沟通困难的问题。
在「全民K歌」进入好友发布的歌曲听歌时,底部「我也要唱」的话筒小图标会被点亮并出现短暂的闪烁小动效,并且「分享」功能的图标上方还会出现Toast提示用户分享得经验值与鲜花的信息。这里的图标点亮设计与「抖音」的「分享」按钮类似,都是通过差异化的图标与动效设计进行视觉引导,突出分享与参与功能以达到鼓励用户进行内容分享与参与互动的目的。
在「抖音」的内容推荐页面刷视频时,你会发现正常情况下页面右侧的「分享」按钮会显示为代表分享含义的普通icon。但当你在当前页面停留时间较久App检测到此视频被观看两遍以上,系统会预判用户对此内容感兴趣并有潜在分享意愿,此时右侧的「分享」按钮就会变成闪动的朋友圈或微信图标了。差异化的图标变化设计突出了「分享」功能,一方面是对用户心理与动作的预判揣摩,一方面也从潜意识里起到了鼓励用户分享行为的目的。
很多App的底部导航总有各式各样的细节展现带给用户惊喜,腾讯出品的「全民K歌」也不例外。当用户心血来潮想要高歌一曲,点击底部导航中间的按钮进入点歌页面时,按钮中握着麦克风的手会有一个「递出」的交互动效展示。这就像现实中即将上台演唱歌曲时工作人员将麦递给演唱者的场景一样,「给你递麦,接下来这个舞台就交给你啦」的意思。
B站播放器的进度条里有萌眼睛小电视交互相信很多同学已经知道了,这是很经典的对用户操作行为做出生动有趣即时反馈的案例。这一次的端午节小电视又来「作妖」了 (๑•ᴗ•๑)~ 为了庆祝「粽子节」的到来,小电视也穿上了粽叶外衣变身「粽子精灵」。当你看剧调整视频进度条时「小粽子」左顾右盼的样子也是real可爱了,B站对节日气氛的渲染也是独树一帜的用心呢~
当我们打开美团App的时候,会发现很多频道图标(icon)右上角有红底白字的标签,娇小的身材但却一样吸睛,形成了视觉焦点的同时,上方的文案更是极具引导性:“领钱、满减、低价、热卖” ,这都是消费者眼里的热门关键词,就像设计师看到PSD源文件、素材打包、私单涨薪一样,会眼前一亮。很明显,标签数量运用得当的话,对应的入口转化率会大大提高。在下一个案例里,也不妨在你的热门频道上加上类似的角标,增强点击达成转化吧。
视频的编辑处理通常比较耗费时间,当辛苦了大半天编辑好准备存储时,你肯定不想出现什么差错,所以VUE在这里告诉用户不要急着退出,防止视频保存失败,并采用长方形的顺时针进度条,打破存储时枯燥无预期的形式,简约不失时尚感,让用户既能专注于内容本身,又能缓解存储等待时的焦虑情绪。这份仪式感也充分体现了「操作中有反馈」的交互原理。
注册新账号对多数人而言都是一件麻烦恼人的事儿,冗长的注册表单、复杂的注册流程都很难让人心情美丽。但于产品而言,用户注册可唯一识别的ID及提供更多信息是为其提供个性化服务与更好使用体验必不可少的环节。那如何改善用户因注册带来的不良情绪呢?
B站播放器进度条中的萌眼睛小电视图标,会在用户调整视频进度时转动眼睛看向拖动动作的方向。这种设计不仅是对用户操作行为确定性很好的即时反馈,更使用户与产品的互动过程增添了情感与趣味性。果然二次元的网站都是用生命在卖萌,这样的萌点真心直戳用户的小心脏呀 (๑•ᴗ•๑) ~ 喵 ~
QQ底部导航中代表「联系人」的小人图标,眼睛会随着点击左右两边的图标而看向对应的方向。这与B站的卖萌播放器进度条有异曲同工的妙处。一方面,联系人小图标眼睛的转动起到了视觉引导的作用,是对用户操作行为确定性的反馈;另一方面,小人儿图标调皮的动效给用户与产品的互动过程增加了童趣代入了情感。