如何讓【個人中心】不再單調乏味?

1 評論 13458 瀏覽 118 收藏 13 分鐘

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

五?底,我和朋友們開始合作?個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協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 想和沖浪高手交朋友,進行深入交流@-@

    來自美國 回復