行业关键字
UI设计UI理论和资料 → 正文
微信交互设计 | 关于文字「长按弹出菜单」的优化建议
作者: chency 来源: 视觉同盟 时间: 2021年11月25日
一、什么是「长按弹出菜单」?

设计「长按弹出菜单」是因为移动端产品单屏可显示的内容有限,为了简化页面内容和增加沉浸式体验,需要隐藏很多次要功能。而“长按”则是唤醒次要功能的首选方式,“弹出菜单”则是给用户提供内容的二次操作。

在交互上,手指长按选中文字的动作会弹出一个“选项框”,这个“选项框”中所提供的动作选项就是「长按文字弹出菜单」。

二、微信「长按文字弹出菜单」目前有功能有哪些?

体验设备:iPhone XR

体验版本:8.0.14

微信在不同板块,对文字「长按弹出菜单」的功能设计也不一样。像“聊天页面”的文字弹出功能最多,有复制、转发、收藏、删除等八个选项;“公众号”的居中,“朋友圈”的最少。

对于「长按文字弹出菜单」设计的不同也并不感到奇怪,因为每个板块所对应的功能和用户需求是不一样的。比如“聊天界面”主要是用于对话交流,所以触发「文字长按」的频率以及对文字「二次操作」的需求就会更多,那么相对的就会提供多个操作选项来满足各方面的需求。

而本文对于文字「长按弹出菜单」的优化建议是针对用“微信内置浏览器”所打开的文章中,优化建议为:在文章里提供「长按文字转发」的功能。

三、为什么要在文章里提供「长按文字转发」的功能?

首先,我们先不分析这个功能的用处,而是用逆向思维想一下:微信用户在浏览文章的时候,为什么会选择「长按」这一段文字?这段文字是用来干什么的?基于以上问题,我从两种主要用户类型分析「长按文字」的使用场景和路径。

1. 无目的型用户

特征:不带目的地浏览文章,用于娱乐消遣(类似刷微博、看头条等)。

这类用户一般会从“订阅号消息”或“看一看”等地方浏览最新或感兴趣的推文。像刷微博、看头条一样,用于娱乐消遣的文章,一般是看完一个接一个,沉浸式浏览。所以这类用户触发「长按文字」一般有两个原因:

一是对“所选文字”有疑惑,影响了文段或篇幅的理解,所以会点击“搜一搜”或“查询”检索答案。

二是对“所选文字”感兴趣,需要保留的,那么就可以通过「复制粘贴」发给自己或「共享」保存到备忘录。而前者路径过长(下面内容会做详细解释),这也是为什么需要加「转发」功能的原因。后者操作比较隐蔽,因为「共享」提供的选择很多。

2.任务型用户

特征:带有目的地浏览文章,用于学习、办公等方面的检索(类似查百度、搜知乎等)

这类用户一般是从“搜一搜”或“公众号”里进行检索,有些则是从“聊天界面”打开文章链接。因为是有目的地进行浏览,所以最重要的是能找到“有效信息”。在找到“有效信息”后,就会触动「文字长按」的操作,目的是为了引用这一段文字,而不是一整篇文章。所以,单对文章有「转发」功能是不够的。“文字再引用”就是我认为需要增加「转发」功能的原因。

下面给大家看一下“文字再引用”的现有路径和增加「转发」功能后的路径:

现有路径:选择文字——复制——浮窗文章——返回聊天界面——粘贴——发送。

发送完后,返回原文的路径虽然只需要点击浮窗。但是看完整篇文章后,想要回到开始的“搜索结果页面”,又需要在搜一搜或公众号重新搜索一遍。这样以来,用户反复操作的频率就很高。「复制文字发送」的长路径就会打破用户的沉浸式体验,或者说“浏览计划”,从而影响用户体验。

加上「转发」功能后的路径:选择文字——转发——发送文字。

这样一对比,加上「转发」功能后,不仅省略了中间步骤,还可以不打破用户之前的搜索成本。

补充解释几点:

此「转发」只限于微信生态内的转发,主要益于微信生态内各模块的协作运转。

其中「共享」或「学习」改成「转发」,而非在原有功能上增加。原因是因为加上去后“弹出菜单”会冗长,还有就是我认为「共享」有点鸡肋、「学习」有点低频。

比如在「共享」里选择隔空投送,好友那边打开界面非常复杂,还不如微信发送文字过去;对微信、微博不支持“文字共享”,但可以共享发给QQ、叮叮好友。既然有些不支持“文字共享”,那为何又把它们放进「共享」的选项里?「学习」就是文本替代的功能,但我认为它更适合放在聊天界面,适用于交流。

考虑到「长按文字转发」功能对于用户来说是“提升类需求”而非“基础需求”,所以对于这一功能的开发不会设置一级优先。但同时正是因为可以提升用户体验,所以这一功能的设置也可以算是“锦上添花”。

(责任编辑: Admin

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版