浅谈：APP 截屏唤起功能的设计

智能机时代，手机自带系统已支持截屏功能，截屏的方式有虚拟快捷键操作、有组合键操作、有手势操作等等，而本文主要介绍用户为什么截屏？APP内截屏后又会有怎样的设计？

一、截屏是什么？

用户通过智能机所提供的截屏操作将当前浏览页以图片的形式保存在手机本地，之后再将保存的图片用作其他用途。

二、什么场景下会截屏？

场景一：

小明正在浏览某个APP，此时他觉得当前浏览的内容比较不错，他想通过手机系统自带的截屏功能把当前页截成图片保存下来，便于自己以后再次浏览或学习。

场景二：

小明新下载了某款APP，由于不熟悉该产品的某些规则或使用说明，想截屏去咨询在线客服如何正确理解和使用此产品。

场景三：

小明在使用某款APP过程中，遇到了APP设计不合理或BUG的地方，想截屏把这一情况反馈给该公司的产品。

场景四：

小明在某购物APP的下单过程中，比较犹豫该选择哪种商品更合适，想截屏将商品情况分享好友，帮忙提供购买相关建议。

场景五：

小明在某购物APP体验后，认为某款商品或某个商家各方面都不错，想截屏将这个优质的商品或商家分享给需要的好友。

场景六：

小明在某外卖APP上点外卖过程中，发现某家餐厅蛮不错的推荐给需要点外卖的同事，而这时候同事也想在这家餐厅点外卖，小明想截屏将这家餐厅的所有菜品截屏给同事，等同事挑选好后可以一起拼单点外卖。（PS：小明真忙）

三、如何设计截屏？

如何截屏？

只能手机系统自带截屏功能，方式有虚拟快捷键、按钮组合键、手势操作等。

截屏会触发什么？

在APP内截屏，一方面是将当前页以图片形式保存到手机本地，另一方面在APP内会唤起某些功能。最常见的是直接唤起分享组件框，另外少部分APP截屏唤起功能集合框，集合框的目的是给用户提供选择权，下一步选择去做什么操作。

对应上述小明遇到的场景，截屏时APP内会触发哪些功能呢？

• 场景一： APP无需触发功能。如微信、微博等
• 场景二： APP触发 在线客服 功能，提供在线客服的入口。前提是该APP有在线客服的功能，另外在线客服支持图片发送。如滴滴。
• 场景三： APP触发 反馈 功能，提供给用户便捷的反馈通道。前提是该APP支持图片反馈。如美团、携程等
• 场景四&场景五： APP触发 分享 功能，一方是APP内部用户分享，另外是APP外部用户分享，外部分享主要是分享到第三方应用上。如京东、网易云音乐等。
• 场景六： APP触发 一起拼单 功能，直接减少用户截屏次数和操作复杂度，给多个用户拼单点外卖带来便利性。如美团外卖、饿了么。

哪些页面截屏会唤起功能？

按照截屏唤起不同功能来了解在哪些页面截屏会唤起功能：

• 在线客服 ，一般没有页面限制。
• 反馈 ，一般没有页面限制。
• 分享 ，常见于电商类APP、阅读APP等，主要唤起功能的页面常见在商品详情页、商家详情页、书籍详情页等有详细商品内容页。
• 一起拼单 ，常见于外卖类APP，主要在商家详情页（选择菜品）。

截屏唤起功能框位置在哪里？

单独的分享组件框常见于手机屏幕底部位置，若截屏唤起的是功能集合框，位置一般在手机屏幕正中、中部靠右位置或屏幕顶部（滴滴），猜测滴滴唤起的功能集合框在顶部的目的是一方面不希望用户在下单过程中跳出APP，另外唤起的功能集合框不影响查看上下车位置等重要信息。

截屏唤起功能框显示多久？

截屏唤起的功能框基本上都是非模态弹框，弹框显示一般持续在3-5秒，若此时间段内用户在弹框内无操作，则弹框自动隐藏。

分享出去是啥？

• 原图 ，多数APP截屏分享出去的都是保存在手机本地的原图。
• 被编辑的图片 ，一般支持反馈和在线客服功能的APP，截屏分享出去是可以在原图上进行简单的编辑，目的是将问题点或疑惑点明确的标记出来，让别人能直观的发现问题并解决。另外少数APP支持分享原图的同时进行添加贴纸的编辑，目的是使得分享出去的图片更加有趣生动，引人注意。如网易新闻、天猫。
• 链接 ，分享出去的是当前商品详情页或商家详情页（即当前页链接），对于被分享者而言，通过链接查看分享内容，查看分享更加直接和全面，且有一定引流的作用。但是存在一定的技术复杂度。如淘宝、Booking.com等。

四、总结

以上是自己整理的关于APP截屏唤起功能相关的内容，那么问题来了，我们自己负责的产品截屏唤醒功能需要如何设计呢？

按照产品类型来说 ，电商类、OTA类APP比较适合于截屏唤起分享功能，一方面满足有主动分享的心理的用户需求，另一方面能给产品带来一定的口碑宣传或导流作用。而IM和社交类APP不太适用于分享功能，因为截屏分享通常是通过第三方社交类APP分享，如果产品本身就是IM或社交类APP，截屏再唤起分享组件框的略显得画蛇添足。

按照产品所属时期来说 ，产品出于启动期、成长期比较适合于截屏唤起反馈功能，一方面是产品设计自身会存在不合理或BUG需要用户点明，另外一方面满足此时期的活跃用户提供有效合理的建议，使得产品设计更加完善、用户体验更加好。

以上是结合自己工作和参考其他APP截屏唤起功能整理的，可能存在一定的局限性。欢迎大家多交流学习。

董小白。喜欢研究各类好玩好用的APP，关注出行、电商等领域；擅长整理和分析APP亮点功能设计。微信公众号：小白的产品之路。

关键字：产品经理, 产品设计, 截屏

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！