从截屏这个小细节,读懂用户行为(下)

写这篇文章是想通过分析用户截屏的意图、不同场景的交互设计,练习对行为细节的洞察思考,把「以用户为中心」等方法论运用到实际的产品设计中。

从截屏这个小细节,读懂用户行为(下)

上篇中分析的是比较常规的解决方案,传送门:从截屏这个小细节,读懂用户行为(上)

下篇我们再来看看,如果把截屏场景挖得更深一些,可以有哪些闪光的小设计。

我只想截个图

截图分享、反馈毕竟不是每个用户的诉求,而且触发的组件会影响连续截图;倘若组件是模态的,还会对行为操作造成中断打扰。

像设计师很多时候对着界面疯狂截图只是为了存个素材、并没有什么别的想法,这时能取消截屏的触发可就太妙了,如下图:

从截屏这个小细节,读懂用户行为(下)

以网易云音乐为例,可以在用户无分享意图、关闭截屏分享组件后,弹出Toast提示可以在设置中将其关闭。或者像腾讯新闻这样,更简单直接,将截图分享开关直接放在活动视图中,用户若不需要该功能,在首次、本页面就可将其关闭。

插一句,如果花瓣、Eagle这些素材收集软件能考虑到设计师群体截屏存素材的意图,出个功能插件,直接将截的图分类保存起来可就好极了。

整合最好的内容供你分享

截屏内容通常比较粗糙,把卡片拦腰斩断、视频里台词说了一半…这样的信息缺失情况常有。

那为了让用户分享的信息全且优雅,有很多设计思路,如下图:

从截屏这个小细节,读懂用户行为(下)

截屏里的信息不全?那设计师把信息整合全了给你呀。以自如APP为例,在房屋详情页面截屏,可以基于内容模板生成一张「房屋信息大全」图片,供用户分享。

如果内容不适合生成固定的模板,分享时可以在截图上加个引子,如下图:

从截屏这个小细节,读懂用户行为(下)

以知乎、豆瓣等内容类APP和淘宝等电商APP为例,这些内容本身具有完整性的APP,可以在截图底部放置二维码,引导用户查看完整内容。

再比如,微博等社交平台上经常有用户分享的影视剧片段截图,展示某段台词。为了迎合此用户行为偏好,视频播放APP可以在版权允许的情况下提供如下功能:

从截屏这个小细节,读懂用户行为(下)

在用户截屏后,给出拼接图相关入口和引导,让截图-拼接编辑-分享,一气呵成。

再再比如,近年来大家对网约车的安全问题都比较关注,许多用户会截屏发送车辆信息给好友家人备份;又或者是帮父母老人约车,要通知他们车辆信息。等等这些场景下,滴滴基于截屏给出了更完备的方案:

从截屏这个小细节,读懂用户行为(下)

通过截屏后出现的活动视图,可以将包装好的链接发送给好友,与截屏只能看到静态信息不同,通过链接好友可以看到位置变化等实时信息。

说到这儿想到,使用淘票票时,将取票二维码截图发送给朋友也是很常见的场景,淘票票有将取票码、取票号等信息整合到图片中,但只有通过保存到手机、分享才能获取,并未基于截屏进行优化。

从截屏这个小细节,读懂用户行为(下)

保存、分享的入口位于取票码下方(非首屏),很不显眼,用户很难寻找到它们。建议增加对截屏的检测和后续流程的设计,顺应用户的操作习惯、别让用户思考。

揣摩截屏意图的细微差别

即便是同一应用中,用户截屏的出发点也不尽相同。比如在首页可能是操作上遇到什么问题、在商品页可能是想让朋友帮忙参谋参谋这件宝贝值不值得买…

对此,在不同页面截屏时,可以给出不同的功能入口,如下图:

从截屏这个小细节,读懂用户行为(下)

以京东为例,在商品页截屏,增加「相似商品」入口,让用户在纠结买不买的时候可以多看看、多比比,从而丰富购物场景。

信息保护

什么页面内都可以放肆截图吗?答案当然是不。

涉及到版权、支付码、地址信息等财产安全敏感信息的应用及页面,任意分享截屏会有相关风险。此时,应通过设计帮助用户规避这些风险,比如在地址、付款码页面截屏:

从截屏这个小细节,读懂用户行为(下)

可以用警示弹窗的提示用户注意保护信息,或者在敏感信息的位置覆盖蒙层、提示保护信息。也可以参考建行APP,截屏后付款码自动失效,切断风险源头。

当技术权限更高时,可以采用如下方案:

从截屏这个小细节,读懂用户行为(下)

直接将页面黑掉,或者屏蔽截屏操作,从源头上防止信息泄露。

在一些涉及个人隐私的场景下,页面内容虽不至于那么敏感,但若落到别人手里或是大面积传播也不太舒服。此时有以下方案可以保护用户:

从截屏这个小细节,读懂用户行为(下)

以携程为例,将图片打码功能整合到截图-反馈流程中;或者参考QQ,一键给昵称头像等敏感信息打码;而钉钉做得就更彻底,密聊时信息阅后即焚、双方头像打码,不给双方分享实锤的机会,甚至截图的时机都不长。

从截屏这个小细节,读懂用户行为(下)

Spot则是另一个思路,截屏不要紧,APP会通知对方,你「截屏了」会以消息的形式存在在双方聊天记录里,用后果提示用户谨慎行为。

像企业微信等公司内部通讯软件,在关键信息页面截屏都会提示用户「系统已记录在案」。这也是一种有效提示保护信息的一种方式。

用户操作硬件触发的交互

截屏是很常见的用户与手机硬件的交互,它也让我联想到了许多类似的场景与设计。比如将耳机连接到手机后,系统会主动推荐使用耳机的、常用的应用:

从截屏这个小细节,读懂用户行为(下)

再比如,用户使用AirPods Pro时摘下一只耳机,另一只耳机会自动关闭降噪。这十分贴合用户摘下耳机与他人聊天的情境。系统也会学习用户摘下耳机后的动作,调整只戴一只耳机情况的设置。

这些设计通过用户操作硬件的行为,预判用户意图、推荐快捷操作,无疑是在一步步加深对用户行为的理解,也是在一步步向情境感知、智能设计迈进。

划重点

完成基础的截屏功能设计后,要再往细分场景中思考思考,如用户在不同页面截屏意图是否一致、截屏获取的内容是否完整、内容是否会动态变化、是否有安全隐患等等,进而为用户提供更细致完备的解决方案。

解决方案要顺应用户的行为习惯,减少用户的思考,用优雅的设计代替机械的操作。

相关阅读

从截屏这个小细节,读懂用户行为(上)

1

发表评论