要對一個長期穩定的舊界面進行改版，是一項具有挑戰性的任務。這需要考慮用戶習慣的變化，以及改版對業務收入的影響。

往期改版：

一、項目背景

WPS PC 端個人中心頁面多年未改，因為業務不斷增加，現在顯得臃腫且無序，而且頁面結構已無法滿足新的需求。因此，CED 聯合產品、運營一起推進了一次改版重構，旨在提升整體用戶體驗以及業務承載能力。

二、重構思路

頁面的重構思路主要從體驗問題和業務訴求出發，基于問題來設定本次改版設計的目標，然后基于目標制定一系列的執行策略，最終項目上線后進行結果的驗證，沉淀項目經驗。

Step01：問題分析

經過體驗走查、對過往數據的分析，以及對接上游業務方的訴求，發現問題可以歸為 2 大類：體驗不佳和不滿足業務訴求。

1. 體驗不佳

頁面由于多年沒更新視覺，跟新版 WPS 的主視覺已經不太匹配，同時由于多年的功能迭代和業務擴張，頁面視覺已經相去甚遠，整體體驗的質量大幅下降。

2. 不滿足業務訴求

基于原本的卡片結構，各業務會在一定程度上相對獨立。由于各業務的內容不一樣，導致每個卡片的信息密度、視覺樣式都相去甚遠。整體上看，業務混亂且缺乏重點。而且，由于框架限制，原頁面難以支持新業務的拓展。

Step02：目標設定

基于上述的問題，經過與產品、運營側的多次探討想法，我們制定了以下設計目標，幫助解決體驗的問題和滿足業務側的訴求。

Step03：設計策略

1. 重塑秩序

原本頁面頭部卡片，個人身份信息、基礎功能、運營入口混雜在一起，排布散亂。卡片平鋪無主次，且多業務混雜難以區分。

要想頁面回歸秩序，需要把頁面內容重新整理并合理排布。「信息重構」和「頁面框架搭建」，是重塑秩序的兩項核心內容。

① 信息重構

針對舊頁面的信息重構，我們采取「頁面拆解」-「內容增刪改」-「重組與分區」的流程來進行。

經過與各業務模塊負責人核對，完成了內容的增刪調整和重組。重組后的頁面信息可大致劃分為四大模塊，分別是“個人相關、基礎功能、業務功能、運營推廣”。

② 頁面框架搭建

頁面框架重建主要為了提升內容聚合度，以及進行合理排布，確?？蚣芨鼮榍逦?、易理解。基于用戶反饋和歷史數據，我們結合用戶的訴求，將高頻的功能優先呈現。同時，兼顧業務的訴求和未來業務的可拓展性，進行了整體框架的設計。

主界面劃分了 4 個區域，頂欄為全局功能區，接著是大促活動的主推運營配置區，左側為個人歸屬區，右側為會員業務、基礎業務、運營業務的聚合區域。

個人歸屬區

左側個人歸屬區主要包含個人相關的內容，如頭像、名稱等基礎信息，會員身份&權益套餐展示，以及我的云服務、我的資源、我的積分等個人擁有的資源；

多業務聚合區

此模塊集合了多個業務的內容，包括會員業務、運營業務、基礎業務、以及后續可能新增的業務。每個業務以 Tab 標簽的形式進行切換，為后續業務拓展提供良好的框架支持。

2. 視覺升級

① 個人信息樣式瘦身

原本身份卡尺寸較大，視覺很突出，但也會占據過多的空間。強對比的大色塊，會顯得視覺過于突兀，同時會導致卡片上的內容可讀性降低。

新版身份卡做了簡化，把個人信息提出卡片，提升可讀性。

該區域同時強化了個人所擁有會員、權益的展示，目的是讓用戶更輕易感知自己目前的身份權益和消耗情況，而且可以通過點擊彈窗查看具體的消耗狀態。

即使減小了身份卡的區域面積，這里仍然是最突出的位置?？紤]到用戶對會員感知的一致性，該處與其他場景出現的會員身份卡保持基本一致。

② 會員卡片規范化

原本的會員卡片信息元素分布零散，且不同狀態下，樣式各異。經過與產品、運營等業務方溝通協商，簡化了卡片樣式，制定了卡片內容規范。

③ 業務模塊精簡

對于業務功能引導，從卡片改為列表，是和業務爭議較大的點。但實際數據證明新版的入口流量遠大于舊版，是原來的 5 倍左右。

3. 運營感知

頁面為運營內容整理了一個單獨的區域。由于該模塊是活動推廣的內容，需要強化活動的氛圍。因此，對活動運營入口、優惠信息做了視覺強化，增加對用戶的吸引力。

Step04：成果驗證

經過數月的分析、構思、方案制定和開發實施，項目已經成功上線。然而，對于設計師而言，上線只是一個階段。項目的真正價值需要通過用戶反饋和數據驗證來確認，跟進反饋并持續迭代優化是我們的責任。

1. 測試與驗證

WPS 用戶量巨大，一下子全量發布會面臨極大的風險。我們采取了逐步放量的策略，收入數據和用戶反饋相對穩定后，繼續進行階梯級放量?；叶入A段整體相對穩定，在保持收入穩定的情況下，還有上升的趨勢，灰度 50%期間 eCPM 值提升了 10%左右。

為了第一時間收到用戶的反饋，本次改版在右上角新增了反饋入口。自上線以來，收到了一些反饋，但整體對于界面體驗的負面反饋相對較少。當然，我們會根據用戶反饋持續做優化。

本次改版變化極大，對用戶習慣的改變也很大，但就反饋而言，用戶對新版的接受度還是蠻高的。

總結

對于一個擁有龐大用戶群且業務收入長期保持穩定的界面來說，即使是一次簡單的改動，也需要設計、產品、運營等進行多維度的綜合考量。本次改版是一個全面的過程，涵蓋了信息架構的重建、界面框架的搭建、視覺元素的升級以及新標準的制定，實現了從舊版到新版的徹底轉變，是一次重大的改版。

項目歷經幾個月，最終能夠順利實施，得益于產品、設計、運營、開發和測試等各方成員的通力合作。改版帶來的顯著變化和業務數據的積極反饋，證實了我們的改版方向是正確的。這也進一步鼓勵我們在未來繼續勇于創新，大膽假設，小心求證，為用戶和業務持續優化產品。

歡迎關注作者微信公眾號：「CED設計團隊」