未来的汽车UI将惊艳世界

今天多数汽车UI的设计,由于不直观、过时和缺乏美学表现力,一直饱受诟病。其他行业都将设计的品质奉为标准,汽车生产商在这方面则动作迟缓。所以,许多设计师抓住了这个机会,思考未来的汽车界面会如何改变我们的驾驶体验。

汽车行业的革新似乎日益加剧。实际上汽车行业在未来20年的变化,会超越过去一个世纪。因此,最前沿的设计师应该关注这个至关重要的行业。那未来的汽车界面会变成什么样呢?会根本上改变我们与车的关系吗?

下面是一系列优美富有未来感的汽车HUD(平视显示器)、交互界面和第三方应用控制器,它们来自世界各地的设计师。有些设计来自真实产品,还有一些仍在研发阶段。

特斯拉手机控制中心界面

1476771166-9437-f7400016a318cef0eaa

来源:Matthaeus Krenn

为何惊艳:

你是否也时常怀疑自己有没有锁好车门、关车灯,或是把钥匙交给你刚学会驾驶的孩子。

这款应用让你不用离开座位,就能检查以上所有。如果还带有柴油混合动力,你甚至可以吃早餐时启动引擎除霜。作为感知反馈,直观的动画和过渡效果让你了解操作是否执行完成。

车载触摸操控界面

1476771163-7453-f7800004d6226a28587

来源:Gleb Kuznetsov for FΛNTΛSY

为何惊艳:

这个界面用了手势操作,通过肌肉记忆来整体操控。屏幕上手指的数量与动作能触发操作,苹果的iPad、magic mouse和其他操作系统已使得这种方式成为了行业标准。这个案例中,移动能提高或降低数值。

这款界面不需要记住那些小控件和大量图形,因此能让你以同样的手势或其他操作,完成各种不同类型的任务。

可以在这里查看到完整案例研究,体验这套原型。

http://matthaeuskrenn.com/new-car-ui/

特斯拉控制面板概念设计

1476771165-1733-f7c00004bbb816fe5ff

来源:Bureau Oberhaeuser

为何惊艳:

随着更多功能共用一个空间,并且相互高度关连,汽车正在变得更加智能。这些变革会将铺天盖地的数据呈现在我们面前,这在手机上已经发生了,还有其他所有原本只有单一功能的设备。它必须表现得很自然,决定了我们看什么、怎么看。人工智能和机器学习会掌控直觉,Bureau Oberhaeuser的原型非常优秀,让一切鲜活起来。

可以在这里查看案例研究和实际操作。

http://bit.ly/1BSdPDl

远程汽车健康监测和控制

1476771163-5509-f7b0000836300b11bb6

来源:Ramotion

为何惊艳:

如果你的汽车出了什么毛病,拿起扳手钻到车底一通乱拧可不容易。当所有系统都电子化、计算机化,外表光鲜洁净,要判断问题所在可并不那么简单直观。这款移动应用原型,能以一种你可以理解的方式展现汽车的健康数据,让你在踏上漫漫旅途之前能进行必要的修整。

胎压监测与天气界面

1476771164-8368-f7b00008364373086ab

来源:Ryan Duffy

为何惊艳:

这个界面表现行进中的胎压,让你分别了解各个轮胎的压力范围,准确知道要加多少压。这个界面提供了最基本的反馈,它应当成为行业标准。

Hudway增强现实平视显示器

1476771165-3409-f770000ca4ad79d496d

来源:Hudway应用

为何惊艳:

毋庸置疑,驾驶员都应该将注意力集中在道路上,但是当司机查看手机导航时,内置的移动导航界面仍然会时常引发事故。Hudway应用在挡风玻璃上开启了第二块屏幕的新体验,让事情变得简单多了。玻璃是未来的界面,这款导航应用利用了这块空间,作为驾驶员手机的延伸,并伴随逐步的语音提示。

可以在这里查看案例研究,感受它的操作方式。

http://www.psfk.com/2013/11/augmented-reality-windshield-screen.html

Car Play应用——City Guide

1476771166-2779-f7800004d64ce8b38a1

来源:Cleveroad

为何惊艳:

这个界面最适合勇敢的探险家。如果想要快速探索周边的世界,这款应用让你在有限的道路上激发出旅行的动力(并且会让你走在正确的车道上)。

苹果Carplay

1476771166-1353-f7800004d63ad5d8066

来源:Apple

为何惊艳:

大家有目共睹。如果你熟悉所有苹果设备,完全可以无脑使用,你可能还会在汽车上安装其他产品。苹果的Carplay将第二屏的交互提升到新的高度,它只会变得更越来越优秀。

数字仪表盘显示屏

1476771166-8817-f7400016a3005f36abc

来源:Mike Montgomery

为何惊艳:

没什么能比得上发动引擎、让所有指示灯亮起来,然后像军乐队一样响起旋律。当接近下一个转弯口、油量低、或者胎压下降,你会通过周围一切声音和随后的视觉互动获得反馈,就像微动画那样表达出直观的讯息。

