大厂实战案例！WPS 个人中心改版设计复盘

要对一个长期稳定的旧界面进行改版，是一项具有挑战性的任务。这需要考虑用户习惯的变化，以及改版对业务收入的影响。

往期改版：

一、项目背景

WPS PC 端个人中心页面多年未改，因为业务不断增加，现在显得臃肿且无序，而且页面结构已无法满足新的需求。因此，CED 联合产品、运营一起推进了一次改版重构，旨在提升整体用户体验以及业务承载能力。

二、重构思路

页面的重构思路主要从体验问题和业务诉求出发，基于问题来设定本次改版设计的目标，然后基于目标制定一系列的执行策略，最终项目上线后进行结果的验证，沉淀项目经验。

Step01：问题分析

经过体验走查、对过往数据的分析，以及对接上游业务方的诉求，发现问题可以归为 2 大类：体验不佳和不满足业务诉求。

1. 体验不佳

页面由于多年没更新视觉，跟新版 WPS 的主视觉已经不太匹配，同时由于多年的功能迭代和业务扩张，页面视觉已经相去甚远，整体体验的质量大幅下降。

2. 不满足业务诉求

基于原本的卡片结构，各业务会在一定程度上相对独立。由于各业务的内容不一样，导致每个卡片的信息密度、视觉样式都相去甚远。整体上看，业务混乱且缺乏重点。而且，由于框架限制，原页面难以支持新业务的拓展。

Step02：目标设定

基于上述的问题，经过与产品、运营侧的多次探讨想法，我们制定了以下设计目标，帮助解决体验的问题和满足业务侧的诉求。

Step03：设计策略

1. 重塑秩序

原本页面头部卡片，个人身份信息、基础功能、运营入口混杂在一起，排布散乱。卡片平铺无主次，且多业务混杂难以区分。

要想页面回归秩序，需要把页面内容重新整理并合理排布。「信息重构」和「页面框架搭建」，是重塑秩序的两项核心内容。

① 信息重构

针对旧页面的信息重构，我们采取「页面拆解」-「内容增删改」-「重组与分区」的流程来进行。

经过与各业务模块负责人核对，完成了内容的增删调整和重组。重组后的页面信息可大致划分为四大模块，分别是“个人相关、基础功能、业务功能、运营推广”。

② 页面框架搭建

页面框架重建主要为了提升内容聚合度，以及进行合理排布，确保框架更为清晰、易理解。基于用户反馈和历史数据，我们结合用户的诉求，将高频的功能优先呈现。同时，兼顾业务的诉求和未来业务的可拓展性，进行了整体框架的设计。

主界面划分了 4 个区域，顶栏为全局功能区，接着是大促活动的主推运营配置区，左侧为个人归属区，右侧为会员业务、基础业务、运营业务的聚合区域。

个人归属区

左侧个人归属区主要包含个人相关的内容，如头像、名称等基础信息，会员身份&权益套餐展示，以及我的云服务、我的资源、我的积分等个人拥有的资源；

多业务聚合区

此模块集合了多个业务的内容，包括会员业务、运营业务、基础业务、以及后续可能新增的业务。每个业务以 Tab 标签的形式进行切换，为后续业务拓展提供良好的框架支持。

2. 视觉升级

① 个人信息样式瘦身

原本身份卡尺寸较大，视觉很突出，但也会占据过多的空间。强对比的大色块，会显得视觉过于突兀，同时会导致卡片上的内容可读性降低。

新版身份卡做了简化，把个人信息提出卡片，提升可读性。

该区域同时强化了个人所拥有会员、权益的展示，目的是让用户更轻易感知自己目前的身份权益和消耗情况，而且可以通过点击弹窗查看具体的消耗状态。

即使减小了身份卡的区域面积，这里仍然是最突出的位置。考虑到用户对会员感知的一致性，该处与其他场景出现的会员身份卡保持基本一致。

② 会员卡片规范化

原本的会员卡片信息元素分布零散，且不同状态下，样式各异。经过与产品、运营等业务方沟通协商，简化了卡片样式，制定了卡片内容规范。

③ 业务模块精简

对于业务功能引导，从卡片改为列表，是和业务争议较大的点。但实际数据证明新版的入口流量远大于旧版，是原来的 5 倍左右。

3. 运营感知

页面为运营内容整理了一个单独的区域。由于该模块是活动推广的内容，需要强化活动的氛围。因此，对活动运营入口、优惠信息做了视觉强化，增加对用户的吸引力。

Step04：成果验证

经过数月的分析、构思、方案制定和开发实施，项目已经成功上线。然而，对于设计师而言，上线只是一个阶段。项目的真正价值需要通过用户反馈和数据验证来确认，跟进反馈并持续迭代优化是我们的责任。

1. 测试与验证

WPS 用户量巨大，一下子全量发布会面临极大的风险。我们采取了逐步放量的策略，收入数据和用户反馈相对稳定后，继续进行阶梯级放量。灰度阶段整体相对稳定，在保持收入稳定的情况下，还有上升的趋势，灰度 50%期间 eCPM 值提升了 10%左右。

为了第一时间收到用户的反馈，本次改版在右上角新增了反馈入口。自上线以来，收到了一些反馈，但整体对于界面体验的负面反馈相对较少。当然，我们会根据用户反馈持续做优化。

本次改版变化极大，对用户习惯的改变也很大，但就反馈而言，用户对新版的接受度还是蛮高的。

总结

对于一个拥有庞大用户群且业务收入长期保持稳定的界面来说，即使是一次简单的改动，也需要设计、产品、运营等进行多维度的综合考量。本次改版是一个全面的过程，涵盖了信息架构的重建、界面框架的搭建、视觉元素的升级以及新标准的制定，实现了从旧版到新版的彻底转变，是一次重大的改版。

项目历经几个月，最终能够顺利实施，得益于产品、设计、运营、开发和测试等各方成员的通力合作。改版带来的显著变化和业务数据的积极反馈，证实了我们的改版方向是正确的。这也进一步鼓励我们在未来继续勇于创新，大胆假设，小心求证，为用户和业务持续优化产品。

欢迎关注作者微信公众号：「CED设计团队」