微信|微信交互设计

编辑导语: 在互联网产品中,“交互设计”对用户体验产生很大影响。截至目前,微信有着10亿+的日活用户。作为这十亿分之一,你有长时间被某一功能设计的不完善而困扰吗?本文作者将以用户角度,对微信「长按文字弹出菜单」提出优化建议,一起来看看。
微信|微信交互设计
文章插图
一、什么是「长按弹出菜单」?设计「长按弹出菜单」是因为移动端产品单屏可显示的内容有限,为了简化页面内容和增加沉浸式体验,需要隐藏很多次要功能。而“长按”则是唤醒次要功能的首选方式,“弹出菜单”则是给用户提供内容的二次操作。
在交互上,手指长按选中文字的动作会弹出一个“选项框”,这个“选项框”中所提供的动作选项就是「长按文字弹出菜单」。
二、微信「长按文字弹出菜单」目前有功能有哪些?体验设备:iPhone XR
体验版本:8.0.14
微信在不同板块,对文字「长按弹出菜单」的功能设计也不一样。像“聊天页面”的文字弹出功能最多,有复制、转发、收藏、删除等八个选项;“公众号”的居中,“朋友圈”的最少。
微信|微信交互设计
文章插图
对于「长按文字弹出菜单」设计的不同也并不感到奇怪,因为每个板块所对应的功能和用户需求是不一样的。比如“聊天界面”主要是用于对话交流,所以触发「文字长按」的频率以及对文字「二次操作」的需求就会更多,那么相对的就会提供多个操作选项来满足各方面的需求。
而本文对于文字「长按弹出菜单」的优化建议是针对用“微信内置浏览器”所打开的文章中,优化建议为:在文章里提供「长按文字转发」的功能。
三、为什么要在文章里提供「长按文字转发」的功能?首先,我们先不分析这个功能的用处,而是用逆向思维想一下:微信用户在浏览文章的时候,为什么会选择「长按」这一段文字?这段文字是用来干什么的?基于以上问题,我从两种主要用户类型分析「长按文字」的使用场景和路径。
1. 无目的型用户特征:不带目的地浏览文章,用于娱乐消遣(类似刷微博、看头条等)。
这类用户一般会从“订阅号消息”或“看一看”等地方浏览最新或感兴趣的推文。像刷微博、看头条一样,用于娱乐消遣的文章,一般是看完一个接一个,沉浸式浏览。所以这类用户触发「长按文字」一般有两个原因:
一是对“所选文字”有疑惑,影响了文段或篇幅的理解,所以会点击“搜一搜”或“查询”检索答案。
二是对“所选文字”感兴趣,需要保留的,那么就可以通过「复制粘贴」发给自己或「共享」保存到备忘录。而前者路径过长(下面内容会做详细解释),这也是为什么需要加「转发」功能的原因。后者操作比较隐蔽,因为「共享」提供的选择很多。
2.任务型用户特征:带有目的地浏览文章,用于学习、办公等方面的检索(类似查百度、搜知乎等)
这类用户一般是从“搜一搜”或“公众号”里进行检索,有些则是从“聊天界面”打开文章链接。因为是有目的地进行浏览,所以最重要的是能找到“有效信息”。在找到“有效信息”后,就会触动「文字长按」的操作,目的是为了引用这一段文字,而不是一整篇文章。所以,单对文章有「转发」功能是不够的。“文字再引用”就是我认为需要增加「转发」功能的原因。
下面给大家看一下“文字再引用”的现有路径和增加「转发」功能后的路径:
现有路径:选择文字——复制——浮窗文章——返回聊天界面——粘贴——发送。
微信|微信交互设计
文章插图
发送完后,返回原文的路径虽然只需要点击浮窗。但是看完整篇文章后,想要回到开始的“搜索结果页面”,又需要在搜一搜或公众号重新搜索一遍。这样以来,用户反复操作的频率就很高。「复制文字发送」的长路径就会打破用户的沉浸式体验,或者说“浏览计划”,从而影响用户体验。
加上「转发」功能后的路径:选择文字——转发——发送文字。
微信|微信交互设计
文章插图
这样一对比,加上「转发」功能后,不仅省略了中间步骤,还可以不打破用户之前的搜索成本。
补充解释几点:
此「转发」只限于微信生态内的转发,主要益于微信生态内各模块的协作运转。
其中「共享」或「学习」改成「转发」,而非在原有功能上增加。原因是因为加上去后“弹出菜单”会冗长,还有就是我认为「共享」有点鸡肋、「学习」有点低频。