柳州信息化建設之重磅！移動端個人中心體驗優化！

改版背景 / BACKGROUND

為了兼容教育系統頻繁的內容迭代和日漸完善的功能，學員端需要一種更簡約、更舒適、更符合效率美學的設計方案，項目組評審后決定投入更多精力關注學員學習體驗、升級系統的店鋪視覺表現。

移動端店鋪作為學員使用的主要終端，成為我們本次升級優先實裝的內容。

根據使用和反饋情況，設計團隊在一期對移動端個人中心區域進行了排查、分類 ，針對存在問題進行逐一解決。

設計目標 / TARGET

【產品層】設計團隊借此機會更深入了解系統的使用人群、清晰機構的業務運作流程，進而去了解移動端使用人群——學員的屬性。

【交互層】秉承以用戶為中心的體驗設計理念，?深入理解人群喜好和設計發展趨勢，優化學員端信息布局與使用流程，提高使用、學習效率。

【視覺層】結合當下流行趨勢和使用場景，剔除浮躁，呈現簡約、高效的視覺界面。

從效率為核心出發，尋找設計切入點，經過團隊多方調研探索和人群分析，明確設計升級方向：

發現問題 / PROBLEM

針對學員端個人中心，設計團隊走查了數十款有相似場景的APP，經過反復分析討論，復盤出我們的設計在以下維度的優化空間：

設計策略 / STRATEGY

1. 構建清晰的信息層級

新方案優化了元素比例、關鍵信息層級問題。
團隊希望保持界面清爽、簡約，同時可以兼容機構獨有色彩的能力。

2. 高效利用空間，讓內容露出更多

隨著教務、營銷功能的完善，舊樣式在空間利用上有很大的提升空間。
新方案使用矩陣布局，空間利用率能有效提高61%。

針對表單我們移除了頁面跳轉交互，通過簡單的折疊展開，能實現學員在當前頁面解決表單查看問題，提高使用效率。

3. 提高視覺精度，提升產品質感

為了提高機構店鋪的品牌形象，設計團隊精心打造全新圖標庫，貼合教育場景的符號設計，兼顧個性化主題色的應用和視覺的一致性，實現準確、高效的信息傳遞。

4. 升級設計語言，確保視覺一致性

保證產品表現的一致性，減少學員的店鋪上手成本。

結語 / SUMMARY

1. 打造清晰層級，提高信息高效傳播

清晰的視覺效果及信息層級，讓有效信息更快更準確讓用戶觸達

2. 有效利用空間，讓內容露出更多

展示更多信息，曝光更多核心功能，助力教務、營銷更上一層樓

3. 提高視覺精度，提升產品質感

提高店鋪整體設計質感，賦予企業專業感，實現高效的內容傳遞

4. 升級設計語言，確保視覺一致性

重新制定設計風格和基礎規范，并搭建了業務組件，確保用戶一致的產品體驗

通過此欄目，團隊后續將發布更多可公開的視覺優化方向和具體內容，感謝各位老師的支持。