【摘要】
UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。考必过为大家精心整理了从截屏这个小细节，读懂用户行为（下）,希望能够帮助到大家。从截屏这个小细节，读懂用户行为（下）的详细内容如下：
写这篇文章是想通过分析用户截屏的意图、不同场景的交互设计，练习对行为细节的洞察思考，把「以用户为中心」等方法论运用到实际的产品设计中。
上篇中分析的是比较常规的解决方案，传送门：
《从截屏这个小细节，读懂用户行为（上）》
下篇我们再来看看，如果把截屏场景挖得更深一些，可以有哪些闪光的小设计。
截图分享、反馈毕竟不是每个用户的诉求，而且触发的组件会影响连续截图；倘若组件是模态的，还会对行为操作造成中断打扰。像设计师很多时候对着界面疯狂截图只是为了存个素材、并没有什么别的想法，这时能取消截屏的触发可就太妙了，如下图：以网易云音乐为例，可以在用户无分享意图、关闭截屏分享组件后，弹出Toast提示可以在设置中将其关闭。或者像腾讯新闻这样，更简单直接，将截图分享开关直接放在活动视图中，用户若不需要该功能，在首次、本页面就可将其关闭。插一句，如果花瓣、Eagle这些素材收集软件能考虑到设计师群体截屏存素材的意图，出个功能插件，直接将截的图分类保存起来可就好极了。
截屏内容通常比较粗糙，把卡片拦腰斩断、视频里台词说了一半…这样的信息缺失情况常有。那为了让用户分享的信息全且优雅，有很多设计思路，如下图：截屏里的信息不全？那设计师把信息整合全了给你呀。以自如APP为例，在房屋详情页面截屏，可以基于内容模板生成一张「房屋信息大全」图片，供用户分享。如果内容不适合生成固定的模板，分享时可以在截图上加个引子，如下图：以知乎、豆瓣等内容类APP和淘宝等电商APP为例，这些内容本身具有完整性的APP，可以在截图底部放置二维码，引导用户查看完整内容。再比如，微博等社交平台上经常有用户分享的影视剧片段截图，展示某段台词。为了迎合此用户行为偏好，视频播放APP可以在版权允许的情况下提供如下功能：在用户截屏后，给出拼接图相关入口和引导，让截图-拼接编辑-分享，一气呵成。再再比如，近年来大家对网约车的安全问题都比较关注，许多用户会截屏发送车辆信息给好友家人备份；又或者是帮父母老人约车，要通知他们车辆信息。等等这些场景下，滴滴基于截屏给出了更完备的方案：通过截屏后出现的活动视图，可以将包装好的链接发送给好友，与截屏只能看到静态信息不同，通过链接好友可以看到位置变化等实时信息。说到这儿想到，使用淘票票时，将取票二维码截图发送给朋友也是很常见的场景，淘票票有将取票码、取票号等信息整合到图片中，但只有通过保存到手机、分享才能获取，并未基于截屏进行优化。保存、分享的入口位于取票码下方（非首屏），很不显眼，用户很难寻找到它们。建议增加对截屏的检测和后续流程的设计，顺应用户的操作习惯、别让用户思考。
即便是同一应用中，用户截屏的出发点也不尽相同。比如在首页可能是操作上遇到什么问题、在商品页可能是想让朋友帮忙参谋参谋这件宝贝值不值得买…对此，在不同页面截屏时，可以给出不同的功能入口，如下图：以京东为例，在商品页截屏，增加「相似商品」入口，让用户在纠结买不买的时候可以多看看、多比比，从而丰富购物场景。
什么页面内都可以放肆截图吗？答案当然是不。涉及到版权、支付码、地址信息等财产安全敏感信息的应用及页面，任意分享截屏会有相关风险。此时，应通过设计帮助用户规避这些风险，比如在地址、付款码页面截屏：可以用警示弹窗的提示用户注意保护信息，或者在敏感信息的位置覆盖蒙层、提示保护信息。也可以参考建行APP，截屏后付款码自动失效，切断风险源头。当技术权限更高时，可以采用如下方案：直接将页面黑掉，或者屏蔽截屏操作，从源头上防止信息泄露。在一些涉及个人隐私的场景下，页面内容虽不至于那么敏感，但若落到别人手里或是大面积传播也不太舒服。此时有以下方案可以保护用户：以携程为例，将图片打码功能整合到截图-反馈流程中；或者参考QQ，一键给昵称头像等敏感信息打码；而钉钉做得就更彻底，密聊时信息阅后即焚、双方头像打码，不给双方分享实锤的机会，甚至截图的时机都不长。Spot则是另一个思路，截屏不要紧，APP会通知对方，你「截屏了」会以消息的形式存在在双方聊天记录里，用后果提示用户谨慎行为。像企业微信等公司内部通讯软件，在关键信息页面截屏都会提示用户「系统已记录在案」。这也是一种有效提示保护信息的一种方式。
截屏是很常见的用户与手机硬件的交互，它也让我联想到了许多类似的场景与设计。比如将耳机连接到手机后，系统会主动推荐使用耳机的、常用的应用：再比如，用户使用AirPods Pro时摘下一只耳机，另一只耳机会自动关闭降噪。这十分贴合用户摘下耳机与他人聊天的情境。系统也会学习用户摘下耳机后的动作，调整只戴一只耳机情况的设置。这些设计通过用户操作硬件的行为，预判用户意图、推荐快捷操作，无疑是在一步步加深对用户行为的理解，也是在一步步向情境感知、智能设计迈进。
完成基础的截屏功能设计后，要再往细分场景中思考思考，如用户在不同页面截屏意图是否一致、截屏获取的内容是否完整、内容是否会动态变化、是否有安全隐患等等，进而为用户提供更细致完备的解决方案。解决方案要顺应用户的行为习惯，减少用户的思考，用优雅的设计代替机械的操作。
参考引文
《为什么你的设计无法让别人记住？》http://1t.click/bkw4
《浅谈：APP截屏唤起功能的设计》http://1t.click/bkw2
《社交垂直探索 | QQ截图全新设计》http://1t.click/bkwx
Material Design http://1t.click/bkw7
Human Interface Guidelines http://1t.click/bkw9
原文地址：海盐社（公众号）
作者：鹤一
以上就是从截屏这个小细节，读懂用户行为（下）的详细内容，希望本篇文章的内容对大家有所帮助。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。让我们一起加油吧！
