童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

9月1日 栀璃鸢投稿
  在微信里,快速双击对方的头像,头像会晃动一下,这个隐藏很深的功能有什么意义?本文作者从场景和设计原则两个方面对此进行了分析探究。
  在微信里,快速双击对方的头像,头像会晃动一下,而且还伴有震动。
  这不是新功能。2018年圣诞节前,微信发布了7。0版本,点击我进入个人主页,可以看到右上角多了一个相机图标。点击图标,可以立即录制或上传一段小视频,可以加表情包、字母、配乐,还可以定位。它叫做:即刻视频。
  即刻视频虽也是短视频,但和其他平台的短视频有很大差异:朋友仅能在发布的24小时内看到,超过24小时将不再显示。这个新功能带来了一个新交互,今天主要聊聊这个交互:在微信里快速双击对方头像,头像会晃动一下,这个隐藏很深的功能有什么意义?
  点击头像的场景
  我们点击他人的微信头像,一般有三类需求:
  单击查看个人资料。想要查看对方的头像、微信号、标签、备注等个人信息,可单击对方头像进入名片页面查看。
  单击查看朋友圈。如果忽然想看某个好友的朋友圈,唯一的入口就是单击对方头像进入其名片页面,点击朋友圈进入这位好友的朋友圈列表页。
  双击查看即刻视频。想要查看某个好友的即刻视频,可以通过双击好友头像查看。如果好友24h内发过视频,双击后直接进入即刻视频播放页面;如果好友24h内未发过视频,双击其头像就会抖动一下。
  为什么要这么设计
  在很多展示内容的产品功能设计中,有内容和无内容采用同一种交互:有内容就查看内容,无内容就给一个置空页面的设计。微信的朋友圈采用的就是这种逻辑:点击好友朋友圈,进去后根据好友关系和对方的权限设置看到相应的内容;如果被删除,则朋友圈显示一条直线。
  那为什么即刻视频要针对“同一个需求”、“不同结果”采用两种交互呢?
  1)双击头像,有视频能进去,没视频进不去;
  2)没有视频,双击会抖动一下,可以没反应
  没视频可以给置空页面啊,不用晃。
  用户之所以会产生双击对方头像的行为,有两种动机:查看对方的即刻视频内容;纯粹无聊,瞎点着玩儿(不知道有即刻视频)。
  如果是第一种动机,用户就是奔着”看视频”去的,就像你奔着吃饭去一家餐馆一样,进店坐下之后老板从帘子后面跑出来告诉你:不好意思,今天不营业,我们大扫除。如果在你进门之前,在门口就张贴着“今日歇业”,是否减少了你的行动成本?
  如果是基于第二种动机设计的交互,就更容易理解了。即刻视频上线时较为低调、入口相对隐蔽,而且也并非高频功能。通常关注微信功能更新的都是产品经理和追热点的新媒体小编,这些人在微信庞大的用户中所占比例非常小,大部分人并不知道有”即刻视频“这种东西。
  对于不知道的用户而言,无意之间双击头像点进去,没视频的情况下看到一个置空页面,用户会疑惑:这里是什么?在哪里发布?微信给的答案就很好:这里没有东西、你也不知道是什么,那就不需要进来。
  双击可以没反应啊,不用晃。
  确定性给人安全感。采取行为得到反馈,已经成为人的基本认知行为。
  无论什么场景下,如果你采取了某一行为,对方没有任何反应,你会以为“他是不是没听到”、“我是不是没发出去”、“这个按钮是不是坏掉了”、“我刚刚点了吗”一旦产生这种心理,就会促使人再度采取行为。
  很多人在坐电梯的时候,会狂按电梯关门的按钮,直到门开始关闭。可事实是:在接收到关闭按钮的信号后,电梯的运行系统需要反应时间和运行时间,排除你没有按到和电梯按钮坏掉的情况,你按一下和按三下是没有区别的。
  至于为什么交互效果做成晃动的样子,个人猜测微信是为了做一个拟人的交互和反馈。晃一下的效果简单易理解,和人的摇头动作也很像,告诉你“没有”;另一方面也有点类似于触电,告诉你“别点了”。
  两个设计原则
  最后,用两个UX设计原则来回答:为什么给出头像晃动的交互?
  原则一:状态可见原则
  状态可见原则指的是:保持界面的状态可见、变化可见、内容可见系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。
  原则二:多尔蒂门槛
  多尔蒂门槛:系统需要在400ms内对使用者的操作做出响应,这样才能够让使用者保持专注,并提高生产效率。
  注:请务必挨个观察,不要看整体,看单个的效果。
  从动画中可以感受到,50ms、200ms还算可以让人接受,当响应时间达到600ms时已经让人有些不耐烦,而达到1000ms时会让人不自觉多点几下,2000ms时手机已经被砸了。
