編輯導讀：“個人中心”相當于一個萬能口袋，承載著各類入口。如果這個口袋有趣又好看，無疑是一件錦上添花的事。本文將從三個方面圍繞“個人中心”的設計展開分析，希望對你有幫助。

五?底，我和朋友們開始合作?個UXDA?戶體驗創新?賽的參賽項?。

當七?初我們要完成“我的”頁面的設計時，我發覺?從下手，隨即做了?些“敏捷”調研，包括對雪球、餓了么、玩盤這三款APP“我的”頁面的分布?式的總結和思考。

?、“我的”頁面重要嗎？

有?說：“我的”頁面很雞肋，做得好也不加分。

可我認為不然：這個世界沒有“無用”的設計，只有“無用”的設計師。

作為底部tab欄的最后?位，“我的”頁面的重要性雖然“比上不足”，但“比下有余”。

它就像?個“萬能口袋”，可以承載各類入口；如果能讓這個口袋好看又有趣，對于?個應用來說，是錦上添花的好事。

• 對于內容類APP來說，“我的”頁面非常需要?個“社區內容的整合肉蔻”——比如：B站APP“我的”頁面有瀏覽歷史（我看過哪些），收藏夾（我喜歡看哪些）和稍后看（我打算看哪些）；
• 對于生活服務類APP來說，“我的”頁面更需要“賬戶信息”和“增值服務”來提升用戶活躍度——比如，餓了么APP“我的”頁面有紅包卡券情況（我可以少花多少錢）以及?些聯名卡的商業化區域（我還能花多少錢）。
• 而對于有不同?戶??的應用而?，“我的”頁面則需要“千人千?”，這樣不同角色可以行使各自的“權利”——比如，閑?APP有“塘主”角色，即“社區?手市場的管理員”。

N年前，我曾經是我們學校的“塘主”。 當時在“我的”頁面，除了“塘主”標志，我還有個“我的?塘-我管理的?塘”入口，以及專屬于 我的“管理區域”（每個?塘只能有唯?塘主，能操作帖?置頂、釣?帖刪除、接收?塘成員信息等等）。

“我的”頁面，不是“雞肋”的代名詞，而是“角色”和“權限”的重要落地點。

因此，當產品團隊在做“我的”頁面的時候，產品定位、?戶場景和商業模式都要考慮在內。

然?，?前絕?部分APP的“我的”頁面都是各類入口的集合，很容易形成各種功能入口的堆疊。

同時，“我的”頁面的內容?過于靜態，使頁面顯得單調，導致?戶會覺得“我的”頁面十分雞肋。

那么，如何才能避免乏味的“我的”頁面？

如果只是把設計理解為簡單的外觀設計，?上來就開始構思界?細節，缺乏完整、清晰的思路，設計?案?然容易遭到各種質疑。

所以，我們需要“智”作。

?、如何設計“我的”頁面？

1. 信息結構重組

我看了一篇雪球APP“我的”頁面的改版文章，現將作者的改版步驟整合如下：

1）整合原頁面結構

首先，通過模塊化的分類方式將原“我的”頁面入口和信息根據內容及業務屬性劃分為6大類，分別如下：

“我的” 頁面信息分類整合思路

2）將高頻功能入口放在第?視覺層次

接下來，需要對每類的入口進行整合梳理，并通過用戶行為習慣及內容的重要性來進行優先級排序。

以【社區內容入口聚合區域】為例：對雪球用戶來講，帖子是最常消費的社區內容，也是最有價值的內容，屬于高頻消費。

所以在產品結構上，社區內容入口如“收藏”、“我的評論”、“我贊過的”等都收納同一個 模塊，讓用戶在第一屏、第一視覺層次就能發現這些入口并快速訪問。

社區內容入口聚合 方便用戶快速訪問（圖片來源：雪球設計中心XDC）

其他內容模塊也根據相似的思路進行分類，整合后的頁面信息更符合用戶的使用習慣。

模塊化的處理方式除了讓信息呈現合理，在需要的時候還能支持內容之間的替換和擴展，頁面結構更為靈活。

“我的”頁面改版前后對比

3）改版有效性驗證

根據文章描述，新版本上線后，頁面的使用率大幅提升——相較改版前的版本，“我的”頁面使用率從原來的 20%提升至50% 。

