作者根據(jù)工作經(jīng)驗對積分模塊改版進行了一些總結(jié)，與大家分享，希望可以從中收獲點滴。

積分已經(jīng)成為每個互聯(lián)網(wǎng)平臺黏住用戶，增加平臺留存率的重要手段之一，金融平臺也不例外，雖然積分的商業(yè)模式很重要，但是如何展現(xiàn)給用戶，用戶的使用體驗是否流暢也同樣重要。下面就我最近的手邊項目積分模塊的改版做詳細闡述。

首先，先說明一下該APP的積分模塊組成，包含每日簽到、積分獎勵（外星人獎勵、投資獎勵）、積分記錄及積分的相關(guān)活動等。

1.每日簽到頁面

每日簽到原頁面：

問題分析：頁面布局零散，相關(guān)內(nèi)容布局不合理，頁面樣式呆板不新穎。

改版頁面（交互稿）：

改版說明：

1. 關(guān)聯(lián)相近原則，將“立即兌換”和我的積分移到相近的位置，看到積分數(shù)字，立即想到可以兌換什么。
2. 增加簽到進度條和日歷，更直觀的讓用戶了解到連續(xù)簽到可以獲得不一樣的獎勵。
3. 最底部增加積分的相關(guān)活動，為以后擴展奠定基礎(chǔ)。

總結(jié)：要充分理解和分析需求，做更貼近用戶需求的設(shè)計。

2.外星人獎勵頁面

外星人獎勵原頁面：

問題分析：沒有空狀態(tài)引導(dǎo)，表格樣式的展現(xiàn)形式看起來很亂，信息展示的優(yōu)先級也叫混亂。

改版頁面（交互稿）：

改版說明：

1. 將導(dǎo)航移至標題欄內(nèi)，減少頁面的分割，看起來更有整體性。
2. 增加空狀態(tài)引導(dǎo)，以使操作流程形成閉環(huán)。
3. 頭部樣式采用弧形樣式，更加活潑大氣一點。
4. 增加了邀請人數(shù)的字段，這樣用戶更加直觀的了解到自己邀請了多少人。
5. 將原來的表格樣式改為list的樣式，將信息進行重構(gòu)，突出獎勵。

總結(jié)：空狀態(tài)引導(dǎo)很重要，關(guān)乎整個APP的體驗閉環(huán)。頁面樣式也是交互設(shè)計的一大亮點，不一樣的樣式也會給用戶耳目一新的感覺。

3.投資獎勵頁面

投資獎勵原頁面：

問題分析：和外星人獎勵頁面一樣沒有空頁面引導(dǎo)，信息展示優(yōu)先級不對，需求理解不透徹。

改版頁面（交互稿）：

改版說明：

1. ?增加空狀態(tài)引導(dǎo)，頁面頭部樣式和外星人獎勵頁面統(tǒng)一。
2. 將list的信息進行重構(gòu)和整理，根據(jù)頁面的信息顯示的優(yōu)先級進行調(diào)整，突出獎勵，將狀態(tài)字段單獨作為一列，將無獎勵的金額直接顯示為0，比原來的的無獎勵但有獎勵金額的狀態(tài)更清晰。
3. 增加頁面交互：當(dāng)用戶開始選擇篩選條件（交易時間、產(chǎn)品類型、狀態(tài)）時，篩選條件和列表將置于頁面頂部，減少干擾信息，讓用戶更專注于查看列表本身。

總結(jié)：信息整理很重要，根據(jù)用戶的關(guān)注度、頁面信息的重要程度進行產(chǎn)品設(shè)計。

4.外星人頁面

外星人原頁面：

問題分析：缺少活動事件的引導(dǎo)，用戶進到該活動頁面以為每個人都符合邀請條件，但實際上需要滿足一定的條件，而相關(guān)說明隱藏的太深，用戶極有可能根本關(guān)注不到。

改版后頁面（交互稿）：

改版說明：將原來的活動規(guī)則里面的內(nèi)容進行提取，增加成為外星人事件的引導(dǎo)，更加可視化，圖形化。

總結(jié)：可視化是交互設(shè)計的重要手段，所以將文字可視化圖形化已經(jīng)成為設(shè)計趨勢。

積分記原頁面

積分記錄原頁面：

改版后頁面（交互稿）：

改版說明：

1. 突出積分的增加或減少，并且以時間流的形式展示，更加直觀。
2. 篩選條件其實是一個低頻的需求，所以將篩選條件移到右上角，點擊后再出現(xiàn)。

總結(jié)：時刻關(guān)注用戶需求，做以用戶為中心的設(shè)計。

項目總結(jié)

1. 理解需求、分析需求是設(shè)計頁面的關(guān)鍵。
2. 影響信息展示樣式的關(guān)鍵點：用戶的關(guān)注度、使用頻次、使用習(xí)慣。
3. 關(guān)注頁面的空狀態(tài)引導(dǎo)。

作者：柴維英，從事交互設(shè)計5年多，不斷鉆研，不斷進步，擁有豐富的交互實踐經(jīng)驗。

本文由 @柴維英 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。