UI丨重塑车载用户体验之仪表盘的重设计 - 优设网 - UISDC

UI丨重塑车载用户体验之仪表盘的重设计

2016/11/25 6910评论区

car-dashboard-ui-redesign-1

之前分享过一篇关于汽车用户界面的文章:《汽车UI界面怎么做?来看特斯拉和APPLE CARPLAY等高手的案例!》。这次带来的是Adhithya的一系列的关于思考车内人机交互的文章。这是一个系列哈,今天带来第一篇关于仪表盘的重构。

这个项目始于对我最讨厌的车内控制器的解决方案。随着时间的推移汽车行业在迅猛发展着,很多车里已经安装了17寸的显示器,人与车的交互方式也在发生着变化。一个司机首要的关注点在于驾驶和安全。随着我们的汽车搭载了越来越多的功能,你现在甚至可以在开车的时候发推特,人们的注意力已经开始从驾驶时最应该关注的那两点上移走了。自动驾驶汽车也出现在人们的视野里了,当然现在这项功能还不够完善。马路上有少量的汽车是有自动驾驶的,但那一般作为一个非常有限的延伸,大部分的时候还是靠人类自己来驾驶,然而人类很容易犯错。我的目标是在车内的人机交互上找到针对现有系统的改进空间。

当前环境

为了对当前的车内体验有大致的了解,我决定对现有的不同车辆里各种各样的驾驶体验进行一个快速研究。

Tesla

uisdc-2016112519

Tesla的Model S拥有一个17寸的显示屏作为中央控制台,还有一个集成的数字显示器,用来显示里程,电力消耗功率,预期里程和一个随着时间变化的可视化图表。屏幕上似乎有个过载信息提醒,汽车全部的功能参数都可以通过中央控制器来调整。是的,特斯拉很快就可以完全无人驾驶了,但是现在他们花在屏幕上的时间有多少呢?

navdy

navdy是一个平视显示器(Head Up Display),并且通过语音控制来解决导航、电话和音乐控制。它可以帮助你查看twitter、Facebook和手机里的短信等。它可以通过手势来接听和拨打电话。 但是这些手势需要你把手从方向盘上拿下来。

uisdc-2016112520

马自达3 /奥迪

光滑的圆形旋钮是目前在马自达3和一些型号的奥迪帮助司机在屏幕上的菜单之间轻松导航。 这同样要求司机将他们的手远离方向盘。 在旋钮周围存在着多个小按钮,它负责特殊的功能,如导航,音量的变化和返回到以前的菜单项的。 在驾驶过程中进行功能的切换是件相当艰巨的任务,有时甚至是致命的。

uisdc-2016112521

基于之前的调研我发现,警告、指示和其它仪表盘上的信息需要驾驶员从马路上把注意力移开的程度最小。方向盘上的控件都非常的方便,并且当道路需要驾驶员注意时,紧急情况下,手仍然在车轮上操纵保证安全。

所以我决定分解现有的仪表盘,去了解方向盘背后的仪表盘都有哪些不同。我观察各种不同的仪表板,分析他们都有哪些共同点。

仪表盘上的故障提示

  • 转速表

在IC提示每分钟有多少转速

  • 警告

如门半开,安全带的指示,警告检查引擎,暂停模式/手刹启动

  • 模式 - 开车,停车,空挡和倒车
  • 指示器

状态指示器,如前照灯模式,远光灯模式,燃料指示

我决定和人们谈谈他们对仪表盘的看法,他们目前寻找什么信息,他们拥有的汽车中存在的一些现有的痛点,以及他们日常的一些活动在驾驶时有哪些潜在的危险。

研究见解

访谈

我采访了几位在美国开车超过五年的人,他们对这里的道路和条件都非常熟悉。所有的司机都提到了他们会在驾驶的过程中使用手机,尤其是需要查路线或者接电话的时候。他们中的大部分会使用手机来链接车内的音乐装置,并且用手机来操控它们。有趣的是,我发现他们中没有一个留意过速度表。受访者提到的关于转速表的趣事—

“我知道手动换挡的时候是需要看转速表的, 所以自从我买了自动挡的车我就再也没看过转速表了。” — 受访者 1
“我从来没认真看过那部分,既然你这么问了,我可以告诉你我觉得那玩意对我来说毫无意义” — 受访者 2
“可能在爬坡的时候会看一下,但是在城市里开车的时候我几乎注意不到它的存在” — 受访者 3

