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

随着内屏幕越来越多，越来越大，驾驶者在开过程操作屏幕而分心率逐渐升高。众多制造商均希望探索出降低或避免「驾驶员分心」安全性技术。

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

你只需要随的挥一挥，就能挂断话；将指向顺针或者逆针方向移动，就能调整音量大。

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

汽车势的出现，源于对车内屏幕的操作。而这些操作均来于移动端的计标准，比如苹果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」