设计与思考 ：驾校一点通 APP 5.0 改版设计回顾

　

这次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）图标

标签：东营 林芝 九江 乌鲁木齐 盐城