本文由UI中国8周年faceui创始人朱佳明的演讲整理而成

编辑整理 by 盒饭君

转载请注明出处。

今天主要分享的是关于车，车在faceui内部我们会涉及到像HMI的人机交互体验设计，包括手机互联，以及现在越来越多的汽车都是电动汽车，其实它会有这种全液晶仪表，以及HUD这种设计，包括跨平台的多终端的人机交互设计，以及基于我们自己现在从去年独立的一个新的品牌叫Face car基于互联网汽车，包括最新的HMI的人机交互设计的研究也要持续出一些报告。

私人管家式的体验

未来的车联网我们可以畅想，我今天想跟大家分享未来的出行体验，未来我管它叫私人管家式的体验，它是可关怀的。所以，包括我们引入整个私人管家的设计，包括会基于凯迪拉克、别克和雪佛兰不同的车型，包括一些智能的互动，还有个人的驾驶行为，以及车辆的诊断的安全报告的输入。

当然，也会涉及到跨平台的车联网，他会涉及到车机、手机，以及iWatch，你会考虑人机分布角度如何考虑信息流的分布，大小屏幕不一样，应用长场景也不一样，如果针对更小的屏幕做信息的展示，包括当下场景给他最合适的信息的呈现也非常重要。

跨平台的延展性，新版的On Star里可以看到这样的私人管家，这是我们最初定义的品牌DNA，由它可以帮助你开关车门，驾驶行为的诊断、梳理，以及相关的信息消息的推送，这就是一个私人管家，不用你再冰冷的控制。33个品牌下视觉语言上他穿上不同的衣服代表雪佛兰、别克、凯迪拉克，三种不同的调性和气质。

车的设计在人机交互是最复杂的

这个过程我们经历从前期的用户研究、交互和用户视觉，我们对首屏的一些用户前期调研发现很多用户更希望对于现在的车机的Home配置有一些快速计时的需求，而不是原来单入口的设计方式，他更希望看到我快速的联系方式，听过的音乐，快速信息的搭建。

我们当时也做了一些竞品的分析，后期在交互的体验设计上我们希望承载卡片式的原理，给他更多的信息加入口的设计原理，你可以快速的看到你的联系人，包括可以自由定制化你的桌面，就像一个自由桌面一样，它更加丰富，懂事我们也考虑到给他一个大众的，以前有习惯，继承他传统习惯的传统模式，他就可以进行这种传统模式和创新模式间的切换。我们做了不同模块的线性的交互。

车的设计是在所有人机交互里最复杂的，甚至比手机还要复杂，因为车里会涉及多个屏幕，包括仪表、车机，以及在车机上涉及到硬件和软件的交互控制。

我如何让用户通过这个硬件控制这个软件，如何单纯的通过触摸完成这个软件的操作，都是在不同的场景下完成的。所以，我们考虑的维度，在车联网体验中就更加复杂。所以，我们会参与到一些硬件的定义环节，包括他如何快速的硬件跟音乐和接电话划分，我们会定义不同的按键，最终的效果会涉及到跟车厂的保密协议，车厂保密协议比较严格。

视觉风格的灵感点

我们在过程中视觉的风格上当时做了可能十六七版的尝试，当时faceui的主设计师：尼克，特地去一汽长春在那儿一两个月，包括北京的团队跟他一起配合，包括在过程中尝试了很多偏商务型的风格，包括会涉及到相对动感一些的。

在整个动效的创意上也是做了很多种的尝试，这是动感里的音乐的感受，包括当时我们在做这样一个场景的尝试时我们希望引入这样一个太空舱的感受，你可以完成关闭，展开下一个层级的感受，这都是由这样一个场景完成的，这都是找到的另一个故事线。

我们当时找的故事点是一滴墨，通过这样一个DNA我们由它展开，完成你音乐，以及你的引导页，到FM，到分配制的动态的衔接。我们希望赋予红旗这个看似古老的品牌一些相对欧美现代的气质，我们就把一些比较中国元素的一个点拿出来进行欧美化，他的领导大多都60多岁了，最后接受不了。

