個人中心是每個産品必備的功能模塊,隻要涉及給用戶提供服務能力都需要給用戶提供個人中心。而産品經理關注的個人中心主要有2個緯度
第一:做合并
合并包含了功能入口的合并,以及業務的合并。前者隻是從交互操作上的操作路徑,後者則是業務合并。交互合并是不包含業務操作的,最基礎的用戶賬戶信息、功能入口做合并,在個人中心裡涵蓋了賬戶信息、内容信息、業務信息,不同信息流都會有子類和主類的分别。
1.專注在業務合并
在業務合并下,我們最常用的方法是用樹樁圖進行整理,把功能入口和個人中心的導航欄以此開始展開羅列,在開始産品設計之前,業務合并可以說是個人中心最複雜的一環節。随着産品的業務越來越多,如何進行歸納,減少開發工作量提升産品框架的承載程度是都需要依附于業務合并。
▲ 業務合并方式
比如PMTalk的文章、問答、評測、評論都屬于用戶UGC的内容,所以我們在個人中心裡合并為「動态」,用戶點擊對應的類型即可查看。
比如社區的活動報名、課程報名,兩者都屬于用戶付費購買行為,歸屬到訂單裡,因此我們統一都合并在視頻課裡。
2.交互設計合并
個人中心所使用頁面展示常用包含列表、宮格、和列表、宮格混合式的功能入口,包含了關聯交互比如用戶完成了某個操作後可以引導完成下一步的功能操作。
産品布局的交互設計上要突出主要功能和次級功能,方便用戶區分出主要功能入口,增強用戶自己信息辨識度,比如用戶隻要進入個人中心就知道這是我自己的個人中心,相關信息和操作數據都是我的。
比如嘀嘀打車要突出打車的操作、共享單車要突出單車掃碼的操作,都讓個人中心放在了屏幕的左邊,進行折疊。
▲ 嘀嘀打車和共享單車的個人中心
要知道個人中心的使用密集程度僅次于産品首頁,所以産品經理還要對個人中心裡的各個功能的操作做路徑拆分。
在交互設計上,個人中心會因為app,網站站點等不同終端設備下的形态,做不同的交互設計去提升使用轉化率。比如網站則以列表為主,使為了展示更多的信息内容和考慮屏幕的尺寸大小問題,所以我們會用左右布局的方式來完成。還有部分産品由于是移動端為主,所以個人中心會采取移動端樣式,以H5的方式來完成在PC上的承接浏覽
比如PMTalk的個人中心網站采用了瀑布流與橫向導航欄的方式組合,方便用戶查看,單獨适配了PC端的網頁交互。
百度的個人中心則是依附于移動端結構,将個人中心的關注、粉絲書、文章内容做了展示,同時增加了廣告入口。
列表方式的交互設計
列表的方式交互設計方便展開多樣的業務,适合業務複雜的産品。同時也方便擴展,和功能入口查找
宮格方式的交互設計
這類交互設計适合業務簡單的場景,功能不多但又想突出功能入口,這類方式最常見。
宮格和列表混合的交互設計
對于業務分明,有明顯的獨立要求。可以使用這類宮格,比如下面京東金融有打卡、任務、店鋪券,都是獨立的業務,用宮格突出。
個人中心的關聯操作
很多時候個人中心因為流量高,成了許多功能的入口,用戶逐漸養成使用習慣。所以我們在個人中心會做一些關聯場景,提升用戶的二次使用和活躍。比如PMTalk的個人中心會有票圈查看,用戶點擊票圈彈出二維碼需要對應管理者打開小程序掃碼。
一前一後提升了小程序的活躍度。
▲ PMTalk的門票掃碼
第二是個人中心的操作路徑
前面我們說了那麼多的個人中心交互設計、和業務合并上,接下來就要聚焦在個人中心的操作步驟、行為使用上産生的操作路徑。
要知道用戶路徑随着路徑加長點擊率越來越低,用戶所使用的門檻越來越高。尤其是産品的核心功能更應該減少和取消用戶查找路徑。我們一般會用路徑埋點來檢測用戶的使用習慣,輔助優化個人中心的操作路徑。
▲ 用戶操作路徑
還要聚集在用戶的使用場景上,比如電商系統下,用戶會存在訂單查詢、退換貨産品信息查詢場景,社區産品存在用戶查看自己的關注用戶、被關注的、以及自己的内容動态情況;金融産品則會關注自己理财産品的申請進度、利率情況、賬戶餘額;團購産品則會查看到自己産品的貨物配送情況、商家消息、優惠券使用等信息;
▲ 用戶不同場景下的個人中心
上圖左邊是小店管理者的管理場景、右邊是咪咕咖啡的咖啡券信息查看場景同時還提供了企業服務購買入口,滿足會員購買實物産品的場景。
以上不同場景的訴求構建了一個又一個不同的用戶操作路徑。而産品經理要做事盡可能讓個人中心的操作路徑短、沒有交叉、容易理解。
比如個人中心訂單查詢
用戶點擊個人中心-訂單詳情-退貨
比如用戶社區場景
用戶點擊個人中心-動态-已發布内容/未發布的内容
比如金融産品
個人中心-貸款-我的貸款額度
上面列舉的産品,其用戶路徑都非常短。建議用戶操作路徑不要操過三個層級,不然用戶就會迷失找不到。同時對于要突出的功能,選用特定的文案和UI設計,放大圖标樣式。
3.個人中心的權限設計
為了滿足用戶操作閉環的需求,個人中心需要有功能、内容的出口與輸入口。比如在個人中心裡,我們會存在編輯、删除、指定、退貨等操作,實際上就是為了滿足用戶在産品裡的體驗閉環。
▲ 用戶體驗閉環
往往可以梳理用戶産品的使用路徑來校驗個人中心權限是否完整。任何路徑都有起點和終點,同樣個人中心往往承載着這樣的終點。而起點往往在其他頁面和功能上就已經被點燃了。
▲ 不同用戶身份下的個人中心權限
比如上圖一個是創作者身份下的個人中心,一個是新網銀行未激活下的用戶個人中心給了用戶開戶/激活的操作入口去拉新。圍繞操作的取消和确定進行二次驗收。同時進行操作提示和引導,讓用戶知曉每一個步驟的操作進度。
權限設計和會員體系、用戶的身份進行關聯,比如管理員的個人中心和普通用戶的個人中心在功能入口數量和操作權限上也有明顯的區别。
今天的分享就在這
今日Bonus:關注公衆号Kevin改變世界的點滴,領取原型部件庫,同時還有運營模版,帶你了解快速提升産品運營進階
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!