编辑导读：“个人中心”相当于一个万能口袋，承载着各类入口。如果这个口袋有趣又好看，无疑是一件锦上添花的事。本文将从三个方面围绕“个人中心”的设计展开分析，希望对你有帮助。

五⽉底，我和朋友们开始合作⼀个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协议