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

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

每日簽到原頁(yè)面

問題分析：

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

改版頁(yè)面（交互稿）

每日簽到改版頁(yè)面（交互稿）

每日簽到改版頁(yè)面（交互稿）

改版說(shuō)明：

1. 關(guān)聯(lián)相近原則，將“立即兌換”和我的積分移到相近的位置，看到積分?jǐn)?shù)字，立即想到可以兌換什么。

2. 增加簽到進(jìn)度條和日歷，更直觀的讓用戶了解到連續(xù)簽到可以獲得不一樣的獎(jiǎng)勵(lì)。

3. 最底部增加積分的相關(guān)活動(dòng)，為以后擴(kuò)展奠定基礎(chǔ)。

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

外星人獎(jiǎng)勵(lì)原頁(yè)面

問題分析：

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

外星人獎(jiǎng)勵(lì)改版頁(yè)面（交互稿）

改版說(shuō)明：

1. 將導(dǎo)航移至標(biāo)題欄內(nèi)，減少頁(yè)面的分割，看起來(lái)更有整體性。

2. 增加空狀態(tài)引導(dǎo)，以使操作流程形成閉環(huán)。

3. 頭部樣式采用弧形樣式，更加活潑大氣一點(diǎn)。

4. 增加了邀請(qǐng)人數(shù)的字段，這樣用戶更加直觀的了解到自己邀請(qǐng)了多少人。

5. 將原來(lái)的表格樣式改為list的樣式，將信息進(jìn)行重構(gòu)，突出獎(jiǎng)勵(lì)。

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

投資獎(jiǎng)勵(lì)原頁(yè)面

問題分析：

和外星人獎(jiǎng)勵(lì)頁(yè)面一樣沒有空頁(yè)面引導(dǎo)，信息展示優(yōu)先級(jí)不對(duì)，需求理解不透徹。

投資獎(jiǎng)勵(lì)改版頁(yè)面（交互稿）

改版說(shuō)明：

增加空狀態(tài)引導(dǎo)，頁(yè)面頭部樣式和外星人獎(jiǎng)勵(lì)頁(yè)面統(tǒng)一。

將list的信息進(jìn)行重構(gòu)和整理，根據(jù)頁(yè)面的信息顯示的優(yōu)先級(jí)進(jìn)行調(diào)整，突出獎(jiǎng)勵(lì)，將狀態(tài)字段單獨(dú)作為一列，將無(wú)獎(jiǎng)勵(lì)的金額直接顯示為0，比原來(lái)的的無(wú)獎(jiǎng)勵(lì)但有獎(jiǎng)勵(lì)金額的狀態(tài)更清晰。

增加頁(yè)面交互：當(dāng)用戶開始選擇篩選條件（交易時(shí)間、產(chǎn)品類型、狀態(tài)）時(shí)，篩選條件和列表將置于頁(yè)面頂部，減少干擾信息，讓用戶更專注于查看列表本身。

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

外星人原頁(yè)面

問題分析：

缺少活動(dòng)事件的引導(dǎo)，用戶進(jìn)到該活動(dòng)頁(yè)面以為每個(gè)人都符合邀請(qǐng)條件，但實(shí)際上需要滿足一定的條件，而相關(guān)說(shuō)明隱藏的太深，用戶極有可能根本關(guān)注不到。

改版后頁(yè)面（交互稿）

改版說(shuō)明：

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

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

積分記錄原頁(yè)面

改版后頁(yè)面（交互稿）

改版說(shuō)明：

突出積分的增加或減少，并且以時(shí)間流的形式展示，更加直觀。

篩選條件其實(shí)是一個(gè)低頻的需求，所以將篩選條件移到右上角，點(diǎn)擊后再出現(xiàn)。

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

項(xiàng)目總結(jié)：

1. 理解需求、分析需求是設(shè)計(jì)頁(yè)面的關(guān)鍵。

2. 影響信息展示樣式的關(guān)鍵點(diǎn)：用戶的關(guān)注度、使用頻次、使用習(xí)慣。

3. 關(guān)注頁(yè)面的空狀態(tài)引導(dǎo)。

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