也就是說：每100人來到“我的”頁面，老版本只有20人產生了點擊行為；改版后，每 100人有50人產生了點擊行為，而頁面提供的信息并沒有太大的變化。

改版后 “我的” 頁面使用率提升至50%（圖片來源：雪球設計中心XDC）

由此可見，就算頁面提供的信息并沒有太大的變化，功能的重組和歸類幫助用戶有效的區分信息層次，縮短了用戶對常用功能的訪問路徑，強化功能分區也讓用戶能更好的通過固定分類快速找到功能入口，頁面使用起來更方便。

2. “我的”頁面常見案例分析

同理，我參考上述?法對【餓了么】和【百度?盤】也進?了分析。

1）餓了么“我的”頁面

對于餓了么而言，重要的業務入口包括“超級會員“（紅包、津貼等）和“金融服務”（借錢和聯名信用卡），這些都放在“我的”頁面首屏顯眼的位置。

這樣的設計排布方式可有助于對老會員的留存以及對新會員的吸引，同時也為商業化留下了空 間（ps：“我的借款”也被歸類于“我的錢包”，這太雞賊了）。

除此之外，還有外賣社區類入口，包括“收藏”（店鋪收藏）和“購物車”（曾中途放棄的點單），有助于喚醒曾中斷的消費。

2）百度網盤“我的”頁面

作為工具類產品，百度網盤的超級會員也是它的主推業務，開通后可擁有若干特權。

同時，網盤的一些常用功能也羅列再次，比如我最常用的“手機備份”、“我的分享”和“回收站”。

除此之外，這里還增加了會員類活動的運營banner，比如：“超級會員的限時領取”和“一刻相冊[1]隨心卡免費送”。

所以總的來說，“我的”頁面元素可以分為三個部分：

第?類必要信息（粉紅?標注）：

• 用戶基礎信息（比如：昵稱、頭像等）
• 功能/內容入口（比如：社區內容聚集入口，收藏夾，瀏覽歷史等）

第?類重要信息（綠色標注）

• 重要業務入口（比如：會員專區-拉新固?；卡券專區-促進消費）

第三類附加/增值信息（藍色標注）

• 運營類業務入口（如：運營banner、商業廣告）

3. “我的”頁面——會員中心

說到“我的”頁面，就不得不提“會員中心”。

為了提升用戶粘性和增收，?部分商業APP都會增加“會員”模塊——比如盒馬、百度網盤、快看漫畫。而對于用戶來說，“會員中心”是“尊貴”的象征，能獲取更多超值福利。

美團外賣 – 盒馬 – 快看漫畫 – “我的”頁面會員中心

以百度網盤為例，其會員中心不僅承載著?付能?，而且提供了福利信息和?戶情感上的尊享感知。

比如：百度玩盤——會員中心會根據身份、動機、行為的差異進行分層布局。改變以往的“多人一面”的布局架構，打造出新的“多人多面”的靈活分層頁面布局。

• 當?戶是歷史未付費?戶時，我們更加突出?戶的特權介紹和商品?付，便于?戶了解會員服務和商品信息；
• 當?戶是開通中的?戶，我們更加突出?戶可尊享的福利信息，突出尊享感； 當?戶為即將過期?戶或已過期?戶時，我們展示?戶常?特權信息，喚醒?戶付費意愿，并為?戶提供便捷的續費能?。

百度網盤 – “我的”頁面 – 會員中心

（圖片來源：https://www.zcool.com.cn/article/ZMTEzMDA3Mg==.html）

三、總結

所以，不要?看“我的”頁面，細細拆分開來，也是?個值得深究和探索的模塊。

產品?小事， 希望每?個細節都能被打磨地光彩奪?。

如今，挑剔的?戶更愿意關注有趣?有?的產品，如何基于用戶立場，為用戶提供合理的產品 形態，并提供有價值的、有吸引力的功能或內容，是我們產品人需要不斷思考和總結方案的問題。

四、參考資料

雪球設計中心XDC，創造有價值的“我的” | 讓設計有效且有趣 https://mp.weixin.qq.com/s/VW0ngXDK6JVAPsvN39YQeg

百度網盤會員中心-體驗設計升級 https://www.zcool.com.cn/article/ZMTEzMDA3Mg==.html

[1]百度新推出的具有“無限空間”的相冊，可創作卡點視頻。

本文由 @艾薇霖 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議