在整个交互框架创意上我们最初是来自于一张卡片，这张卡可能4×1，4×2，4×3，4×4，…，4×N，解决信息流的不具合划分，可以变成12.3寸更大的屏，同时可以来到手机端，包括他可以到仪表端，整体是一种将信息流进行一个单层面的延展性的设计，更加富有拓展性。

凯迪拉克CUE系统分析

凯迪拉克有名的一套系统是CUE，它对整个系统级的设计过程脱离不开这几个元素，在车机端未来的车有多屏互动，包括你的HMI，中控，包括方向盘，可能后面我们方向盘都变成智能的，包括我前置的玻璃，包括我的手机端是多屏的互动，我们当时对他的不同功能层级进行了不同维度的划分，我们将最高频的一些实用功能。

例如导航、电话，包括影像按照他的重要、非重要和使用的频率低和高频进行不同维度划分，解决用户不同场景的设计问题，通过这种用户调研我们希望满足用户在驾驶过程中大家经常发现我们在什么样的交互在驾驶过程中是最好的，就是让用户参与感越少，甚至让用户忘记你的人机交互，那这种设计是最好的，因为开车时安全性是第一位的，你再漂亮的界面，你所谓好的人机交互它的基础都是安全，如果让用户多反应0.5秒他都有可能撞车。

所以，我们应该给他更加安全的，甚至让他可以盲操的操控体验，同时不要让他脱离双手去花很多时间琢磨应该怎么交互，同时给他一个更可靠更安全的设计，而且后期的车联网的设计中语音交互这点是非常重要的，包括语音，还有触摸，听觉、嗅觉、感觉多通道的感觉的交互一定是后面我们非常重要的，以及我们在整个设计过程中我们分了不同的任务场景，对开车最重要的是被动性任务、驾驶性任务和持续中的任务。被动性任务用户对整个任务的发起时间是没有预期的。

举个例子，突然你转弯的时候有一个突然的来电，这个时候你应该怎么判断？它是一个被动性的任务，这个时候，用户在完全没有预期的情况下我们给他一个最小参与的原则，包括驾驶中的任务，如何在驾驶过程中让用户最少的注意力放在你的中控屏以及你的仪表上，包括持续性任务，他是一个持续节点时间的，可能我一直在使用导航，我一直在听FM，他是一个持续性的，这种持续性的任务对设计过程也是一个很重要的元素，因为我可能可以打断他，他可以是一个全局的操作，可以隐藏起来，该出来的时候出来，这是一个持续性的任务。

凯迪拉克CUE系统设计维度的定义

我们更希望定义在包括触觉、感觉，以及安全性和和舒适性，几个非常重要维度的设计。

包括刚才我说到这种硬件屏的体验，硬件和软件的关联非常重要，包括中控这块我们希望拆开两个不同的层次，就是在你屏幕中他是一个使用边界，在屏幕之外的硬件是一个使用边界，我们如何解决屏幕内的UI素对人机交互的影响，以及外面硬件对UI元素之间和对用户的影响是不一样的，用户在使用中控界面元素的时候他更希望是一个沉浸式的，但是他同时开车过程中可能很快捷的要切换一个音乐或者拨打一个电话，我要调一个快捷入口单入口就要通过硬件关联，我们如何解决这样的问题。

我们也要考虑引入一些大家移动互联网的手势习惯，这对降低用户门槛是大大有帮助性的。在交互设计中我们其实是拆分了不同的区域性，比如我们在来到第一区域的时候他是一个全局的区域，通过这样一个全局显示区你可以定制化你的常用功能，用户就不用进入更深的层次。包括第二区域是对当前信息流的展示区，第三区域是对当前信息流的操作区。第四区域是一个操作区，需要有全局的意识再往下做详细的交互，再往下做视觉。

凯迪拉克CUE系统视觉风格的考虑

在整个视觉风格上要考虑到整个界面和周围，和硬件，甚至背光是不是吻合，包括四周的使用色彩处理它其实是包含在整个应建立的。如果我们使用一个很亮的硬件设计整个氛围就打破了，我们需要考虑到整个环境进行一个设计。

在这个过程中的一些局部，整体是蓝黑的色系点缀金色和红色是希望给凯迪拉克一个比较高贵的气质，包括方向盘一个区域的划分，它可以分成高频的操作区和低频的操作区，我们通过不同的任务如何定义不同的硬件上，这也是比较重要的。比如你进行上一首歌下一首歌的操作，包括你音量的加减，硬件是控制你的软件的，这也是我们人机交互中很重要的部分。

