数极客首页

设计思考:双击对方的微信头像,为什么会晃?

数极客,拥有16种数据分析模型的新一代用户行为分析平台!

在微信里,快速双击对方的头像,头像会晃动一下,这个隐藏很深的功能有什么意义?本文作者从场景和设计原则两个方面对此进行了分析探究。

设计思考:双击对方的微信头像,为什么会晃?

在微信里,快速双击对方的头像,头像会晃动一下,而且还伴有震动。

这不是新功能。2018年圣诞节前,微信发布了7.0版本,点击「我」进入个人主页,可以看到右上角多了一个「相机」图标。点击图标,可以立即录制或上传一段小视频,可以加表情包、字母、配乐,还可以定位。它叫做:即刻视频。

即刻视频虽也是短视频,但和其他平台的短视频有很大差异:朋友仅能在发布的24小时内看到,超过24小时将不再显示。这个新功能带来了一个新交互,今天主要聊聊这个交互:在微信里快速双击对方头像,头像会晃动一下,这个隐藏很深的功能有什么意义?

点击头像的场景

我们点击他人的微信头像,一般有三类需求:

  1. 单击查看个人资料。想要查看对方的头像、微信号、标签、备注等个人信息,可单击对方头像进入名片页面查看。
  2. 单击查看朋友圈。如果忽然想看某个好友的朋友圈,唯一的入口就是单击对方头像进入其名片页面,点击「朋友圈」进入这位好友的朋友圈列表页。
  3. 双击查看即刻视频。想要查看某个好友的即刻视频,可以通过双击好友头像查看。如果好友24h内发过视频,双击后直接进入即刻视频播放页面;如果好友24h内未发过视频,双击其头像就会抖动一下。

为什么要这么设计

在很多展示内容的产品功能设计中,有内容和无内容采用同一种交互:有内容就查看内容,无内容就给一个置空页面的设计。微信的朋友圈采用的就是这种逻辑:点击好友朋友圈,进去后根据好友关系和对方的权限设置看到相应的内容;如果被删除,则朋友圈显示一条直线。

那为什么即刻视频要针对“同一个需求”、“不同结果”采用两种交互呢?

1)双击头像,有视频能进去,没视频进不去;

2)没有视频,双击会抖动一下,可以没反应

没视频可以给置空页面啊,不用晃。

用户之所以会产生双击对方头像的行为,有两种动机:查看对方的即刻视频内容;纯粹无聊,瞎点着玩儿(不知道有即刻视频)。

如果是第一种动机,用户就是奔着”看视频”去的,就像你奔着吃饭去一家餐馆一样,进店坐下之后老板从帘子后面跑出来告诉你:不好意思,今天不营业,我们大扫除。如果在你进门之前,在门口就张贴着“今日歇业”,是否减少了你的行动成本?

如果是基于第二种动机设计的交互,就更容易理解了。即刻视频上线时较为低调、入口相对隐蔽,而且也并非高频功能。通常关注微信功能更新的都是产品经理和追热点的新媒体小编,这些人在微信庞大的用户中所占比例非常小,大部分人并不知道有”即刻视频“这种东西。

对于不知道的用户而言,无意之间双击头像点进去,没视频的情况下看到一个置空页面,用户会疑惑:这里是什么?在哪里发布?微信给的答案就很好:这里没有东西、你也不知道是什么,那就不需要进来。

双击可以没反应啊,不用晃。

确定性给人安全感。采取行为——得到反馈,已经成为人的基本认知行为。

无论什么场景下,如果你采取了某一行为,对方没有任何反应,你会以为“他是不是没听到”、“我是不是没发出去”、“这个按钮是不是坏掉了”、“我刚刚点了吗”……一旦产生这种心理,就会促使人再度采取行为

很多人在坐电梯的时候,会狂按电梯关门的按钮,直到门开始关闭。可事实是:在接收到关闭按钮的信号后,电梯的运行系统需要反应时间和运行时间,排除你没有按到和电梯按钮坏掉的情况,你按一下和按三下是没有区别的。

至于为什么交互效果做成晃动的样子,个人猜测微信是为了做一个拟人的交互和反馈。晃一下的效果简单易理解,和人的摇头动作也很像,告诉你“没有”;另一方面也有点类似于触电,告诉你“别点了”。

两个设计原则

最后,用两个UX设计原则来回答:为什么给出头像晃动的交互?

原则一:状态可见原则

状态可见原则指的是:保持界面的状态可见、变化可见、内容可见系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。

原则二:多尔蒂门槛

多尔蒂门槛:系统需要在 400ms 内对使用者的操作做出响应,这样才能够让使用者保持专注,并提高生产效率。

设计思考:双击对方的微信头像,为什么会晃?

注:请务必挨个观察,不要看整体,看单个的效果。

从动画中可以感受到,50ms、200ms 还算可以让人接受,当响应时间达到 600ms 时已经让人有些不耐烦,而达到 1000ms 时会让人不自觉多点几下,2000ms 时手机已经被砸了。

#专栏作家#

烧包鹿,微信公众号:产品经理小助理,人人都是产品经理专栏作家。3年产品经理,互联网深度用户,善于分析用户。

本文原创发布。未经许可,禁止转载

题图来自Unsplash,基于 CC0 协议

数极客是新一代用户行为分析与数据智能平台,支持用户数据分析运营数据分析留存分析路径分析漏斗分析用户画像SEM数据分析等16种分析模型的数据分析产品,支持网站统计网站分析APP统计APP分析等分析工具,以及会员营销系统A/B测试工具等数据智能应用,支持SAAS和私有化部署,提升用户留存和转化率,实现数据驱动增长!

发表评论

相关文章