手机百度积分商城改版设计思考

本文是作者去年对于手机百度积分商城改版设计后的思考总结，希望可以给你带来一定的思考和启发。enjoy~

积分商城对于大多数产品来说是一个鼓励用户完成任务(例如阅读文章、视频或进行消费)的功能，每次完成任务获取相应的积分，用户可以利用积分来兑换或抽取商品;由于有一堆丰富的奖品，被吸引的用户会花更多的时间和精力来完成任务，所以一个好的积分商城能有效帮助产品提高用户黏度。

手机百度在搭建了“我的成就”(一个浏览相关搜索结果获取成就和积分的小功能，简单点说是一个获取积分的任务发布区)后，陆续上线的积分商城1.0直接带动了“我的成就”模块，日活上涨300%，但两者的日活仍是差距很大，所以我们开始了其中的问题研究与探讨。

通过用户反馈，大部分用户愿意继续使用积分商城;少数用户不知道如何获取积分。通过用户的反馈与建议，我们UE决定通过设计改版来优化体验问题和增加更多玩法。

进行了竞品调研以及与产品同学头脑风暴后，我们将这次改版定义为“如玩游戏般开开心心地通关”，并将本次体验改版的重点围绕以下关键词进行设计和功能拓展。

问题来源

由于产品策略原因，“我的成就”入口较深，所以用户找不到入口，这导致了“我的成就”日活涨不上去，以及“我的成就”和“积分商城”在视觉表达上不统一，用户对于两者的关联认知度低，两者的闭环没有真正建立起来。由于闭环没有完全建立，获取积分的入口还不能够在手机百度的其他垂类下进行推广，从而也导致积分商城的用户量一直不上涨。

信息架构调整

目前获取积分的入口只有成就模块，为了弥补入口难找的问题，我将两者的信息架构进行调整，以TAB形式去切换积分入口和出口，可以让用户更好地发现其他功能，也能明确告知用户这两者是一个整体的。由于积分商城的入口位于手百“我”内，加上TAB切换可以弥补成就入口较深的劣势。

第二，统一整个模块为“我的积分”并进行功能划分，将“我的积分总数”和“我的奖品”从积分商城里抽离出来，以及将“完成成就”从“我的成就”里抽离出来，三者都属于“我的信息”，这样结构可以纯粹地分为积分入口，出口和用户信息。

第三，结构重构，前期我设计了一版设计方案，以三TAB形式去管理积分入口，出口和用户信息，这有助于用户进行信息管理，但由于第三个TAB“我的信息”内容少且拓展能力低，目前不需要独立一个TAB来承载，最终还是将用户信息合并至入口“我的成就”中，成为了双TAB结构“积分商城”和“我的成就”。

由于大部分功能不需要大幅度调整，整个信息架构大体已基本搭建完。

我将一致性、游戏化、情感化、效率化、兼容与拓展性五个设计关键词与功能结构和体验路径进行了整合，找出了相关体验优化点和产品策略优化点。

一致性

保证两个TAB内的视觉风格、样式统一，以及每个模块的基本布局与操作统一。

兼容与拓展性

降低每个功能的耦合度并模块化能有利于模块升级调整或增加新模块。如后期可以增加更多任务类型、商品及商品介绍。

游戏化与情感化

在游戏里，完成任务是提高等级和获取金币(积分)的主要途径，任务的多样性和可玩性是每个游戏的重中之重。我们将游戏里的玩法移植进“我的成就”中，增加了签到面板和任务组合的概念。

签到面板

根据后台数据统计，有70%的成就用户进入页面时会选择签到，系统会根据用户签到总天数给出“7天签到成就”和“30天签到成就”等。前面有提到，积分商城的上线导致了“我的成就”用户量的暴涨，说明用户更在意的是积分而不是成就。为了更好地吸引这些忠实用户，与产品同学沟通后决定把获得7天成就改为获得积分;为了使用户更多地签到，相关策略改为连续签到获得更多积分，断签则重头开始。

在设计上：

签到面板会着重显示今天获得的积分，以及告知用户最近14天的签到及积分获取情况，显示明天可以获取多少积分能更好地吸引用户明天回来签到。

从情感化方面，除了在视觉表达上吸引用户，我们还特意增加了一个运营位置，在里面可以显示一些促进情感的文案如“今天辛苦你了，请明天也回来签到哦”;这里也可以作为一个广告位，例如“差xxx积分可以兑换iPhone”来告知用户自己相差多少积分可以兑换商品，这样能更好地刺激用户进行签到;也可以为手百内其他垂类如小说(获得书豆)、视频(获得视频会员卡)等导流。

任务组合

任务组合是手百积分商城与其他应用积分商城区别的亮点。我们借鉴了游戏里每天任务(完成多个任务可以获得当天奖励)的概念，将多个任务进行捆绑，当用户完成今天所有任务后可以额外获得积分作为奖励。

在设计上如何更好地推动用户完成任务组合是重点。在情感方面，由于大多数游戏玩家会有“既然已经走了一步，不妨也完成其他任务吧”的心理，既然有70%的用户会进行签到，与产品同学讨论后，我们决定将签到纳入任务组合中，当用户签到完，组合已经完成第一个任务，这能更好地推动用户完成剩余的任务。

在获取积分上，我从情感化上对获取积分的展现进行了强化。在调研了大量竞品后，手机淘宝的每日签到获得淘金币的展现形式让我眼前一亮，与视觉同学沟通后，我们也决定采取这种强展现的形式。每获得积分后会有一个非常漂亮的金币蹦出来，给用户带来惊喜。

抽奖环节

抽奖环节也需要情感的设计，尤其是用户没抽中奖时情绪是低落但又想再来一把的，这时候需要文案和相应图案来安慰用户以及引导用户再次抽奖;当用户抽中奖时奖项蹦了出来也能给用户一种惊喜。

效率化

如何让用户更高效率地获取成就与积分也是这次改版的重点之一。在此我将流程进行了简化，从原有的流程：单个任务——完成任务——领取成就与积分——返回首页——选择下一任务——下一个任务的流程简化为：单个任务——完成任务——领取成就与积分——下一个任务，领取成就与积分后的流程压缩了66%，用户可以直接到达下一个任务去获取成就与积分。相应地，当用户再次回来查看搜索结果时，此时“下一成就”按钮变成“再去看看”;“我的积分”也相应改为“分享成就”的小功能。

在抽奖流程上，当用户抽奖到积分不够用时，弹框里会有一个入口直接到达“我的成就”引导用户去获取积分。

除了以上重要功能设计外，本次改版还对“成就排名”，“我的奖品”等进行了细节优化。此外，PM增加了每周五“全场一积分抽奖”的运营活动，使整个“我的积分”日活达到百万级以上。

本次改版为手百的积分系统奠定了良好基础，也期待后期可加入更多运营活动和好玩的任务，吸引用户更多使用手百的积分。

设计反思：

走不一样的路，对不同类型的APP进行调研可以挖掘出不一样的亮点;

通过设计可以缓解产品带来的痛点;

设计前归纳出设计要点可以使自己的设计有理有据;

引入游戏化思维可以使产品变得更有趣。

本文章仅代表个人观点及言论，与公司无关。

作者：薛志荣(微信公众号：薛志荣)，百度交互设计师，二年级生

本文由 @薛志荣 原创发布。未经许可，禁止转载。

题图来自 unsplash