这是全球驾驶位置不同的分布图：

文章插图
以离屏幕最近的一只手臂，左驾驶舱为案例：手肘部位为中心点画圈，分为三个等级，最佳触控区、易触控区、较难触控区。

文章插图
下面我们拿实际车载案例 来给大家说明：
针对触控交互方式，屏幕区域内的触控操作便利性，以驾驶员为中心向右逐渐衰减，重要的功能操作应放置在最佳触控交互区域内。

文章插图
交互热区：
再考虑这块内容的时候，我就有一个疑问，这块内容是交互设计师来定义or设计师来定义？不管了我就要做全栈的人我要的就是啥都可干 ??????
在讲交互热区之前我们了解一下手指触控内容，手指的触摸为12mm X 12mm，屏幕像素密度按 160dpi 来计算，可以换算成 76 x 76px 的屏幕元素尺寸，如果不懂计算的话可以查看我上一篇文章，在计算屏幕ppi和下面最小图标尺寸计算方式都有。

文章插图
增加交互热区，是为了降低操作的难度，用户在驾驶场景下的注意力和活动范围有限，进行精准点击和小区域触点操作需要付出更多的操作成本，且会分散驾驶注意力，需要更大面积的操控热区来承载触控行为，保证核心操作在不同场景下的易用性，下面举一些案列和大家说明（上一期文章只是简略带过一下图标的点击区域大小）
案列1:音乐控件的操作热区
如何从音乐小控件进入音乐详情页面？
根据上面的上面结论 ?? 组合增加操作区域才是最佳选择

文章插图
案列2:编辑状态勾选的操作热区
编辑状态下，如何做到高效的勾选（我这边都不用说 大家也都肯定知道如何定义了）
当然 选择方案二

文章插图
总结一下：为了给用户带来良好的驾驶体验感，我们就应该多去考虑增大触控区域，在某些某块内容中尽量减少精确操作，多做一些模糊操作，大白话的意思 ?? 大致就是这个区域内的都可以操作。
还有一个小注意点需要谨记：
在对接开发的时候，对于这块内容一定要和他交代清楚，不然他就不会以组合来写操作热区了。
文章中如有不足之处，欢迎补充交流，我们下期见 ????????????
下期文章预告：HMI交互设计详解（下）
作者：设计界的影帝
本文由@设计界的影帝 原创发布于人人都是产品经理，未经作者许可，禁止转载。
题图来自Unsplash，基于CC0协议吗

稿源：(人人都是产品经理)

【傻大方】网址：http://www.shadafang.com/c/110c521J2021.html

标题：触控|HMI交互设计详解（上）( 三 )