盈和動力 | 二十年品牌 - 提供:互聯網信息化建設、大數據內容安全新媒體云監測等解決方案

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

 二維碼 3
發表時間:2023-04-14 15:55

改版背景 / BACKGROUND

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

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

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

設計目標 / TARGET

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

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

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

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

發現問題 / PROBLEM

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

設計策略 / STRATEGY

1. 構建清晰的信息層級

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

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

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

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

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

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

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

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

結語 / SUMMARY

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

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

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

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

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

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

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

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

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


二十年來,我們專注于為用戶提供高品質的互聯網信息化建設服務,與用戶共創未來!


掃一掃,觀看視頻
會員登錄
登錄
其他帳號登錄:
留言
回到頂部