楠木軒

會員體系中心該怎麼畫

由 宗政從蓉 發佈於 科技

編輯導語:如今很多產品都開始建立會員體系,會員體系以權益體系為核心,以等級成長體系和激勵體系為輔助,達到最終目的,將用户一步步培養為產品的忠實粉絲,提高用户粘性;本文作者分享了關於會員體系的完整流程,我們一起來了解一下。

01 會員體系分析1. 會員系統的定義

會員的本質是建立用户分層,便於形成用户的差異化營銷,通過這種差異化的營銷達到以下四種目的:

  1. 提高用户留存率(增加用户粘性);
  2. 提升用户價值;
  3. 得到會費收益;
  4. 建立流量橋樑;
2. 用户分層:將全體用户細分為會員用户和普通用户
  • 目的:篩選出高價值用户(高留存+消費力強),精細化運營;
  • 手段:收會員費,建立用户層之間的壁壘;
  • 結果:用户自發分層,願意掏錢的那批人成為會員用户;
  • 原則:給會員用户提供卓越的服務,給普通用户提供好用的服務(反例:某網盤限速機制,約等於強賣會員,嚴重傷害普通用户的使用體驗)。
3. 會員機制對用户的價值
  • 價格優勢:會員專享低價(電商產品有會員專享價、外賣產品有會員紅包);
  • 資源優勢:增值內容(影視、音樂版權);
  • 體驗優勢:更好的服務(更快響應、專屬客服、無廣告等);
  • 心理優勢:身份認同(尊貴感標識,與普通用户形成差異,對社交、遊戲尤其關鍵)。
4. 會員機制對產品的價值
  • 短期價值:通過收取會員費,提高營收;
  • 長期價值:增加用户粘性、鞏固並提升市場佔比。
會員系統如何增加用户粘性?
  • 體驗角度:更好的服務、專屬福利;
  • 心理層面:身份認同、沉沒成本(已經花了會員費,越多使用越合算,不然就虧了)。
02 界面拆解

UI界面設計環節,一般的會員體系會涉及到的界面、視覺元素有:

1. 會員觸點/前置曝光

所有將用户引導至會員中心頁面的入口都可以算作會員觸點,觸點越多,用户被引入會員中心的可能性越大;但觸點也不是越多越好,過多觸點會引起用户反感,將觸點置於合適位置,能更自然高效地提高轉化率。

1)個人中心:露出會員板塊,通常是視覺強調中心。

個人中心是曝光率較高的頁面,其中整合了許多重要和必要功能入口,利用個人中心頁面,可以很好增加會員信息的曝光;該方式也是最常見且最通用的觸點形式,不侷限於產品類型。

2)內容卡點:體驗完免費部分之後,會員內容收費,觸點卡於兩者之間。

  1. 增加用户沉沒成本:用户已經在早期投入大量時間和精力閲讀免費內容;
  2. 利用用户好奇心:有前文做鋪墊,用户行至卡點處,對剩餘內容的好奇遠超過一般內容;
  3. 需求明確(製造問題):用户開會員就是為了解決剩餘內容無法觀看這一具體問題,用户總是傾向於解決問題而不是在原有基礎上提高要求。

3)會員專區:建立專享感,將會員內容與普通內容進行區隔。

將付費內容集中在一個區塊內,製造差異化,不論是內容質量或者商品價位,本質都是讓用户形成會員價值很高的感覺。

4)會員頻道

常見於電商產品,同樣是起到區分內容,建立壁壘的作用。

5)底部提示

使用較為輕量的底部提示,引導用户關注會員信息。該視覺樣式還常被用作登錄提醒。

6)小banner

見縫插針式的視覺提示,佔用流量最大的首頁空間,此時文案的利益刺激尤其重要。

7)會員專頁

使用一個底部tab的權重來承載會員相關信息,可見會員體系的重要性。

2. 會員中心

會員中心是展示會員權益,以吸引用户開通會員的頁面。是用户全面瞭解會員相關信息的窗口,氛圍營造、權益展示、行動點突出,是設計會員中心需要考慮的要點。

1)會員中心的常見頁面結構

不同產品有不同的會員中心佈局,有差異性也有共性。

氛圍感、套餐選擇(多套餐情況)、行動點、會員權益,是多數會員中心頁面共有的模塊,模塊之間位置並不固定。

本質上越重要的模塊,應該被分配越醒目的視覺表達方式。通過調整位置、面積、視覺對比度等,都可以調整不同模塊之間的權重,達到產品想要呈現的優先級效果。

2)會員中心_氛圍感

打造氛圍感的方式多樣,常見的有以下幾種方式:

3)會員中心_套餐選擇

部分產品不存在套餐選擇,只有一種套餐,如盒馬。在用户體系中,將用户分為兩層,用户會員與非用户會員。部分產品在會員中又進一步分類,推出了多種會員套餐。

常見套餐以時間區分,如包月會員、季度會員、包年會員、連續包年會員等;除此之外,也有以權限範圍為區分,如百度網盤的會員VIP和超級會員SVIP,超級會員享受更多特權;還有垂類會員,如視頻產品中單獨開闢出體育分類,對應設立專門的體育VIP卡。

