汽车交互手势，这样设计才有趣

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

随着车内屏幕越来越多，越来越大，驾驶者在开车过程中因操作屏幕而分心机率逐渐升高。众多汽车制造商均希望探索出一种降低或避免「驾驶员分心」的安全性技术。

手势，是指人手、手和手臂结合产生的动作，作为解决「驾驶者分神」这个痛点的解决方案之一，正在全世界的汽车制造商中掀起「热浪」。

你只需要随意的挥一挥手，就能挂断电话；将手指向顺时针或者逆时针方向移动，就能调整音量大小。

互联网基因：屏内手势交互

汽车手势的出现，源于对车内屏幕的操作。而这些操作均来自于移动端的设计标准，比如苹果IOS设计规范中的标准手势或者谷歌Mertiral Design中的标准手势。

△ 移动端常见交互手势

常见的手势如上图，分别为

• 点击：激活控件或选择一个项目
• 滑动：上下滑动，或者左右滑动来连续移动需要查看的内容
• 按住并拖动：在屏幕上左右或者上下移动某个元素
• 双击：放大或缩小内容或图像，并使之居中
• 捏：外捏时放大，内捏时缩小
• 长按：进入文本或内容编辑状态

为了满足手机屏幕外观改变，屏内显示内容越来越多元化的需求，设计师们也在探索屏内手势的新玩法。

△ android底部导航栏按键从左至右分别为：返回上一级、返回主页、多任务

2017年iPhoneX的发布，正式开启了全面屏时代。为了替代Home键及android底部导航栏，各大手机厂商相继开始拥抱「全面屏手势交互」。

在车机系统中，部分汽车制造商也在积极迎接变化，比如理想one采用「三指下滑」的手势交互替代「返回主页」的图标按键。

△ 「 三指下滑」表示返回主页

2019年的Google I/O大会上，新版本Android Q选择与IOS采用一样的手势操作逻辑，即在屏幕下方提供一个指示条，用户在左侧页面边缘右滑代表「返回上一级」、提示条区域上滑代表「返回主页」、提示条区域上滑并悬停代表「多任务」。

△ android系统中的三种全面屏手势

随着全面屏手势在手机端的操作交互上达成一致，相信在不久的将来，也将越来越频繁的在车机端看到全面屏手势的「身影」。

车机新玩法：多屏联动交互

当汽车与数字屏幕相遇，如何让屏幕与内饰结合的更加完美，又能突显品牌特性，似乎给内饰设计师带来了许多挑战与机遇，「一字屏」、「T字屏」、「7字屏」、「旋转屏」应运而生。

△ 拜腾M-Byte 一字屏

△ 理想one的T字屏

△ 合创007的7字屏

△ 比亚迪王朝系列的旋转屏

与此同时，因为成本及技术的限制，汽车制造商的量产车型不得不在屏幕上做出妥协。理想one的妥协方案是利用3块屏幕组合，在视觉上形成「大长屏」的既视感。

要让3块屏幕「变」成一块屏幕，仅仅在视觉上做足功夫显然还不够，多屏联动手势交互也不能「缺席」。

事实上，多屏联动手势交互依旧来源于IOS及android系统中的标准手势，它将不同的手势进行组合，并与页面联动显示，形成了多屏联动手势。

理想one在停车模式下，用户长按并向左滑动，即可将副驾娱乐屏上的信息「甩动」至中控屏。

天际ME7不仅有3块屏幕组合而成的前排「一字屏」，还有2块后排乘客娱乐屏，5屏联动的手势交互，天际采用「手势+屏幕显示」来解决。

在中控屏、副驾娱乐屏和后排娱乐屏上采用五指抓取手势进入多屏互动页面，比如想把中控屏上的内容分享给副驾娱乐屏，第一步是单击选中副驾娱乐屏，第二步按住并拖动中控屏至副驾娱乐屏位置，第三步在副驾娱乐屏中点击确认。

视频版交互演示：https://v.qq.com/x/page/w08791lhqus.html

未来已来：隔空手势交互

通过隔空手势接听或者挂断电话，这似乎是科幻电影中才有的情节。但正如开篇所说，车内屏幕数量增多，尺寸加大的同时「驾驶者分心」的机率也增加了，盲操手势与隔空手势的出现，是解决这个痛点的一种尝试。

目前量产的汽车中，盲操手势主要是通过标准手势与声音反馈的组合来实现。

比如在理想one中，用户在空调屏上左右滑动可以调节风量，上下滑动调节温度，且系统通过声音反馈告知用户操作成功与否。

与盲操手势相比，隔空手势似乎科技感十足，备受汽车制造商的青睐，我们不仅可以在各种概念车上窥见它的踪影，在君马SEEK上，也可以实际操作一番。

君马SEEK提供8种隔空手势。

△ 左图：接听电话 右图：挂断电话

△ 左图：上一曲 右图：下一曲

△ 左图：音量升高 右图：音量降低

△ 左图：音乐播放/暂停 右图：玫瑰花

与君马SEEK相同，宝马提供「向左」手势代表上一曲、「向右」手势代表下一曲，「yeah」手势代表播放或暂停。

但在许多其他操作上，宝马与君马的手势操作则各有特色。

君马SEEK使用手掌的正面与反面来区分不同的操作，正面表示接听电话·/音量增加，反面表示拒听/音量降低。

宝马则选择向屏幕方向点击代表接听电话，手掌向右挥动代表拒听电话，手指顺时针画圈代表音量增加，手指逆时针画圈代表音量降低。

在倒车影像中，手指向右挥动代表调整视角。

△ 图片来源于「汽车界的扛把子」的短视频《宝马手势控制详细演示》

在手势交互上，拜腾也交出了自己的「成绩单」。

拜腾的手势识别共五种，手掌向下激活手势识别，手掌向上启动主页面，手指移动代表移动光标，ok手势代表确定，五指捏合可拖拽内容。

△ 图片来源于太平洋汽车网《拜腾Concept手势感应系统操作演示》

这些高大上的技术看起来令人兴奋，但在实际使用的过程中，依旧存在识别范围有限、识别精度不灵敏、识别后的响应速度慢等等问题，而各个厂家的手势识别没有形成统一的标准，且没有大规模在在用户中进行推广，必然会增加用户的学习成本。

手势识别对用户来说是「真香」还是「鸡肋」，相信时间会给出答案。

参考文献：

• IOS Human Interface Guidelines[EB/OL]. https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/，2020.
• Material Design. https://material.io/design/interaction/gestures.html#principles，2020.
• 《用一篇好文，带你回顾 2007-2019 的手势交互简史》.https://www.uisdc.com/gesture-interaction-history,2019.

写在最后

汽车内手势的交互设计，是一个有趣又好玩的课题，但如何让这个课题在好玩但同时易用、好用，恐怕只有设计师不断思考，并不断采用一些用户测试的方法进行验证才能获得答案。

作为一名HMI交互设计师，我也仅仅窥探到其中到一些表象，如果有错误的地方，希望大家不吝赐教，如果看完这篇文章，你能有所收获，那就是我最大的快乐。

颠覆传统汽车的特斯拉，有哪些值得探讨的设计细节？

对于那些有几十年驾龄的司机而言，驾驶最新的量产汽车是一种完全不同的体验。

欢迎关注作者微信公众号：「点滴DESIGN」