如何让【个人中心】不再单调乏味?

1 评论 3432 浏览 30 收藏 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协议

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 想和冲浪高手交朋友,进行深入交流@-@

    回复