會員中心如何設計,用戶才會買單?

Comment

UI/UX設計
1

大多數產品在滿足用戶的基礎需求上,會推出付費會員功能,以滿足用戶更高需求的同時,達到商業層面的收支平衡。那麼,會員中心應該怎麼做,才能讓用戶感受到自己花的錢很值呢?

設計前,先明確會員中心的設計目的是什麼?

1. 會員尊享感(讓用戶感知到付費值得,花了錢就是爺,滿足一部分用戶的虛榮心)

2. 功能特權對比(通過特權的對比,讓用戶選擇更高的等級會員)

3. 突顯核心特權功能(突出核心功能,抓住用戶訴求點,提升用戶購買決策)

 

1. 會員尊享感

什麼是尊享感?什麼樣的產品或者體驗讓你覺得是尊享的?

尊享可以理解為稀缺的、區別於一般的、能體現身份的。通過這些描述,我首先想到的是一些國際知名品牌的官網設計。包括:BURBERRY,LV,ARMANI等…

1

2

星巴克會員APP,也有相似之處。

3

能直觀看出,它們都以黑白為主。包括圖片的選擇,也是偏暗色調,來營造一種沉浸的氛圍。

可能你會說,這些都是本身品牌定位的形象,並沒有像我們所說的付費前和付費後的對比,所以,找了個更直觀的例子可以說明這一點。比如,我們經常見到的候車或者候機室,普通乘客的是這樣的:

4

而VIP專享的差不多是這樣。

5

以提取出的設計關鍵詞是:暗色調,更沉浸,留白。圖標的處理上也可以傾向於表意清晰,去除裝飾的,從而提升尊享感。

 

2. 功能特權對比

會員中心一般會呈現不同等級的身份,供用戶選擇。比如:會員和超級會員。從商業角度考慮,我們當然是希望用戶去買更貴的超級會員,提升轉化率,從而得到更好的收益。

那麼這個時候設計師要做的就是把功能權益理解透徹,然後找到更合適的方式做權益對比,讓用戶一眼就能感知到超級會員牛逼,花錢值。

我大概調研了幾種不同的處理方式:

a. 階梯形式對比

印象筆記會員功能對比做的非常清晰直觀,功能維度單一,很直觀的告訴用戶一個概念:越高級,功能越多。

橫向,對比共享權限;縱向,瀏覽獨享權限。簡單明了,用色方面也是等級越高,顏色明度越高,從而吸引用戶注意力,引導開通高級賬戶。

6

還有一種處理方式,類似於印象筆記,但是由於它們功能維度的不同,沒法橫向對比,但是縱向來看所屬等級的權限還是比較直觀的。比如:500px,worktile(但相比印象筆記,還是差點意思)

7

8

b. 上下對比

為了讓用戶更直觀的感知會員權限的份量,可以拿現有的免費權限作為參考,舉個例子:微雲。

它是在會員特權下面,放上免費用戶權限做對比,來襯托會員的強大功能。採用淺灰色小字,不會給頁面主要信息造成乾擾,同時提升用戶的購買欲。

9

c. 魚骨圖對比

採用魚骨圖方式來對比呈現,能夠以誇張的手法,把用戶的視線引導到我們想讓他關注的地方。

比如:QQ會員,採用這種方式的同時,把需要引導的權限字號放的格外的大,也是拉開對比關係,吸引用戶眼球的一種方式。

10

 

3. 突顯核心特權功能

其實很多情況下,用戶都是奔著那麼一兩個核心功能去的,比如開通印象筆記,一般都是為了更多設備可以同步,上傳瀏覽量更大了;開通百度網盤會員,為了更大的容量和更快的上傳下載速度;開通QQ會員,一般都是千人大群,成長速度,或者是名字標紅….

會員中心頁面的處理,應該更有節奏感,突出核心特權,弱化輔助特權。而不是把所有能都平鋪到頁面上讓用戶自己去發現。

下面是QQ會員功能特權頁面,核心特權和輔助特權的主次處理:

11

總結

無論是視覺層面的呈現,還是功能維度的佈局,目的都是讓用戶在便捷的環境裡,購買他們認為划算的功能。

我們能做的就是處理好信息的優先級,讓用戶在短暫的時間能做出購買決策,幫助或者引導他們做出選擇,而不是在信息過燥或毫無邏輯的頁面裡流失。

 

 

frankbite-關注UI設計/前端/網頁,如果您喜歡我們的文章,歡迎 Follow 我們的 Facebook 專頁,我們將為您提供最新、最實用的資訊!

%e6%9c%aa%e5%91%bd%e5%90%8d-1_03

 

原文地址:優設