如何設計App訂閱服務的介面

如果你常常在收到App store email之後才發現,咦?!原來我還有在訂閱XXX服務啊,根本沒在用,還要繳錢…,點進App發現離下一次繳費還有好一陣子,那之後再取消好了,下個月又是同個狀況循環,你不孤單,我也常常忘記,有個年繳的修圖軟體,沒用兩次就一年了。這篇文章不適合受災戶,因為這篇文章是教設計師們怎麼說服用戶訂閱的,不過知己知彼、百戰百勝,了解銷售人員說這是最後一組、或是我也有買這件,會更不容易被騙(吧),其實呢,訂閱模式促銷方式很多,如果想要快狠準結束服務的話,到設定>Apple ID>訂閱,會寫上你目前所有訂閱的App,可以看不同價格方案,快速改變訂閱。而你很想要某些服務,但又不是每個月都有用到的話,可以先取消訂閱,開發商會不時想要把舊用戶拉回來,這時候你就可以拿到低價促銷訂閱了!

設計師們,請繼續看下去:

本文適合: 設計App Store訂閱服務的設計師們。

蘋果在2008年推出App Store,讓大家可以在App Store裡下載各種App(應用程式)。開發商可以靠App盈利,例如放廣告、付費下載和訂閱模式(Subscriptions)等。2016年,蘋果開放給所有類別的App採用訂閱模式,如遊戲、連載內容和雲端服務等。若開發商要提供服務,必須要仔細研究App Store規範(英文中文)要不然會無法上架。

去年,我參與設計的App在A/B測試(A/B Testing)不同的訂閱介面,幾個月後,數據顯示A版的轉換率(Conversion rate)比較高,團隊決定推出A版,重新遞交A版審核時,被拒絕了,官方拒絕的時候都會列上簡單原因與對應的規範。我們才發現幾個月的時間內,官方規範改變,提供的圖例也改變,原本要詳列的可以刪減,簡單的標語被視為有誤導嫌疑。最後團隊研究拒絕原因,改成C版才被審核通過可以上架。

今天想從產品設計師角度來研究,怎麼在蘋果規範下設計訂閱頁面。(幾個月後這些規範又改變了,大家請以官方為主)

首先, 訂閱頁面上必須要包含:1. 訂閱項目名稱和時間限制,以及訂閱時間內提供的內容或服務。2. 明顯清晰、並以當地貨幣顯示完整的續約價格。3.提供當前訂閱用戶登錄或恢復購買的方法。4. App 和 App store metadata 必須要包含使用條款及隱私政策。

接著,根據產品核心價值與內容,推出不同的訂閱方式:

1.免費試用(Free trials):

在新用戶初次開啟App時,簡單明瞭提供訂閱的好處,並提供免費試用。

例如影音串流服務Hulu、Apple TV、HBO Max為新用戶提供一週或一個月的免費試用,讓新用戶免費看影片,接著會持續訂閱,與其他服務不同的是,客戶沒有訂閱就無法使用App。

介面設計上,除了CTA強調免費試用之外,將產品好處可視化或數據化(下圖橘色框),可以提高用戶興趣。例如不同影音平台擁有的不同的版權,在訂閱頁面提供最新或是瀏覽人數最多的影片縮圖,提高用戶免費看的意願,想著先用七天就好,之後再取消,就馬上按下訂閱。該注意的是:必須清楚提供試用之後實際支付的價格(下圖藍色框),否則會有誤導嫌疑。

Image for post
Image for post

2.免費增值(加值)服務(Freemium app service):

用戶免費體驗App,進而付費訂閱解鎖更多功能或服務。

例如運動健身: Nike Training、交友平台: Tinder、冥想打坐: Headspace、語言學習: Duolingo 、相機修圖: Vsco等等,利用彈出視窗、小圖示、或是+、Plus、Premium(下圖橘色框)來提醒用戶訂閱的好處。

Image for post
Image for post

而訂閱介面上,要怎麼在一個行動裝置頁面內,清楚表達訂閱好處呢?可以條列出好處(下圖橘色框),並用卡片式列出收費金額、時間長度、價格差異(下圖藍色框),最後在放上想要特別強調的優惠例如節省 30%或最佳價格等等,也可以放入倒數計時器營造飢餓行銷。該注意的是,在頁面內塞入大量資訊時,可以運用字體大小、顏色建立良好的視覺層級(Visual Hierarchy)吸引用戶訂閱。

Image for post
Image for post

3.計量付費模式(Metered paywall):

用戶可以在指定的時間內閱覽限量的內容,超過指定數量後,需要訂閱解鎖無限制數量的內容。

例如閱讀寫作平台Medium,提供每個月閱讀五篇文章的權限,或是運動健身WorkoutWoman,讓用戶免費參與兩個運動計畫。介面設計上,用推播通知的方式,提醒用戶使用的數量,該訂閱享用更多服務了!(下圖橘色框)

Image for post
Image for post

以上舉例的介面對於付費之後提供的服務是相同的,只是在價格上有所差異,如一次付清年費會比月繳便宜。

4. 多種訂閱層級(Subscription tiers)

用戶可以訂閱不同價格的會員,得到的好處也有不同,越貴的解鎖越多服務。

例如新聞媒體:紐約時報推出$16.99/月可以閱讀無限制數量的新聞,而$27.99/月除了閱讀無限制新聞以外,又可以閱讀食譜、玩遊戲與分享訂閱給朋友。

官方規範上詳盡敘述升級與降級該如何,但要怎麼呈現給用戶呢?

以Quibi(短影集平台)為例,Quibi提供有廣告以及無廣告的訂閱模式,從有廣告改訂閱為無廣告時,看影片不需要等待,服務級別提升,價格變貴,則App Store會立即升等與扣款,並獲得原始訂閱的按比例的退款。而反之,今天從無廣告改為有廣告時,用戶的訂閱方案會保持不變,直到下一個續定日期,才會以較低級別的價格續訂。(見下圖)設計上,可以提供彈出視窗提醒用戶會被立刻扣款、或是等到下一個月才會開始方案,用戶確認後,可以放上標註提示。

Image for post
Image for post

除此之外,設計師們也可以針對現有或之前訂閱但取消的用戶提出促銷活動,設計上著重在CTA與文字敘述,如用戶重啟app會跳出視窗重新訂閱的按鈕配上倒數計時器。

今年受到新冠病毒的影響,許多民眾待在家裡使用手機的時間增加,下載App數量創下歷年新高,App Store有$18.3billion下載量,並獲得大約$32.8billion營收。(新聞來源)若公司正要推出訂閱服務,或是要優化介面的話,希望這篇文章能帶給你們一點方向,一起審核通過吧:)!

本篇文章同步發佈在個人網站上。

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store