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

设计与思考 ：驾校一点通APP5.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、有效的信息构架，正确引导用户个人行为

旧版主页频道过多，顺序信息不清，信息结构无效。根据对产品用户数据、用户个人应用行为和产品功能需求的统计分析，互动同学再次调整了首页信息结构。

新改版后的重点节目模块有:考试、盈利、社区、发现、购车。在首页改版中，将考试培训、考试模拟、考试刷题的功能提取出来，整合到首页顶部的xyk内容中，使得考试刷题的关键作用更加突出。此外，在试题训练和测试模拟上展示了用户成功完成试题的百分比和最高分等数据信息，不仅对试题训练和测试模拟进行了说明，还提示用户进行下一步的实际 *** 作，提高了产品与用户的接触。

在首页的设计心理中，人人还加入了“老湿机”的品牌形象，让老湿机给用户一种等待感，能够合理正确的引导用户更加快速即时的进行实际 *** 作。

驾校V5.0主页改版前后对比

2、明确驾校一点通产品视觉效果語言，制订设计标准

根据设计部门的几次讨论和分析，在APP5.0的设计方案修改中，产品必须回归用户的硬需求:加强审核页面。提高第一、第四科的刷题感觉，重新整理第二、第三科的内容。完善盈利页面，完善居住区，买车页面，其他功能呈现适度弱化和规范化。

在这次驾校App的视觉效果改版中，大家得到了调查意见的反馈问题，重点集中在缺乏设计感、传统设计风格、俗气、不流畅不美观等方面。根据知名品牌涂装后的视觉效果体验，一般选择扁平化的设计风格，让车感觉更轻盈。根据内容的合理布局、色调、logo、字体风格等关键要素进行重新设计方案，促使页面更加简洁，方便用户专注于产品功能和内容本身。

(1)合理布局内容

在新版本中，所有不必要的元素都被删除，相似的信息被有针对性地整理出来，整理成一张xyk作为一个单独的模块显示，使页面整洁、清晰、美观、合理。组合程序模块，降低用户理解的成本，提高产品的便利性。

现阶段在线考试首页截图

(2)语气

彻底改变了产品名牌色——翠绿色，使整体页面看起来更干净、更年轻、更科技、更专业。互相配合，驾校就知道产品广告语:“学驾照更简单”。让用户轻松产生信任，增加对知名品牌的认知能力，给用户一种绿色通道政策的感觉。选择驾校对接，代表一路信号灯。

修改后的引导页面截图

(3)签名

这个logo的图案和色调也秉承了汽车的轻量化设计方案，沿袭了知名品牌的特点，由繁到简。选择较浅的颜色，使标志充满青春活力和魅力，增强满足感和认同感。此外，我们还解决了旧版中页面logo设计风格不一致的问题。

修改前后左右标志对比

(4)字体风格

在改版中，大家还严格规范了字体样式、色值、字号的应用，让页面有了清晰的视觉效果层次关联。标题加粗，方便用户即时快速获取信息。信息控制模块之间的间隔也比以前更高，以区分层次关联，产生视觉效果的节奏。

作为一个完善的产品，驾校App有一百多个页面，从主页面到二级、三级页面。在大家前期的视觉效果设计风格形成后，为了让精英团队的设计方案快速配合并具有统一性，设计标准的制定也是必不可少的。有了标准也可以在之后的迭代更新中保持设计方案的初心。遵循定制化的设计标准，维护企业形象，可以让产品在不断的更新迭代中，保持企业形象不变，保持产品特色。此外，统一的产品标准提高了用户的应用认知能力，合理改善了用户体验。

驾校部分设计标准截图

3、融进设计心理学，提升经营相关内容页面

对于java工具，年轻用户比例超过总领域。在驾校学车的用户中，发现25岁以下的用户份额接近40%，比手机高出七个点。30岁以下用户份额超过70%，用户老龄化程度高。一般的java工具产品页面都是冷冰冰的，机械自动化的。在设计心理上也是发布老湿机的品牌形象，在产品运营设计上相互配合，在不损失专业能力和公信力的前提下，让页面更加正面，迎合用户日常生活，提高用户满意度。

老湿机暗中观察

作为学习驾照的专用工具产品，很多用户在拿到驾照后，会把卸载该产品作为获取驾照的新思路。有鉴于此，大家一直想在报名驾校、考试刷题的作用之外，赋予驾校很多内容，从而让用户更有粘性。在考试主页面中，我们把学生pk页面从之前的小通道中拿出来，独立作为一个控制模块。视频d幕风格的微动画展示方式，强化了点击频道和主题活动内容页面的视觉冲击力，使得刷题与手游紧密相连，提升了用户应用的满意度。调整后的学生pk页面发布一周后，数据信息被火箭完善。

从这个5.0开始，人人还推广了盈利、社区、发现、买车的页面。作为业务页面，盈利和社区页面在视觉效果上比考试报名的首页更加欢快，从而吸引用户，刺激用户点击。让商务页无主题活动的繁荣氛围和主页面官网的理性氛围保持一致，这就需要大家对整体页面的把控和对其重点的思考都要细致入微。

新版考试，盈利，社区，发现，买车首页截图。

4、知名品牌感受提升升級，与其他竞争对手产生多元化

为了让线上跨平台体验更加细致，在App改版基本健全后，Wap和PC也相继改版，以保持三端体验一致。在这次修改的设计方案中，大家一直遵循以下标准:统一的设计方案来自，统一的信息布局，统一的视觉效果语言。精致的关键点，可以让产品的视觉效果释放光环，产生产品的视觉效果语言。根据每个不同的控制模块，按照不同风格的构图设计方案，准确传递信息内容。从每一个关键点强化产品气场，与竞争对手多元化。

目前网上的驾校、行驶证、车轮驾考页面截图。

汇总

每个季度，精英调研团队都会根据用户访谈和问卷调查，对产品感受进行调查和总结。此外，在APP页面，人人都保留了用户的反馈通道，每天会收集数万条用户的反馈信息。人人可以从用户的反馈信息中获得有用的信息，并对人人的产品进行梳理和改进，期待每个用户都能满意。无论是产品本身，还是功能的更新迭代，大家都是以用户为管理中心的。

由马亚辉创造

本文人人都是产品主管，协同新闻媒体@58用户体验设计管理中心(微信公众平台@58UXD)，创作者@马亚辉。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/779463.html