赞助商
立即赞助

自动驾驶无人化时代,大厂如何做好车外交互设计?

交互设计3年前 (2021)发布 流光
2.1K 0 0

竞品桌面研究分析

1. 探索范畴

次的探索范畴主要是针对L3及L4级别自动驾驶车辆的车外交互景及计路径探索,以及针对当前量产或即将量产项目或车型,进行车外交互设计案探索。

说:本期探索间为2019年。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 探索范畴

2. 竞品析

目前市上主要是通过前后屏幕、投、车辆氛围灯(车身、车轮)以及车身屏幕(包含窗、车身)等方式进行车外交互。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 竞品析

量产车的车外互主要是用来表示车辆状态、决车辆和行人之间的互。Apple Drive.ai 通前左右的LED屏幕显示简易的文字和动画提醒,以达到示意乘客上下车和避让行人的目的。种互方式显示意图明确,适用场泛。

而概念车的交互方式则较多样,目前较有代表性的、实性最的是Mercedes的投影系列,车前投影将斑马线投射至地面,引导行人通过;定位区域投影表示驶入、停车位置等。流的阵列灯表示车辆状态的切换,候车等单方向闪烁表示乘客车方向;态标识移表示行人通行。

交互设计指导原则

1. 交互原则

车外交互对象

车外交互计的交互对象主要为人、车辆和环内其对象。

  • 象为时又可细分为、主、运辆用户、地勤员等;
  • 车辆为人驾车辆、动驾驶车辆;
  • 境内其他对象包含单车、电动车、特殊车辆、基础设施等。

信息载体

前信息载体类型主要有主自身、路辆V2V以及路V2P,效率则依递减。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△信息载体

表原则

交互表原则,可结为展示信息增益、简单和聚焦,也是说展示信息增益而不复,呈现效趋简单,信息内容聚焦主。

增益(各种媒介的息展现应相辅相成,避免同质息的叠加)

  • 屏幕不是复灯信息,而是增强与补充
  • 扬声器应辅助前种媒介进行息传达

简单(信息呈现遵循简单可理解,避免展示需要时处理信息)

  • 避免过于复杂的视觉呈效果,影响常交通
  • 越紧急、接触时越短场景,呈现越趋于短平快
  • 简短文字、通用图形更易于理解

聚焦(信息类型应聚焦辆动作本身,避免其他环境信息混杂)

  • 聚焦车辆自身动作的提示、原因解释
  • 避免展现路环境等驾驶辅助信息,如限速等

2. 载体边界

乘车的载体边界包含屏幕、投影、灯带等,依据现有车辆状态,可放置在如图示的位置。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 乘车

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 小巴

3. 体验地图

根据车辆从开始启到停车入库的整个流程,梳详细场景的屏幕、灯带、投影及扬声器的交互方式(标记星星为交互方式)。

自动驾驶无人化时代,大厂如何做好车外交互设计?

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 验地图

3. 设计原则

色彩选择

显示色彩可依据提示息内容的紧急程度予以,从正向负向之间的不同色阶也可代表若干个紧急程度。本期仅考虑正负个维度的息,后期将继续探索色阶的义。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 色彩选择

屏幕布局

传统布局为图形和文字配,在这方面可以简化息。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 车前屏幕显示布局

灯带辅助则

  • 原则一:远距离弱提示
  • 原则:辅助屏幕表意图
  • 则三:闪烁动效增效果,起警示作用

状态提取

根据车外场景变化,提取出屏、后屏灯的不同状态如下:

前屏

  • 默认状态-自动驾驶中
  • 驶入取区、等
  • 请先行
  • 障碍物/故障
  • 注意全/禁行

屏

  • 障碍物
  • 故障
  • 缓行

灯带

  • 动驾驶开启/关闭仪式
  • 自动驾驶中
  • 障碍物
  • 泊车中
  • 侧距离警示
  • 过闸机表示谢

车外交互设计表达

1. 场景呈现

车外交互的设计表达的目标要有点:全性、科技感及信息传达易于解。通过前期的状态取、屏幕布和色彩择的分析,探索相场景的视觉应。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 自驾驶中

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 人过马路

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 车后屏转向示

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 遇见障碍物

