設(shè)計(jì)與思考?：駕校一點(diǎn)通 APP 5.0 改版設(shè)計(jì)回顧

　

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

駕校一點(diǎn)通作為移動(dòng)端教輔類工具，一直深受廣大用戶的喜愛。隨著功能的豐富與強(qiáng)大，產(chǎn)品的結(jié)構(gòu)也越來越復(fù)雜，現(xiàn)有的信息架構(gòu)已不能承載產(chǎn)品未來的發(fā)展，設(shè)計(jì)改版勢在必行。

這次5.0改版主要將各種功能進(jìn)行結(jié)構(gòu)化整合、按照駕校一點(diǎn)通的調(diào)性重新定義產(chǎn)品視覺風(fēng)格，讓信息架構(gòu)和視覺展現(xiàn)更加合理，創(chuàng)造流暢生動(dòng)的用戶體驗(yàn)。改版不但僅只是為了視覺感受上更具有設(shè)計(jì)感，而是希望能讓用戶有更好的體驗(yàn)，形成品牌的忠誠度。

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

圍繞問題，設(shè)定設(shè)計(jì)目標(biāo)

基于舊版的產(chǎn)品分析，用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)發(fā)現(xiàn)如下幾個(gè)問題：

信息架構(gòu)分歧理，入口多，主次信息不清晰。視覺風(fēng)格過時(shí)，樣式較為單一，品牌認(rèn)知度較弱。運(yùn)營頁面信息比較雜亂，與整體頁面融合度不高。同類產(chǎn)品，頁面差異性不大，其產(chǎn)品的差異性較弱。

用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的小伙伴們多次迭代，從用戶角度出發(fā)，針對(duì)問題以及競品分析的結(jié)果，不停發(fā)散收斂，得到此次改版的設(shè)計(jì)標(biāo)的目的：合理規(guī)劃信息架構(gòu)，確定駕校一點(diǎn)通產(chǎn)品設(shè)計(jì)調(diào)性，形成差異化的視覺語言，重新全面包裝，提升品牌認(rèn)知度，整體提升線上的用戶體驗(yàn)。

1、合理的信息架構(gòu)，引導(dǎo)用戶行為

舊版首頁入口太多，主次信息不清晰，信息架構(gòu)不夠合理?；诋a(chǎn)品用戶數(shù)據(jù)分析、用戶使用行為和產(chǎn)品功能需求等三個(gè)方面，交互同學(xué)對(duì)于首頁信息結(jié)構(gòu)重新進(jìn)行了調(diào)整。

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

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

駕校一點(diǎn)通V5.0首頁改版對(duì)比圖

2、確定駕校一點(diǎn)通產(chǎn)品視覺語言，制定設(shè)計(jì)規(guī)范

通過設(shè)計(jì)團(tuán)隊(duì)多次討論和分析，在APP5.0設(shè)計(jì)改版中，產(chǎn)品需要回歸用戶剛性需求：強(qiáng)化考試做題頁。優(yōu)化科目一、科目四線上做題體驗(yàn)，重新梳理科目二、科目三展示內(nèi)容。增加福利頁面，優(yōu)化社區(qū)、購車頁面，其他功能展示適當(dāng)弱化和規(guī)范化。

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

（1）內(nèi)容布局

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

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

（2）顏色

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

改版后的引導(dǎo)頁截圖

（3）圖標(biāo)

標(biāo)簽：東營 林芝 九江 烏魯木齊 鹽城