「超级干货」5分钟学会汽车交互设计，跨入高薪热门行业

image

今天和大家分享一下汽车操作系统的交互设计原则，此内容都是基于自己在工作上的学习实践以及自己总结的一些干货，希望对你有所帮助，高端设计干货，请及时收藏和转发。

---

车载系统和手机的交互有什么不同？在自动驾驶这么高大上的技术还没落地之前，作为司机的你，必须两眼不闻窗外事，道路千万条，安全第一条！！！手机就不一样了，你用手机就是得看着手机，车载系统竟然是一个你明明要用它，但却不能总看他！！！！

所以车机系统上第一条交互设计原则就是：

安全第一！没有之一！！！

这一条几乎影响了整个车机的产品设计准则，只要你在开车，就只能短时间（最好3秒内）的和车机进行交互，否则极易引发安全事故，这就要求交互设计、功能逻辑，信息布局都必须在极短的时间内以最清晰的方式呈现。

一、操控最优区域：

开车的时候如果交互动作幅度太大，就很不安全，所以交互设计首先考虑的就是如何操作更方便？所有重要的操作都要放在驾驶员够得着的位置，并且离驾驶员越近，操作难度也就越低，自然也就越安全啦。在设计上所有的高频功能都要尽可能的靠近用户（如下操作热区图）。一般来说重点操作热区都集中在左侧（驾驶员侧）

image.gif

二、避免对驾驶的干扰：

干扰来自于很多方面：屏幕的反射：大白天的，屏幕被指纹和阳光反射的啥也看不见了，能不着急么？所以白天时候界面交互要有很强的识别度图像过高的饱和度和亮度：晚上开车，一个白色像远光灯一样的屏幕亮在车里，你是不是想砸了它？晚上最好有个夜间模式主题，适当降低内容的对比度和颜色的饱和度。 过多的内容：只给你三秒，你说你能看见啥？所以交互设计上要尽可能的突出重点内容，这点carplay做的就挺不错的，取舍到只给你几个重要的选择。

image

三、能用嘴说的，就不用手

这就是为啥车机都标配智能语音助手，语音交互是在车载场景下最有优势的交互方式，它就是一个无形的手，可以帮你操作车内几乎全部的功能。

四、如果要点，就让我点的再爽点，再不行我就右边划一道彩虹

如果很不幸，你的语音助手是个傻子，那就只能用点击了，但是在车机上，因为行驶过程中会有一定的颠簸，加上注意力又不集中，所以交互的容错性一定要好，甚至是可以盲操作 。比如：按钮尽可能大一点，就算看起来不大，但是摸起来（可触控区域）也要大一点。如果可能，增加一些手势交互也是不错的选择，虽然学习成本高，不易被发现，但容错度还是有的。类似长按这种操作，在车载系统上就要尽量避免使用。手势交互也现在市面上也分为触摸式手势交互以及非触摸手势交互 触摸式手势交互：例如Ipad上的交互手势，手指需要触摸屏幕的多指触控交互。 非触摸手势交互：在宝马高端车型上有了很多悬空手势操作，比如在空中食指画圈，就可以调节音量之类的。

image

五、降低交互信息密度不要让用户花费过长的时间搜索信息。前提是你的语音助手是个傻子，并且你在开车，这时候你突然心血来潮想听你某个歌单里面的一首歌，于是打开了音乐app，从100000个歌单里找啊找，找啊找。。。。。（注意，你在开车，怎么可能用输入法这么高级的操作） 看到问题了吧，选择不展示什么比展示什么更重要！！！我们再来看看苹果都给你了你几个选择？

image

六、看一眼就明白

车载系统的内容应该主次分明，用户扫一眼就可以准确找到重点信息。包括字体大小、信息排列层级、 虽然车载系统和手机场景差别较大，但是因为手机已经把大家都彻底教育好了，所以车机上的交互有的时候也不需要标新立异，最好是能顺应用户的习惯，让用户不用思考。比如任何时候都知道怎么退出应用，图标设计让人一眼就明白是什么意思。注意：因为大部分时候你可能都不看屏幕，所以不仅要看明白，而且听觉的反馈也很重要，重要的是用户的每次操作都要有明确的反馈，让司机在复杂的驾驶环境中每次交互都清晰明了。

七、交互层级要扁平扁平再扁平

虽然借鉴手机等其他设备的交互方式，但因为驾驶场景特殊性，产品的交互层级架构不易过多，最好不要超过三个层级，每一次交互都意味着增加驾驶风险。比如：控制音乐最好在桌面就可以直接控制，不需要打开音乐app-进入播放器。

image

八、交互和视觉的一致性

其实一致性这个并不是区别其他设备的主要原则，但在汽车的场景下却有一些特殊的特性。一致性原则分为交互一致性和视觉一致性。首先说一下交互的一致性，交互的一致性好处自然不必多说，当用户记住了一个操作之后，后面类似的操作也就都会了，这样的交互学习成本更低，也更符合用户的潜意识。再说一下车内场景的视觉一致性。这里的视觉一致性不仅仅要考虑屏幕内部的设计，更多还要考虑汽车的内饰，以及汽车品牌的调性，如何让界面设计和车内饰完美的融合在一起是对视觉设计师的考验。包括品牌色，车内的氛围，屏幕的色差等等都是需要考虑因素。

九、多屏幕互动

目前市面上的车载系统大多会有多个屏幕，一般屏幕包括仪表盘、中控导航娱乐屏幕、副驾驶娱乐屏、下方车辆控制屏，HUD，后视镜显示屏、交互机器人（例如蔚来nomi）等屏幕。所有这些屏幕之间的交互需要无缝联系在一起，并且需要照顾到不同的用户（主驾、副驾、后排乘客、儿童）在不同场景下的需求。不仅是不同屏幕之间的互动，还要考虑到车内的实体按键和屏幕之间的交互关系，比如方向盘按键的交互定义。多屏互动也会需要遵循一些基本原则：1、保持信息同步 2、避免信息过于重复 3、重点信息至少要在一个屏幕中突出显示不同的车型屏幕的方案不同，没有固定的标准，所以也没有一概而论的方案，但基本也会遵循上面的原则。多屏互动是未来汽车的发展趋势，涉及到的场景切换很多，也是车载交互中的难点之一，各家也在不断探索中。

image

在自动驾驶到来之后，以上的这些原则都会被彻底打破，到那个时候，你不需要自己开车，车内空间变成了除了家和公司之外的第三空间，还是一个移动的空间。如果公司会议室满了，没地方开会，这时可以开车去公园开。中午午休没有地方睡，那就在车里来个白噪音催眠。可以说自动驾驶到来之后，每个车都变成了“房车”，想象空间无限，那个时候交互设计可干的事就多了去了。。。自动驾驶快来吧！