灯的设原则主远距离弱提示,辅屏幕表达意图,闪烁动效增强效果,起到警示作用。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 常状态

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 异常状态

下来看看「乘用」具体场景演绎图:

自动驾驶:

自动驾驶,屏幕配合灯带展示自动驾驶开启仪感;自动驾驶辆正常驶时,前、后屏幕展示自动驾驶状态,过3D透视效,以及条滚动动效展示辆驶状态,并过环境风速变化表示驶速度。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 自动驾驶

让:

识到斑线后,前屏幕边红色闪烁,前带红色亮起;辆静止并让时,屏幕切换至让动效,标表示识到相应位。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 让

过闸:

识到闸后,前屏幕显示障碍物,侧灯带红色亮起;可以利过闸时,侧灯带展示自动驾驶开启状态,前地投影即将驶路径,表示即将利过闸。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 过闸

上下客:

前后屏幕展示等客,安抚围;灯带颜色与手端匹配,侧投影引导用户上。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 上下客

下面来「巴」体的景演绎图:

动驾驶中:

动驾驶开启,屏幕配灯带展示动驾驶开启的仪式;当动驾驶车辆正常行驶,前方、后方屏幕展示动驾驶中状。

自动驾驶无人化时代,大厂如何做好车外交互设计?

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 自动驾驶

让:

遇到或辆时,前后屏幕提示请,后屏幕提示请勿,避免后辆不楚前状况,而造成事故。

自动驾驶无人化时代,大厂如何做好车外交互设计?

自动驾驶无人化时代,大厂如何做好车外交互设计?

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 行

异/障碍物:

当车辆故障或遇到障碍物时,前后屏幕显示异/故障示。

自动驾驶无人化时代,大厂如何做好车外交互设计?

△ 异/障碍物

后也家分享一下,探索车外交互的过程中产的一些思考。当马越越多的自动驾驶车辆出时,过多的车外交互会造信息爆炸,车辆如何第一时间使用户抓到传递的信息?不同品牌的车呈不同车外交互时,如何能让用户读得懂部分车辆表达的信息内?未的车外交互会什么形态,类似车灯的标准化表达,或类似绿灯的规范化示意,或其他?

我们希望在实践过程,这些体验能够以提升,以便设计价值更大化。我们也会继续硬件案探索和投影及B柱屏交互原则探索,希望与其他为无人驾驶设的设师们一起,提出优秀的设构创意。

欢迎关注作者微信公众号:「百度智能驾驶体验设计心」

自动驾驶无人化时代,大厂如何做好车外交互设计?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在过去几年当中,插画开始以一种坚挺的姿势,站在设计趋势的最前列。不止是原本身处各个领域的画手和插画师开始越来越受追捧...
Tubik Studio
@苏大牙牙牙 :身为设计师,我们对自己的工作再熟悉不过,有说不完的兴奋、讲不完的委屈、吐不完的槽… 但你有没有发现,别说...
交互设计
编者按:虚拟现实类的APP 要怎么设计?其实你已经可以自己动手设计了,其中所需要注意的要点,都已经汇总到下面的文章里面,...
AR
这是一个移动端的时代,Twitter 的移动客户端经历了很多版本的迭代,但是桌面端的更新改版则非常的克制。 一周之前,Twitter...
twitter
视觉层次是塑造优秀数字产品的基础,它能让内容以更加有效的方式被组织到一起,使其更容易被理解。视觉层次对于用户体验的影...
层次感
工作流程 交互设计师的工作,不仅仅是输出设计方案,还需要参与前期的需求讨论、后期开发、测试验收等等产品设计与实现的多个...
交互设计
这两天一直在构思36氪评论优化方案,也就整理了行业内做评论的常见方法,这篇文章我们就来聊聊设计评论功能时,需要考虑的那...
ui设计
开篇先讲个故事: 上周偶然一次和开发对碰视觉规范的时候,一位开发问了个问题:这个对话框是做成模态还是非模态的? 老实...
UI控件