提炼核心关键词

我们提炼出一个核心的关键词就是吉光，当然不是北极的“极”，是“吉利”的“吉”，通过一道吉林广泛我们进行一些创意，我们可能从一些自然的卡片中可以寻找这道吉光，这道吉光有可能来自午后的场景，有可能是雨天之后，或者是晚霞，有可能是冰天雪地，通过吉光的想法带到整个HMI的设计中，整个HMI的交互要和它的硬件，所谓硬件就是车辆外观的ID设计进行结合。如果大家注意到最新的吉利博锐前脸有一个水波企涟，来自中国水波涟漪的想法，我们希望把它带到我的软件里来，硬件的时候水波企涟通过正脸看到正面的效果，软件就可以把水波导下去营造出一个3D的空间感，让用户看的时候是一个非常纵深的非常大的视野感，这个时候给他驾车的感受是一个无限宽广的视野。我们将这样的水波企涟导下。你发现我们在空间上层提供了很多信息流的交互，我个人倾向于后期的HMI是一个纵深空间感和前置层的设计，后置纵深感是一个很有进深感，可以塑造很多的场景，前置的信息流是把一些可交互的信息流相对平面化的放在我的前置层，后面的用户体验设计是一个前置层和后置层的设计过程。

未来车辆出行的体验

我们做FaceCar一些研究，我们希望FaceCarr推动未来车辆出行的体验是一个走出功能，解决用户痛点，解决人车的体验，包括我们是一个跨终端跨平台的体验，我可以考虑未来车联网的场景，有可能大家的一天就是这样的。

未来你可以通过手机，可以去定你想要的比如迪斯尼的门票，包括你可以通过你的手机社交，可以跟你的车进行互联，然后你可以把导航发送到车辆，包括你在开车过程中可以跟你好友分享音乐，以及你可以提前安排你去迪斯尼旅游的路线和行程，你饿了可以点餐，可以分享最新的停车场信息给你伙伴，你还可以监控你老公在什么地理位置在干什么，可以二维码扫描停车场数据。包括后面的车联网一定会跟互联网金融挂钩，跟车险挂钩，这就是我们圈内提的UBI跟车险挂钩，带来新的车联网的体验。所以，车不仅仅是车本身，会跟人、生活的方方面面结合。包括你可以跟保险公司进行一些这样的业务理赔的流程，包括拖车，同时监控你维修的整体进度。这是最新的车联网的体验设计。

打破场景，找到共性任务，提炼原则

在做的FaceCar的设计研究，原来我们是技术到功能到产品，现在希望从用户场景出发，从用户场景到用户需求，然后再把用户场景打碎到不同的任务，跨场景中有很多任务是共性的，有可能我在开车中的一个场景，同样一种任务是主动性任务，我的设计原则应该是一样的，打破场景，找到共性任务，提炼原则，提供给设计师一个交互的指导原则，而不是主观觉得这个好不好那就这样设计了。我们整个过程中将场景进行梳理，细化我们的产品，这个事有难度没人做，先基于自己对项目的经验提出场景，把场景进行用户研究再进行验证，找到这种场景的特性，提炼交互的原则。我们按照人车生命周期，从你最初选车买车到保养汽车，包括车辆的意外到中止他的生命周期有不同的场景，以车辆使用为例，你可能有这种实时的通讯，实时的娱乐，车辆的检测，提前的控制，都要进行梳理和罗列，通过用户研究找到细化，提炼共性的任务。

我们现在已经提炼了很多场景。我们希望它的操作性是无中断的，让用户最小的参与感，相对扁平化的架构。我们最近有跟北汽合作，我就是北京人，我会带着热情去跟北汽做它整体的设计，希望大家感兴趣跟我们一起做出很NB的产品，谢谢大家。

End.

我们是一家体验的设计咨询公司，目前我们主要是在北京和上海。▼

在faceui团对里包括刚才的视觉设计师、交互设计师，还有用户研究员。
我们比较高的是产品咨询顾问，真的可以参与到它前期的产品策略和咨询，跟客户的业务流程会息息相关。▼