β

微信设计亮点(2)

青溪·札记 114 阅读

前几周介绍了微信发语音功能的设计亮点,这次继续介绍 5 个设计亮点。

1、消息列表,右滑手势操作时有弹跳效果

设计原则:通过动效引导用户

动效反馈除了提升用户使用的愉悦感,还可以用来引导用户、辅助用户记忆。比如此处的例子,弹跳动效让用户看到右侧一小段的红色背景,可以换起用户的记忆、也可能吸引用户的注意力,区尝试换个方向左滑手势操作。

如下图:默认状态(左)、弹跳时(中)、左滑时(右)

2、发消息界面,用户点击“+”图标,如果检测到几分钟前有新照片,则显示最近的一张照片,提示用户可能想发的是这张

设计原则:适时显示

此处采用适时显示的原则,有个好处是如果用户恰好想发这张照片,可以帮助用户减少几步点击、选择操作,提高发照片的效率。同时为了避免给不需要此照片的用户造成干扰,当几秒内用户没有点击则提示自动消失。

3、发消息界面,在输入框写下特定的文字时会匹配一个对应的表情

设计原则:适时显示

与上一个例子一样,对于需要这个表情的用户来说,减少了好几步的操作,效率提高了。对于不需要此表情的用户来说,几秒后提示消失造成的干扰也不大。

为什么会自动匹配表情呢?我个人发消息的习惯是,一些简单的、通用的文字更习惯用表情表达,比如谢谢、OK、sorry等等。相比文字,表情可以表达的情感更为丰富。另一方面,此处适时显示的功能,在表情功能推广期可以起到曝光、吸引用户使用的作用。

如果要说这个功能不满意的点,那就是有好几个表情对应我输入的文字,但是默认匹配的那个却不是我喜欢的。我也不知道为什么会自动匹配这一套表情,而不是我喜欢的那个。同时疑惑是否可以通过调整表情包的顺序来控制优先匹配的表情。

4、声音锁功能,用户按住说话时,消除所有干扰元素。

设计原则:让用户专注当前任务

如下所示,左图界面除了数字串,还有一句提示文字;当用户点击“说话”按钮开始录音时,所有提示文字都消失,同时数字串放大更近的展示在用户眼前。作用很明显,就是让用户不受其他元素的干扰,专注的读出数字。

5、下拉拍短视频,通过图标的渐进显示来反馈用户的操作

设计原则:渐进显示

如下图,用户下拉时眼睛图标从内到外、依次显示完整;图标显示完整后由暗边亮,此时松开手指即可进入短视频拍摄界面。这个渐进显示的设计方式让操作更有趣味性,操作的过渡反馈更平滑。

全篇完~~

欢迎关注我的微信公众号:青溪札记(qingxizhaji)
一枚交互设计师,正在这里分享产品体验记录、交互设计思考心得、阅读笔记、生活乱弹。

二维码

作者:青溪·札记
关注 产品设计、知识管理、阅读
原文地址:微信设计亮点(2), 感谢原作者分享。