【原创】从小处着眼,剖析产品设计理念

现如今,微信已经成为绝大部分年轻人,甚至中老年人生活中一个不可或缺的元素。而经常使用微信的我们一定知道,就在前不久微信增加了一个可以将阅读中的文章最小化为一个浮窗按钮的功能。

今天,我就来和大家一起聊一聊我所读到的这个浮窗按钮背后的那些设计思想。

首先,我们先来考虑考虑,微信为什么要提供这么一个功能?以我个人的情况为例,作为一个上班族,每天用于阅读的时间非常有限,不外乎每天上下班乘车途中,休息用餐期间,或者抽烟蹲坑等。然而谁也不能保证在这些时间里刚巧能将一篇精致的文章阅读完,更关键的是,微信作为一个社交聊天工具,频繁的收到消息是正常现象。此时,矛盾便产生了——退出去回复消息吧,文章没了,再次阅读得从公众号里翻半天,繁琐而浪费时间;不回复吧,显得不礼貌不说,更可能使得一些紧急问题得不到及时的处理。那么,这时候有了小浮窗这么一个功能,以上问题迎刃而解。

其次,我们来说一说将文章收缩为一个小浮窗按钮的触发区域为什么是右下角?这个我想只要经常使用触屏手机的人稍微动动脑子就能想到,立足于大部分人习惯右手单手持机阅读的习惯,结合主流的触屏设备屏幕尺寸以及正常人在这些主流手机屏幕上单手操作的可控区域,恐怕再没有比右下角更合适作为触发区域的了。当然,这一点同样可以用于分析删除浮窗按钮的交互效果。

再次,经常使用小浮窗功能的人或许已经发现在小浮窗里还有玄机。当我们首次将一篇文章收入小浮窗时,小浮窗由一个深灰色的圆环包裹,经过一段时间(目测是一小时)后,圆环将由深灰色变为鲜红色,这是为什么呢?难道是想跟用户玩一个变色游戏吗?恐怕不会这么无聊。本人没有官方资料支撑,仅个人猜测,这应该是一个提示功能。当发现一个读者较长时间没有继续阅读,极有可能是用户忘记了这件事,而原本灰色的小浮窗,并不是特别明显,容易被用户忽略。此时,将小浮窗变为更为突出的鲜红色,显然是为了引起用户的注意,提醒用户,此处还有你关心的内容等着你收割。

说到这里,我突然萌生了两个想法。如果变色设计确实是为了提醒用户,其实还可以考虑两个加强的方式:其一,当用户长时间未阅读悬浮的文章,可以将浮窗移至屏幕上的视觉焦点;其二,可以为浮窗增加小动画,比如波纹、扩散等。

此外,我还想说这种提示设计深得我心。相较于传统的闹钟、事务提醒等提示方式,这种方式显然更加友好。原因在于,当你看到提醒的时候,意味着你正在使用微信,是相对休闲的时间,并不会像闹钟一样会在你专心工作的时候突然响起,打断你的思绪。而且只要你不取消,它就一直在,你可以选择任何方便的时间去处理,而闹钟过了,可能又忘了。

最后,我们来聊一聊浮窗的位置问题。我们知道浮窗设计的一大缺陷便是会遮挡内容,更别说是屏幕可用空间异常珍贵的手持设备。但是,微信小浮窗很好的避免了这个缺陷。第一,小浮窗尺寸设计合理,遮挡范围并不大。第二,可拖拽设计,保证屏幕可见区域所有内容可见。第三,自动吸附,有效避免屏幕核心区域内容被遮挡。

总结,细节决定成败,微信之所以如此成功,不仅仅归功于其背后强大的产品和技术团队,我想更多是总能站在使用者的角度思考,做出符合用户使用习惯的设计,提升使用体验。也许一个极致体验的功能并不一定能成就一款优质的产品,但是一款成功的产品,一定拥有良好的用户体验。