這次5.0版本改版的使命不但要整體提升駕校一點通App的用戶體驗，也需要與行業內的其他產品形成差異。在改版期間，駕校一點通從App、PC、Wap端到品牌logo做了一系列體驗升級。這篇文章旨在針對此次App端改版過程，做完整的設計回顧。

駕校一點通作為移動端教輔類工具，一直深受廣大用戶的喜愛。隨著功能的豐富與強大，產品的結構也越來越復雜，現有的信息架構已不能承載產品未來的發展，設計改版勢在必行。

這次5.0改版主要將各種功能進行結構化整合、按照駕校一點通的調性重新定義產品視覺風格，讓信息架構和視覺展現更加合理，創造流暢生動的用戶體驗。改版不但僅只是為了視覺感受上更具有設計感，而是希望能讓用戶有更好的體驗，形成品牌的忠誠度。

駕校一點通團隊于2016年9月底啟動了5.0版本的設計改版，到目前5.4版本，所有改版的內容已悉數上線。在啟動改版之前，設計團隊調研了駕考同類型產品，發現頁面結構以及視覺設計都比較一致，且產品頁面多年都很少進行視覺更新迭代。所以，這次5.0版本改版的使命不但要整體提升駕校一點通App的用戶體驗，也需要與行業內的其他產品形成差異。在改版期間，駕校一點通從App、PC、Wap端到品牌logo做了一系列體驗升級。這篇文章旨在針對此次App端改版過程，做完整的設計回顧。

圍繞問題，設定設計目標

基于舊版的產品分析，用戶體驗設計團隊發現如下幾個問題：

信息架構分歧理，入口多，主次信息不清晰。視覺風格過時，樣式較為單一，品牌認知度較弱。運營頁面信息比較雜亂，與整體頁面融合度不高。同類產品，頁面差異性不大，其產品的差異性較弱。

用戶體驗設計團隊的小伙伴們多次迭代，從用戶角度出發，針對問題以及競品分析的結果，不停發散收斂，得到此次改版的設計標的目的：合理規劃信息架構，確定駕校一點通產品設計調性，形成差異化的視覺語言，重新全面包裝，提升品牌認知度，整體提升線上的用戶體驗。

1、合理的信息架構，引導用戶行為

舊版首頁入口太多，主次信息不清晰，信息架構不夠合理。基于產品用戶數據分析、用戶使用行為和產品功能需求等三個方面，交互同學對于首頁信息結構重新進行了調整。

新改版后的主要功能模塊有：考試、福利、社區、發現、購車。首頁改版中，將考試練習、模擬考試和做題相關功能提煉出來，整合成首頁頭部卡片內容，讓考試做題這塊核心功能更加突出。同時，在考題練習、模擬考試上面顯示用戶已完成題庫百分比和最高得分的數據，不但對考題練習和模擬考試進行解釋說明，還能提醒用戶進行下一步操作，增加產品與用戶之間的聯系。

在首頁的情感化設計中，我們也加入了“老司機”形象，讓老司機給用戶陪伴感，同時可以有效引導用戶更加快速直接的進行操作。

駕校一點通V5.0首頁改版對比圖

2、確定駕校一點通產品視覺語言，制定設計規范

通過設計團隊多次討論和分析，在APP5.0設計改版中，產品需要回歸用戶剛性需求：強化考試做題頁。優化科目一、科目四線上做題體驗，重新梳理科目二、科目三展示內容。增加福利頁面，優化社區、購車頁面，其他功能展示適當弱化和規范化。

在駕校一點通App此次視覺改版中，我們得到調研反饋問題，主要集中在缺乏設計感、風格守舊、土氣、粗糙不精致等。按照梳理后的的品牌視覺感受，整體采用扁平化風格使體驗更加輕量化。通過對內容布局、顏色、圖標、字體等細節元素上進行了重新設計，使得頁面更加簡潔，便于用戶聚焦產品功能及內容自己。

（1）內容布局

新版中去除所有多余元素，將同類信息進行系統性歸納，并整理到一張卡片內做為獨立的單元進行展示，使頁面干凈，清晰和美不雅觀布局。歸納整合了功能模塊，降低用戶的理解成本，增加產品易用性。

目前線上考試首頁界面的截圖

（2）顏色

重新定義的產品品牌色——綠色，讓頁面整體顯得更干凈、更年輕、更專業，配合駕校一點通產品slogan：“學車更輕松”。讓用戶輕松產生信賴感，加深用戶對品牌的認知，并給用戶一種綠色通道的感覺，選擇駕校一點通意味著一路綠燈。

改版后的引導頁截圖

（3）圖標

標簽：東營 林芝 九江 烏魯木齊 鹽城