應該來說，易信是一款發佈比較早的社交類App，同時它也擁有者較為優秀的促活機制，用戶通過完成平臺上的任務可以賺取星幣，從而可以在星幣商城中兌換到自己心儀的產品，所以今天我也想看看易信App中星幣商城的頁面設計，利用樹狀圖來梳理信息，利用流程圖來梳理交互流程～
一、產品簡介
產品名稱：易信
產品介紹：易信是一款內容社交軟件，產品以聊天功能為基礎，主打話題社區版塊及精選資訊內容
產品slogan：讓溝通更有趣
產品定位：通訊社交
體驗版本：V7.3.4 體驗環境：Huawei Mate 20 Pro
二、改版需求分析
1. 業務需求
（1）通過積分培養用戶習慣，增加用戶黏性
（2）整合網易多款商城產品，作為引流入口
（3）積累操作(消費、學習等)行為，獲取相應數據
（4）增加廣告和銷售利潤
2. 用戶需求
（1）對於輕度用戶，需要用有吸引力的頁面形式和內容（首頁上有趣的banner條、熱門兌換產品排行榜等）引導用戶進行瀏覽，進而做出購買行為
（2）對於重度用戶，需要簡化每日簽到流程，同時增加兌換商品快到期時的提醒功能，避免用戶錯過兌換時間
三、頁面結構分析
1. 星幣商城樹狀圖
易信商場 樹狀圖
2. 首頁
首頁
簽到賺星幣可以促使用戶每天到商城，提高用戶活躍度，所以可以將賺星幣的優先級提高，重點展示，同時告知用戶自己已經擁有多少星幣，讓用戶一眼就能瞭解自己的星幣情況
兌換記錄即商城的訂單信息，是電商系統重要的環節之一，必不可少，它與賺星幣一樣，屬於用戶的特有信息，需要重點展示
活動版塊是能吸引用戶使用此平臺的重要手段，可以通過使其板塊整合後更加明顯，這樣讓用戶立馬就能找到所有的優惠活動
目前商城的商品分類有兩大塊，一塊是上方宮格羅列的種類icon，這一塊鏈接至不同的子頁面，可以與下方板塊相對應；一塊是頁面下拉部分的垂直列表部分，每一個小板塊下都有三條商品記錄，點擊小板塊右上方的更多也可以鏈接至不同的子頁面，但是下方板塊可以採用網格佈局的方式，可以更好地利用版面並且展示更多信息
3. 商品詳情頁
商品詳情頁
用戶進入商品詳情頁後，最想要了解的信息有商品屬性（圖片、規格）、價格、詳細介紹、使用規則等，所以詳情頁需要重點突出這些內容，並讓用戶便捷的查看
為了讓用戶直觀的瞭解商品情況，原詳情頁面的圖片區域佔據大半屏，以至於其他信息無法在首屏及時展現，需要將它們重新調整，可增加用戶評價模塊，讓其他用戶對該商品有更直觀的瞭解
因為商品種類的不同，導致支付方式與支付流程不一致，可以進行統一設計
4. 確認兌換頁
確認兌換頁
確認兌換頁為在商品詳情頁中跳轉出“確認兌換”的下拉確認頁，這種兌換模式通常用於系統驗證，不得不說是一件特別巧妙的事，但是個人認為相比直接進行點擊確認，這樣的操作花時較多，雖說是為了解決用戶誤操作的問題，但是直接點擊確認應該也能避免用戶進行誤操作
5. 訂單詳情頁
訂單詳情頁
訂單詳情頁中內容較為豐富，包含了交易狀態以及商品、訂單信息等等，為了方便用戶反饋等操作也提供了訂單編號複製的入口，但原訂單詳情頁突出了商品使用的入口，導致其他重要信息弱化，增加了用戶尋找商品信息的難度；同時也可以在頁面內顯示用戶的星幣餘額以及推薦或關聯商品信息
四、業務流程設計
業務流程設計圖
五、交互頁面設計
頁面重新設計模塊1
頁面重新設計模塊2
完稿時間：2020.2.9
閱讀更多 SlowStep 的文章
