项目背景
WPS PC端个人中心页面多年未改，因为业务不断增加，现在显得臃肿且无序，而且页面结构已无法满足新的需求。因此，CED联合产品、运营一起推进了一次改版重构，旨在提升整体用户体验以及业务承载能力。
重构思路
Step01：问题分析
经过体验走查、对过往数据的分析，以及对接上游业务方的诉求，发现问题可以归为2大类：体验不佳和不满足业务诉求。
不满足业务诉求
基于原本的卡片结构，各业务会在一定程度上相对独立。由于各业务的内容不一样，导致每个卡片的信息密度、视觉样式都相去甚远。整体上看，业务混乱且缺乏重点。而且，由于框架限制，原页面难以支持新业务的拓展。
Step02：目标设定
要想页面回归秩序，需要把页面内容重新整理并合理排布。【信息重构】和【页面框架搭建】，是重塑秩序的两项核心内容。
1. 信息重构
针对旧页面的信息重构，我们采取【页面拆解】-【内容增删改】-【重组与分区】的流程来进行。
经过与各业务模块负责人核对，完成了内容的增删调整和重组。重组后的页面信息可大致划分为四大模块，分别是“个人相关、基础功能、业务功能、运营推广”。
2. 页面框架搭建
页面框架重建主要为了提升内容聚合度，以及进行合理排布，确保框架更为清晰、易理解。基于用户反馈和历史数据，我们结合用户的诉求，将高频的功能优先呈现。同时，兼顾业务的诉求和未来业务的可拓展性，进行了整体框架的设计。
主界面划分了4个区域，顶栏为全局功能区，接着是大促活动的主推运营配置区，左侧为个人归属区，右侧为会员业务、基础业务、运营业务的聚合区域。
1）个人归属区
左侧个人归属区主要包含个人相关的内容，如头像、名称等基础信息，会员身份&权益套餐展示，以及我的云服务、我的资源、我的积分等个人拥有的资源；
2）多业务聚合区
此模块集合了多个业务的内容，包括会员业务、运营业务、基础业务、以及后续可能新增的业务。每个业务以Tab标签的形式进行切换，为后续业务拓展提供良好的框架支持。
02 视觉升级
1. 个人信息样式瘦身
原本身份卡尺寸较大，视觉很突出，但也会占据过多的空间。强对比的大色块，会显得视觉过于突兀，同时会导致卡片上的内容可读性降低。
新版身份卡做了简化，把个人信息提出卡片，提升可读性。
该区域同时强化了个人所拥有会员、权益的展示，目的是让用户更轻易感知自己目前的身份权益和消耗情况，而且可以通过点击弹窗查看具体的消耗状态。
即使减小了身份卡的区域面积，这里仍然是最突出的位置。考虑到用户对会员感知的一致性，该处与其他场景出现的会员身份卡保持基本一致。
2. 会员卡片规范化
原本的会员卡片信息元素分布零散，且不同状态下，样式各异。经过与产品、运营等业务方沟通协商，简化了卡片样式，制定了卡片内容规范。
3. 业务模块精简
对于业务功能引导，从卡片改为列表，是和业务争议较大的点。但实际数据证明新版的入口流量远大于旧版，是原来的5倍左右。
03 运营感知
页面为运营内容整理了一个单独的区域。由于该模块是活动推广的内容，需要强化活动的氛围。因此，对活动运营入口、优惠信息做了视觉强化，增加对用户的吸引力。
Step04：成果验证
经过数月的分析、构思、方案制定和开发实施，项目已经成功上线。然而，对于设计师而言，上线只是一个阶段。项目的真正价值需要通过用户反馈和数据验证来确认，跟进反馈并持续迭代优化是我们的责任。
测试与验证
WPS用户量巨大，一下子全量发布会面临极大的风险。我们采取了逐步放量的策略，收入数据和用户反馈相对稳定后，继续进行阶梯级放量。灰度阶段整体相对稳定，在保持收入稳定的情况下，还有上升的趋势，灰度50%期间eCPM值提升了10%左右。
为了第一时间收到用户的反馈，本次改版在右上角新增了反馈入口。自上线以来，收到了一些反馈，但整体对于界面体验的负面反馈相对较少。当然，我们会根据用户反馈持续做优化。
本次改版变化极大，对用户习惯的改变也很大，但就反馈而言，用户对新版的接受度还是蛮高的。
总结
对于一个拥有庞大用户群且业务收入长期保持稳定的界面来说，即使是一次简单的改动，也需要设计、产品、运营等进行多维度的综合考量。本次改版是一个全面的过程，涵盖了信息架构的重建、界面框架的搭建、视觉元素的升级以及新标准的制定，实现了从旧版到新版的彻底转变，是一次重大的改版。
项目历经几个月，最终能够顺利实施，得益于产品、设计、运营、开发和测试等各方成员的通力合作。改版带来的显著变化和业务数据的积极反馈，证实了我们的改版方向是正确的。这也进一步鼓励我们在未来继续勇于创新，大胆假设，小心求证，为用户和业务持续优化产品。
加 “星标” ⭐ 精彩文章不错过
觉得好看点击“在看”↓↓
