HMI 丨交互定义(一)

我们就直接奔入本章节的主题吧,本文我会从八个小点出发,详细的讲解车载的交互内容。

HMI 丨交互定义(一)

1、单次交互操作时间

直接抛出结果 ➡️ 单次交互操作动作不能超过2秒(1秒内为最佳)在前面我们也简单的提到了交互的行为内容,如果一个在行驶过程中需要交互操作的动作 用时2-3秒就已经是一个危险状况。

HMI 丨交互定义(一)

为什么这么定义,假设一辆以60km/h的车速 如果2-3s盲开就会开出 35-50m,一旦需要急刹车那么刹车距离至少15-20m

HMI 丨交互定义(一)

以此计算当高速路上行驶车速100-120km/h 可想而知,极其危险,可能车毁人亡,所以我们呼吁安全驾驶,谨慎变道,保护自己也是保护他人。

经过实际调研过,用户将视线从路面移动到车内屏幕上,这个过程通常需要 0.5-1.5 秒对焦,所以可交互的内容需要明确被标出来,与不可交互内容保持足够的对比。

统计下来平均每次操作,即视线与注意力专注在车载上的时间,无法超过三秒。事实上,当进入第三秒时,已不得不需要利用余光开始注意前方路况了。

因此,在三秒以内,无论是用户第一次操作失败,重新注意路况后,再重复操作,还是用户持续操作直到任务完成,都是非常危险的行为,在这里,由于用户试错的成本非常巨大,也因此交互的设计与信息布局的设计都需要做到最极致。

小插曲:

这边就有人会说了现在都有紧急刹车(AEB)系统了,那我们简单介绍一下,AEB(Autonomous Emergency Braking,自主紧急制动)通过传感器(摄像头、雷达、激光等)识别车辆前方障碍物,当车速与障碍物距离低于预设安全值时,制动系统介入,避免碰撞,AEB是用来帮助驾驶员避免或减轻碰撞事故的系统。

AEB系统主要干两件事

1/及早识别紧急情况并警告驾驶员

2/如果驾驶员没有反应,系统会通过降低碰撞速度来避免碰撞,或减少无法避免的碰撞的严重程度。

后续关于ADAS辅助驾驶这块我也会单独出一篇文章供大家了解。

实车可用性测试评估

现在我们再结合看一下实际中的实车在每一个交互中体验如何,是否存在危险,这是Thoughtworks机构对特斯拉做的一个可用性评估评分:

HMI 丨交互定义(一)

2、操作热区和交互热区

操作热区

驾驶场景的特殊性,驾驶员只能用距离中控屏最近的一只手去操作(为什么我不说用右手去操作,因为我在做海外项目的时候,主驾驶位置的是在右边,那么只能用左手来操作屏幕了)

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

HMI 丨交互定义(一)

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

HMI 丨交互定义(一)

下面我们拿实际车载案例 来给大家说明:

针对触控交互方式,屏幕区域内的触控操作便利性,以驾驶员为中心向右逐渐衰减,重要的功能操作应放置在最佳触控交互区域内。

HMI 丨交互定义(一)

交互热区

再考虑这块内容的时候,我就有一个疑问,这块内容是交互设计师来定义or设计师来定义?不管了我就要做全栈的人我要的就是啥都可干 ✌️✌️✌️

在讲交互热区之前我们了解一下手指触控内容,手指的触摸为12mm X 12mm,屏幕像素密度按 160dpi 来计算,可以换算成 76 x 76px 的屏幕元素尺寸,如果不懂计算的话可以查看我上一篇文章,在计算屏幕ppi和下面最小图标尺寸计算方式都有。

HMI 丨交互定义(一)

增加交互热区,是为了降低操作的难度,用户在驾驶场景下的注意力和活动范围有限,进行精准点击和小区域触点操作需要付出更多的操作成本,且会分散驾驶注意力,需要更大面积的操控热区来承载触控行为,保证核心操作在不同场景下的易用性,下面举一些案列和大家说明(上一期文章只是简略带过一下图标的点击区域大小)

案列1:音乐控件的操作热区

如何从音乐小控件进入 音乐详情页面?

  1. 点击专辑封面
  2. 点击信息内容
  3. 专辑封面+信息内容 组合

根据上面的上面结论 ➡️ 组合增加操作区域才是最佳选择

HMI 丨交互定义(一)

案列2:编辑状态勾选的操作热区

编辑状态下,如何做到高效的勾选(我这边都不用说 大家也都肯定知道如何定义了)

  1. 点击勾选框
  2. 点击勾选框+专辑封面+信息

当然 选择方案二

HMI 丨交互定义(一)

总结一下:

为了给用户带来良好的驾驶体验感,我们就应该多去考虑 增大触控区域,在某些某块内容中尽量减少精确操作,多做一些模糊操作,大白话的意思 ➡️ 大致就是这个区域内的都可以操作。

还有一个小注意点需要谨记:

在对接开发的时候,对于这块内容一定要和他交代清楚,不然他就不会以组合来写操作热区了。

下期文章预告:HMI 丨交互定义(二)

业界动态

大厂正在“去大厂化”

2021-11-11 16:46:25

业界动态

“爱优腾”如何进行广告变现?

2021-11-11 16:59:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索