通过跟他们谈论在车内的行为,他们现有的车内系统只允许他们调整音量,接听电话这种不需要让手离开方向盘的行为。而一些其他的行为,像换首歌,打个电话,切换音乐源等,都需要他们有意识的去切换视线到中控台上去。

问题构建

在了解完痛点和现有系统可能造成的潜在危险的情况下,我决定做一个不需要驾驶员将手离开方向盘的系统,从而有助于他们能保持注意力一直在路上,不会分心。语音控制工具例如Navdy可以帮助你保持注意力在路上,但是铺天盖地的功能,例如可以发Tweet,更新Facebook的状态,查看手机通知等等,都在鼓励驾驶过程中不好的行为。我想通过提供一个可以给驾驶员提供重要信息的入口来解决这个问题。

仪表盘的重设计

划分控制台

控制台被分为三个部分,第一部分和第三部分的控制器将会被放置在方向盘上,第二部分专门展示相关数据,所有的部分都支持语音控制模式。

uisdc-2016112522

控制台分为三部分 - 1、左边是地图和导航。2、中间是由与车辆的当前状态有关的信息构成的。3、右边是一个可以切换音乐的控制器、给最近/最亲近的联系人通话,和查看天气变化。

控件

这里有两个控制器,一个在方向盘的左侧一个在方向盘的右侧,它们对应着控制器的第一部分和第三部分。

uisdc-2016112523

左边的控制器对应着第一部分,右边的控制器对应着第二部分。

左控制器

一个简单的只有一个按钮的圆盘形控制器,当你长按中央的按钮时可以激活语音控制(就像苹果的Siri一样) - 按下左边表盘中央按钮,系统将会接收有关地图&导航的指令。

uisdc-2016112524

右控制器

右边的控制器比左边的要复杂点,但它的功能也是有限并且易于理解和使用的。中间的按钮跟左边一样也是长按可以触发语音识别控制模式。它给帮助更改音乐源,给你喜爱的人打电话,切换歌曲和查询天气。它还可以通过上下左右不同的方向来调整音量和选择联系人。

uisdc-2016112525

警告和其它指示信息

预警系统包含了汽车是否超速和车辆当前状况(例如发动机状况,制动状况、安全带是否带好,门有没有关上等)的相关信息。还可以估算剩余行驶距离。

uisdc-2016112526

体验设计

被动体验

当司机进入车内启动汽车的时候,他只能看到中间的部分。其它两个部分是空白和不活跃的,直到司机需要它们的时候才会亮起。这样有助于集中注意力到路面上,把分心的可能降到最低。

uisdc-2016112527

无缝导航

导航被制入到仪表盘内,司机就可以不用看手机或者其它导航设备了。这个导航安置在驾驶员视线范围之内,并且语音控制可以让过程变得更容易。

uisdc-2016112528

司机长按左边的控制器,用语音控制他,系统给出目的地建议,司机从中选择一个。

有效警告

车辆中的警告从其他元素中脱颖而出,从而使它很难被错过。

uisdc-2016112529

△ 警报闪烁—这里是安全带提醒和车门未关提醒

音乐、电话和天气控制

音乐控制,电话簿里最近的联系人和天气详情都可访问。音乐和联系人列表同步可以与手机配对同步。天气列表显示一天之内重要的天气变化。

uisdc-2016112530

在司机轻敲右边的控制器之前,右边的区域都是不可见的。选项卡之间切换的交互非常简单,向右滑动查看下一个选项,向左滑动查看上一个选项。

智能语音控制

各个标签之间的语音控制是通用的,系统可以识别你的命令是针对音乐,电话还是天气的。

uisdc-2016112531

这个控制器提供了选择音乐源的机会,生成的列表是基于与之配对的设备上的音乐列表。

uisdc-2016112532

△ 该命令查找一个叫“Saturate Me”的歌曲列表。

uisdc-2016112533

△ 触发了对“Jane”的呼叫

重构仪表盘想法的背后是为了给驾驶员提供一个无干扰的环境,以便于将注意力集中在最重要的事情上。通过去除转速表,和一个驾驶员不需要将视线从路面移开的语音控制系统,这个系统创造了一种更加安全的驾驶体验。

欢迎关注译者微信公众号:非科班设计

fkbsjqr

除了汽车UI 界面,电视UI 也是不常见的领域,优设特意收集了相关教程:

  1. 浏览电视:《进军客厅!智能电视信息浏览用户体验设计初探
  2. 遥控器设计:《智能电视用户体验设计分享之遥控器篇》
  3. 焦点设计:《智能电视用户体验设计分享之焦点篇》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/car-dashboard-ui-redesign

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里