如何讓【個人中心】不再單調乏味?
編輯導讀:“個人中心”相當于一個萬能口袋,承載著各類入口。如果這個口袋有趣又好看,無疑是一件錦上添花的事。本文將從三個方面圍繞“個人中心”的設計展開分析,希望對你有幫助。
五?底,我和朋友們開始合作?個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協議
想和沖浪高手交朋友,進行深入交流@-@