淺談:APP截屏喚起功能的設計

5 評論 12611 瀏覽 70 收藏 8 分鐘

智能機時代,手機自帶系統已支持截屏功能,截屏的方式有虛擬快捷鍵操作、有組合鍵操作、有手勢操作等等,而本文主要介紹用戶為什么截屏?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亮點功能設計。微信公眾號:小白的產品之路。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 很好的干貨。內容慢慢,大贊,感謝作者的分享

    來自北京 回復
  2. 用戶截屏可能出于多種原因,我見過有一類人當被問在干嘛的時候喜歡截屏給對方看,這時候用戶可能就不需要喚起這個功能。這種截屏喚起的功能好處很多,但有時候也是一種打擾,因人而異

    回復
  3. 有一種場景,只是出于分享而非保存需要。如果截圖后自動保存到本地,用戶事后還要手動去刪圖,IOS考慮到位,截圖后支持分享,分享后直接刪除截圖。體驗即知。

    來自浙江 回復
    1. 安卓現在有也此功能

      回復