产品设计思考 | 为什么双击微信头像会晃?

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

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

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

01 点击头像的场景

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

单击查看个人资料。

想要查看对方的头像、微信号、标签、备注等个人信息,可单击对方头像进入名片页面查看。

单击查看朋友圈。

如果忽然想看某个好友的朋友圈,唯一的入口就是单击对方头像进入其名片页面,点击「朋友圈」进入这位好友的朋友圈列表页。

双击查看即刻视频。

想要查看某个好友的即刻视频,可以通过双击好友头像查看。如果好友24h内发过视频,双击后直接进入即刻视频播放页面;如果好友24h内未发过视频,双击其头像就会抖动一下。

02 为什么要这么设计

在很多展示内容的产品功能设计中,有内容和无内容采用同一种交互:有内容就查看内容,无内容就给一个置空页面的设计。

微信的朋友圈采用的就是这种逻辑:点击好友朋友圈,进去后根据好友关系和对方的权限设置看到相应的内容;如果被删除,则朋友圈显示一条直线。

那为什么即刻视频要针对“同一个需求”、“不同结果”采用两种交互呢?1)双击头像,有视频能进去,没视频进不去2)没有视频,双击会抖动一下,可以没反应

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

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

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

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

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

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

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

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

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

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

03 两个设计原则

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

原则一:状态可见原则。

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

原则二:多尔蒂门槛。

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,219评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,363评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,933评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,020评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,400评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,640评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,896评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,597评论 0 199
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,327评论 1 244
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,581评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,072评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,399评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,054评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,083评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,849评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,672评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,585评论 2 270

推荐阅读更多精彩内容