但是,把所有类似功能都用数码显示,总有弊端。通常都没有手动替代方式,所以如果某处线路故障或是电子故障,你的座驾马上就会变成无头苍蝇。

特斯拉的Apple Watch界面原型

1476771168-9067-f7b0000836572cd9c76

来源:Eleks Digital

为何惊艳:

随着穿戴设备成为我们连接设备中的一部分,与你相关的产品生态中,最精密部分的控制不再那么依赖手持设备了。这个原型很好地表现了如何将它展现在手腕上。在此深入了解这套原型。

结论

这就是我们今天所能看到的汽车用户体验设计的前沿。你还知道其他什么产品正在拓展边疆?你觉得这一系列设计如何?可以在评论中加入讨论,发表你的高见!

 

转载自微信号可乐橙

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/18128/

(0)
iouedioued
上一篇 2016-10-18 14:11
下一篇 2016-10-18 14:17

相关推荐

  • 浅谈交互设计的七大定律

    新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

    2018-02-06
  • 如何保持交互与视觉的协调性

    转自微信号: 作者:小云子  我是UE / woshiue 我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然…

    2015-03-30
  • 新手转向资深的必经之路——交互文件命名的最详细规范(上)

    经过一期带团队的体验,阁主发现文件命名有点让人抓狂,实在忍不住更新一篇文章去说说这其中大家约定俗成的规则,不仅包括切图命名规则,还包括文件整理规范。之前楼主有整理过简单的,貌似不够用,今天再来具体说说。

    2017-05-01
  • 抛砖引玉——VR应用UI设计心得

    “2016是VR元年”,这一观点早已在计算机互联网行业中流行开来,与VR相关的各种分析研究也是层出不穷,包括盈利模式、发展预测、平台构建等。而随着Google Cardboard等技术逐渐普及,VR使用成本也在不断降低。因此在未来,VR技术对于日常生活的影响,也将变得非常令人期待。目前很多VR应用不在以PC端为主要载体,而是将平台选定为保有量大、技术成熟的手机作为硬件平台。而UI作为应用中一个重要组成部分,其对于用户体验和产品推广的重要性可想而知。笔者想借此机会简单分享一下个人对于VR应用UI设计的心得和体会。(注:笔者在下文中所指的VR模式指用户已经带上VR体验设备,双眼通过分屏已经进入沉浸式体验情况)

    2017-05-28
  • 掌握这5个方面,让你具备真正的交互设计思维!

    Z Yuhan(英国约克大学人机交互硕士):交互思维是什么?网上的搜索结果大多是一些交互设计 的方法。但是我这里要讲的,是真正做交互设计 所具备的思维方式。交互设计在国内发展的并不成熟,还有很长一段路要走。很多人,甚至包括交互设计师自身,对这一工作的性质和价值都未必有足够的了解。

    2017-08-21
  • Axure RP入门第六篇——加载地图

    产品经理入门:Axure RP入门第六篇——加载地图http://api.map.baidu.com/lbsapi/creatmap/index.html

    2018-03-21
  • 网页设计的五个实际应用的趋势

    无一例外,每当我高兴的点击类似名为“今年网页设计趋势”的链接后都会感到失望。如果你写了一个2016年设计趋势列表,其中包括了全屏视频背景那你应该回去看看一些网站之前的各个版本。总之,闲话少说,下面列出五个今年上班年的实际趋势。

    2016-08-17
  • 打造有温度的H5动画:用户的故事将会被如何演绎

    2016年末,各路APP也纷纷展开一轮轮的数据厮杀,从不同的视角阐述过去一年的精彩故事。而坐拥庞大用户数据的QQ空间,在这个既难忘又不舍的2016年,用户的故事将会被如何演绎,在寒冬带给用户怎样的温暖回忆呢?

    2017-05-11
  • 学交互设计,怎样选择到适合自己的学校?

    欢迎关注弗斯特国际艺术教育出国留学选择学校,哪些会成为你的考虑因素?学校名气超大,排名都是top级?明星校友超多,都是艺术大佬?学校位置超好,正居于市中心?校园环境超美,好似旅游学习?不得不说这些会成为许多学生和家长,在选择目标院校时经常考虑的一些因素。排名、明星校友、地理位置,可以作为参考依据。BUT!这些不能是最终的决定因素,最重要的还是自己对专业的最终追求。交 互 设 计 详 解交互设计又称互动设计,英文名称为Interactio...

    2018-04-03
  • 6个问题,带你全面了解交互设计

    随着行业的发展,只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。1. 什么是交互设计
    2. 当今UI 设计师的能力要求
    3. 交互设计主要做什么工作内容
    (1)产品UI框架设计
    (2)产品UI风格设计

    产品UI 框架选择
    简单式(单一内容)
    翻页式(多页内容)
    宫格式(较多入口)
    上导航
    下导航(4-5大类+分支内容)
    舵式
    抽屉侧边栏(1个重点+其他次要内容)
    隐藏式

    4. 线框原型图绘制方法

    方法一:黑白灰+色块
    方法二:黑白灰+高保真图形
    方法三:黑白灰+突出色+高保真图形

    5. 交互流程图绘制
    6. 动态交互原型设计

    2017-05-11