关于「长按」交互设计的总结思考

子牧UXD

共 2234字,需浏览 5分钟

 ·

2021-07-16 12:31


   2021年 原创总第 21 篇   

   距离年度目标36篇    还有 15 篇   

(全文1782字,预计阅读时间:4分钟)

每天我们都需要运用手势去操作手机、平板电脑,直接操作屏幕让交互形式更加简单纯粹,更加自然。但是手势操作有不同的类型,带给用户的体验感知也是不同的。今天我们就简单分析下“长按”手势操作的使用场景。

1、“长按”交互特点

1)行为成本更高,避免误操作

现实生活中笔记本电脑或者手机的Power键,基本都是快速点按可以熄屏。长按则是关机。对用户而言,长按操作行为成本更高,可以用来有效的避免用户误操作。

2)功能隐蔽性高,用户不易洞察

长按操作不如点击操作来的自然,现实生活中长按的行为场景也并不多。在移动端产品中,长按的隐蔽性更高,用户不易感知。例如Safari浏览器中,标签栏按钮点击可以进入页面选择模式,而长按则可以进入标签编辑菜单。用户的学习成本要求较高,一般用户很难觉察。   

2、使用场景

长按交互属于高阶的手势操作,通常用在高门槛、低频操作场景中。

1)功能集合入口,触发操作菜单

移动端产品单屏可显示的内容有限,为了简化页面内容,很多次要功能都会隐藏起来。长按就成为了唤醒操作的首选方式,类似于PC端鼠标hover显示二级菜单或者右键菜单功能。

例如长按微信消息可以调出操作菜单,完成内容的二次操作,例如转发,搜索、引用等等。而微信读书类的产品为了打造沉浸式的阅读氛围,阅读时屏幕中只展示文章内容,点击固定区域可以快速唤出常用功能菜单,而长按页面可以对文章内容编辑操作。

天猫首页商品图长按也可以调出商品设置功能菜单,隐藏式的菜单保证了用户更加聚焦商品的浏览。


2)快捷操作,提高行为效率

对于步骤较多的操作,长按操作可以缩短用户行为路径,相对于点击按钮操作效率更高。

  • 细分场景下的手势补充

今日头条视频播放倍速功能,需要用户多步操作,并且只能在全屏模式下设定固定倍速,最高设定2倍速,停止加速也需要逐步操作。当用户需要临时短暂性加速时,操作会较为繁琐。

为了更好的满足用户需求,今日头条视频还在非全屏模式下,增加了长按视频3倍速快进功能,松手即可恢复正常播放速度,操控简单高效,特别适合短暂跳过部分视频内容的场景。

输入法中的上档键, 单击只能实现一个字母的大写输入,长按则启动固定大写模式,便于用户输入较长大写文本,提高输入效率。

  • 快捷操作的补充

在iOS系统中,长按交互还可以进入预览操作模式。例如在自带的邮件App中,长按一封邮件可以预览邮件内容,并且还附加了操作选项,帮助用户快速处理邮件。同样消息中心内容长按可以预览,短信、微信等即时通讯工具长按可以快速回复。这都在一定程度上提高了用户的行为效率。

  • 次要功能的交互补充

正如上文所说,移动端产品屏幕可显示空间有限,一个按钮有时会集合多项功能。单击作为高频核心功能的操作方式,而长按作为启动次要、低频功能,从而简化界面内容。

大家都知道朋友圈单击进入图文发布模式,长按可以发布纯文本。这样的设计有利于减少纯文字内容的发布数量。另一方面用户发送图文的需求更高,如果每次都让用户做选择,反而影响用户的操作效率。

3、辅助情感表达

长按是高门槛行为,需要用户投入更多的操作成本,因此视频类产品都在点赞上增加了长按的交互形式,以此满足用户情感表达的需要

例如今日头条视频点赞时,单击和长按最终都只会增加一个点赞数量,但是长按时增加了喷发效果,当用户遇到了真正喜爱的视频时,有助于表达用户的情感。

西瓜视频长按点赞则会将视频变为强烈推荐,用户可以为自己的喜爱的UP主引流。B站视频中,长按点赞功能可以实现一键3连,既提高了用户的行为效率,也更好的辅助用户的情绪表达。

写在最后

对于用户而言,无论是从认知还是行为上,长按交互成本都更高。因此并不是主流的交互操作形式,更多的是作为单击动作的补充,为用户提供一种快捷方式。

不过长按功能并不会作为重要操作项主动引导用户使用,反而仿佛是一个彩蛋功能等待用户挖掘。所以长按功能通常需要有其他的入口或者操作方式,弥补用户使用感知上的不足。

今天的内容就到这里了,欢迎大家留言讨论~

—— THE END —

🌈🌈🌈 粉丝福利:

1、大家点个“在看”,然后在【子牧UXD】公众号后台,回复“行业报告”即可免费领取100+篇精选行业报告

2、我们组织了专业的产品/交互/UI设计交流群,群内有来自多位华为、阿里、百度、拼多多、腾讯、快手、美团等一线大厂的设计专家,欢迎入群一起交流成长。

3、扫描下方二维码添加小编微信,即可拉你进群。

「5400+」读者共同成长




阅读推荐 》》

天猫首页改版引发的3点思考

2021-06-16

设计心理学系列(04)——序列效应

2021-05-11

如何建立产品设计中的“安全感”

2021-06-01

设计心理学系列(02)——希克定律

2021-04-14

【设计复盘】设计师如何做好需求洞察

2021-03-23


点下“看”,爱心发射
浏览 27
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报