投诉 评论 转载

12306的放票逻辑是什么?作者从自己的一个购票经历出发,探究分析了购票网站12306的放票逻辑,并从三个方面进行了总结,与大家分享。今天准备买黄冈到广州的开学车票,然后发现余票很充足,但是因为只有……6个问题,深入探讨设计系统是什么根据不同的业务、需求,设计系统的构建也不尽相同,不同的设计系统样式可以满足特定样式的特定需求。本文从六个常见问题出发,围绕设计系统进行了分析探讨。如今,越来越多的公司专注……如何设计电商订单系统?在电商体系中,商品中心、订单中心、库存系统为最重要的三大核心系统,订单系统(OMS系统)连接用户和商家之间最重要的交易信息系统,本次阐述一下电商订单系统的产品设计。一、订……系统产品规划,需要考虑这些因素本文作者为大家梳理了系统产品规划时需要考虑的一些因素:人货场的关系、成本中心和利润中心,以及企业的架构建模。2020年已经过去112了,这段时间每天都在关注着疫情战役,我……设计思考:双击对方的微信头像,为什么会晃?在微信里,快速双击对方的头像,头像会晃动一下,这个隐藏很深的功能有什么意义?本文作者从场景和设计原则两个方面对此进行了分析探究。在微信里,快速双击对方的头像,头像会晃动一……OA系统设计(1):流程笔者有OA系统的设计经验,本系列将分篇章总结OA中最核心的功能,希望能尽可能全面地记录笔者的经验,和感兴趣的读者交流分享。OA系统对于提升企业和政府单位的办公效率有非常重……万字长文解析:如何做好TOB产品?这个被修昔底德陷阱笼罩的资本世界,并不会手捧鲜花迎接来我们的成功。历史之势从来不是无心为之,那这次为什么是TOB呢?要如何做好TOB产品呢?本文是作者对自己五年运营工作内容的总……人类认知对设计规律有这些影响数字产品之间的交互是我们生活中不可或缺的一部分,产品能够理解人类行为非常重要。理解人类的认知并将简单的设计规律应用于设计过程中,会对用户体验产生重大而积极的改变。我该怎么……Fogg行为设计模型在产品设计中的应用从Fogg行为设计模型中,我们能拆解出动机、能力、触发要素等关键要点,并在该行为设计模型影响下得到一些产品设计的思考与启发。“设计是人为的,为人的行为”,设计的内含已经起……设计师如何做体验走查?对设计师来说,检验设计成果最行之有效的办法就是体验走查。那么具体如何操作呢?如何实现体验走查呢?本文将为你揭晓答案。一、体验走查是每个设计师的日常工作之一接触一个新……智能时代下的客服系统(一):工单系统之框架篇本文将针对如何用一套系统,满足内部各方痛点的同时,提升客户满意度的角度来跟大家探讨一下,如何进行工单系统的框架搭建。在互联网增长红利日渐减少的大背景下,越来越多的toB企……标签进阶三步走从纸质标签到二维码,再到RFID。作者对标签的三种形式进行了梳理,对各自的优缺点进行了比较分析。最近工作涉及到的几个项目都或多或少需要线上产品感知大量的线下物品货物。仓库……
内容为王,设计之功关于边框和底色的那一些小事QQ电脑管家6。0项目小结移动设备拒绝一页一页又一页单一功能的应用程序是否给我们更好的用户体验?互联网产品“冷启动”问题浅析再设计Redesign如何设计新手用户引导手机产品设计之用户引导取代触摸屏点击操作学习腾讯的产品管理之道让我们的产品更成功

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界