上方案例中的套餐選擇均以卡片的樣式展示,除了該種方式,還有可以以列表形式展示。

列表形式的好處在於,套餐在垂直方向鋪開,延展性強,當套餐數量改變時,不會影響展示效率;而卡片式的展示形式會造成部分套餐被擠出屏幕,用户需要左右滑動才能瀏覽全部,交互成本略高。

同時,卡片式套餐需要點擊選中套餐,再點擊行動點,才能觸發支付,而列表式模型,直接點擊對應套餐項上的按鈕即可呼出支付,交互更加簡潔。

多套餐模型下,產品往往會重點突出一到兩項套餐,從商業層面講,通常希望用户選擇價格更高的套餐;從體驗層面講,將附加值最高的套餐用角標突出,輔助用户決策。

4)會員中心_行動點

行動點是一個頁面中最醒目的元素,往往是由按鈕充當,按鈕的點擊數據也可以直接反映頁面的設計是否合理;對於會員中心頁面來説,提升關鍵性按鈕點擊,往往是改版的目標和方向。

最常見的行動點佈局方式有4種:

  1. 購買按鈕常駐於底部工具欄;
  2. 購買按鈕緊鄰套餐選擇模塊,位於頁面中部;
  3. 頁面同時有多個購買按鈕;
  4. 界面始終存在一個購買按鈕。

符合一般操作習慣,關鍵行動點常駐於頁面底部,已經被普遍接受。

購買按鈕緊鄰套餐選擇模塊,從操作的角度上來説,更加合理,套餐選擇完畢之後,購買按鈕含義類似“確定”,兩個步驟緊密相關,符合格式塔的遠近親疏原則;同時,頁面中心相比於頁面底部更加容易視覺聚焦,用户能更加容易注意到。

這也解釋了,為什麼居中的對話框常用於警示,需要引起用户高度關注,而底部半彈窗往往承載不那麼關鍵的內容,一般承載無破壞性的操作。

購買按鈕意味着支付入口,頭部卡片上增加支付入口,不妨通過數據觀察,測試不同位置的點擊效果如何。

隨着頁面上劃,界面中第一個行動點(頁面中部)被推出視圖,此時底部工具欄浮出,保證頁面不管在何位置,始終可見至少一個行動點,讓用户隨時可以進行支付。

5)會員中心_權益

會員權益是決定用户是否購買會員的重要因素。有些權益相當實在,如會員折扣、專屬紅包等,而有些權益的誘惑力相對較弱,不同的權益強度決定了不同的視覺呈現方式。

會員權益細節介紹

會員權益從交互上,可分為兩類,可點擊和不可點擊。不可點擊的權益往往在會員中心頁面是以宮格圖標的形式呈現;而可點擊的權益,往往內容詳實,需要更多的空間來解釋和説明權益的具體內容。

從視覺形式上,也可以分為兩類:

3. 會員身份等級

除了購買會員之外,部分產品引入了“身份等級”的概念來將用户進行分層。劃分的維度可以是用户的活躍度、裂變能力等;可以依此,設計一系列的會員任務。會員身份等級機制利用了用户的攀比、自我實現等心理,進一步增加用户與產品之間的粘性。

會員身份等級一般集中在4-7個之間,其中梯度理論上呈遞增趨勢,作為設計師,需要將低等級到高等級這種“越來越高端”的氛圍烘托出來;不同類型的產品有自己的特色和侷限,金融類產品在整體視覺屬性上趨於穩定內斂,而娛樂性強的產品則在視覺上限制較少。

隨着梯度的增加,設計難度也在增加,如何在不同等級之間拉開合適的視覺感知差距,是一個難點。如上圖中的“黑金會員”和“黑金PLUS會員”在視覺上比較雷同,差異較小。

當靜態視覺發揮空間有限時,可以考慮加入動態元素,增加區分。

徽章系統:

與會員等級的本質一樣,徽章系統將用户分層,製造不同的用户羣,擁有更多、更高級徽章的用户對於產品來説,自然是價值更高的用户,這類用户是產品需要重點關注的對象;他們是產品的深度體驗者,他們的意見反饋相比於普通用户更加準確和反映問題。

03 小結

隨着產品本身的日漸成熟,越來越多的產品選擇加入會員體系。

會員體系無論對產品的短期或者長期利益都至關重要,從短期來講,直接增加營收,從長期規劃來講,對於增加用户粘性、提高市場份額也有着重要意義。

作為設計師,如何把用户對於會員期待的“價值感”、“尊享感”用體驗的形式呈現出來,至關重要。

會員體系涉及到的相關設計細節很多,小到一個會員標籤,大到一級頁面,其中的設計細節更是不勝枚舉;將龐大的概念不斷拆解為一個個細小的可控的模塊,加以分析和總結,始終是沉澱設計經驗的方法之一。

高大上的觀念理論,需要一個個見微知著的細節支撐。

感謝閲讀,歡迎討論。

本文由 @doo_W 授權發佈於人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基於 CC0 協議