快的打车司机4.0设计总结

司机端 4.0 版本旨在实现 “为未来发展打好地基，夯实基础框架” 之目的。对于司机端的未来，一方面会继续在 “工作” 环节上做好内功，为用户提升更好的听单、抢单、接乘客、导航等体验，使用户更容易看到和抢到适合自己的订单；另一方面则会开始向用户的生活服务方面做扩展。为使这一规划能够顺利实现，有必要对现在的软件应用结构做梳理，并增强如消息体系的基础功能。

通过对用户的人群、使用环境的分析我的得出了司机的三个关键词：

通过和产品不停的讨论，根据对司机使用软件的习惯和场景的深度调研及分析，结合三个关键词及之前版本的经验，对新的信息架构做出如下规划。

软件信息架构易用、高效

将司机端想像成是一张卡牌。正面是司机最常使用，最关心的信息与功能并且可以高效完成的抢单。称之为 A 面。反面则是司机工作带来的扩展信息，及其它一些没必要实时关注的次级信息与功能。称之为 B 面。

A 面：包含未听单、开始听单、抢单、接乘客及接到乘客后的信息及功能。即司机工作流程。

B 面：包含由司机工作产生的各项信息，如车费帐户、奖励帐户、历史订单、任务中心、工作统计等。以及生活服务类的扩展功能及信息，如体检功能等。

当我们把整个的产品流程都梳理完成，产品确定之后就要UI细节的制定，首先司机4.0所有界面布局为：顶部操作栏＋内容区域＋底部操作栏。

之前的司机流程中司机的上班和下班只在首页按钮的文字替换来体现，当司机进入到 B 面后并不能很明确的让司机知道自己现在所在的状态， 司机 4.0 通过改变顶部导航和底部操作的颜色来明确划分了上班和下班的态。

通过调研和反馈大部分司机为年龄超过30岁，操作环境是在车内并且是在移动的，使用过程中手机会不停晃动， 并且是远距离观看，基于用户的这些原因， 4.0 在视觉规范上采用了略大的控件尺寸及字体规格。比如顶部导航栏的高度比默认的高出20px,可点击区域变大，字体变大，所有的按钮形式为文字＋线框。

细节制定完毕后， 接下来我们就需要出相关的高保真效果图来方便开发实现。 在这个过程中需要和这次司机4.0的目的保持一致不变动；配合乘客端相关功能一致；视觉规范的统一性与一致性却不依赖于规范，懂得适当的留白；更好的让用户去简单操作和高效。

所有的效果图需要经过开发实现之后才会到达用户手中，所以设计和开发的对接、沟通尤为关键。这个时候设计也是要跟进开发环节，为了保证产出物和设计一致，设计需要整理出一系列的标准值供开发使用，这样来确保实际线上效果与设计稿不会相差太大。

开发完成就会进行到视觉联调和测试解BUG阶段，因为司机端iOS的设计尺寸是按iPhone 6 的尺寸来设计，我先看的是iPhone 6 的尺寸，先由开发这边提供实现图截图，然后和设计稿精确对照到像素，精确标注后再发给开发解决，开发调试完还需要再次确认一遍，这个过程一般都要经历1-2遍。 iPhone 6 尺寸的开发实现图确认之后，之后的5及6 plus的相对就比较容易了，一般的设计都是采用相对值来的，但是了个别的绝对设计就不可以运用这个方案需要给开发再出一套绝对值比例效果图，并做相应调整。

Android的设计尺寸是按720*1280来设计的，只要把这个尺寸的调试好就好了，其他基本的都不会出现大的问题，只要细微调整就好。

以上就是我参与司机4.0项目的整个过程，在这个过程中沟通是至关重要的，设计不仅仅是把界面弄好看、漂亮这么简单。虽然之前有经历过司机2.0、3.0项目，但是我仍然不敢松懈，觉得每次项目的迭代都是对自己的挑战。你需要早早参与调研与用户交流，了解他们真正需要的是什么；需要站在产品的角度多去考虑问题，和产品最终达成一致；需要随时跟进开发进度，提供开发需要的所有素材。只有这样才能确保产品能够高质量的上线。