首页

汽车UI界面怎么做?来看特斯拉和Apple Carplay等高手的案例!

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


现在市面上的汽车大部分都是过时的,没有吸引力的用户界面,正因为如此,很多设计师都在思考未来的汽车用户界面将会如何改善我们的驾驶体验。今天这篇译文,一起来学习特斯拉和Apple Carplay 是怎么设计的!

汽车行业似乎每天都有着新的发展。很多证据都表明在接下来的20年里我们将会看到比上个世纪都要剧烈的变革。因此,顶尖的数字设计师们应该把重点放在对这个行业的关注。那么,到底什么才是车辆用户界面的未来?它能从根本上改变我们和汽车之间的关系么?

下面是我收集的一些由全世界不同的设计师设计的美丽和未来的汽车抬头显示器、用户界面交互、第三方app控制器。这些设计想法,有一些是真实存在的,有一些还正在发展中。

特斯拉移动控制中心原型

uisdc-car-201610133

它为什么会让人震惊?

当你想确定你是否已经锁好车,关上灯,或者把你的车钥匙交给刚考完驾照的小屁孩的时候,你是否觉得自己是个偏执狂?

这个移动app可以让你在不离开座位的时候检查这一切,有一个柴油混合动力车?你甚至可以在你吃早餐的时候启动引擎。直观的动画会反馈你这个动作是否已经完成。

车载控制面板用户界面

uisdc-car-201610134

它为什么会让人震惊?

这个用户界面看起来是一个用肌肉记忆和手势驱动的通用控制模型,不同数目的手指可以触发不同事件,你可以通过iPad面板,无线鼠标等控制它。你可以通过动作来控制数值的大小等等。

这个用户界面去掉了所有需要用户记忆的小控件和视觉元素,从而你可以使用相同的手势或者它的变体,来完成多个不同种类的任务。

你可以在这里查看整个案例研究:A New Car UI

特斯拉仪表界面概念版

uisdc-car-201610135

它为什么会让人震惊?

汽车将会变得更加的智能,为我们的公共场所腾出更多的空间,并且汽车的功能也将变得越来越互相关联起来。随着这些发展,数据在我们面前将会变得势不可挡,试想一下不久之前,我们的手机和其它东西一样还是一个单一功能的设备。我们在我们看到什么和如何看上有我们的控制权,它应该变得更加自然和方便使用。人工智能和机器学习将会采取直觉控制。这个由Bureau Oberhaeuser制作的原型让我们提前看到了这一切的到来。

你可以在这里查看整个案例研究:Behance

远程车辆健康测试与控制

uisdc-car-201610139

它为什么会让人震惊?

当汽车所有的零部件都变成电子系统时,你想拿起扳手就能发现问题变得越来越不可能了。这个移动app原型试图用一种你能理解的语言去描述汽车当前的健康状况,让你知道你是否有必要在开启你的海岸线之旅前修一下它。

轮胎压力和气候的用户界面

uisdc-car-201610131

它为什么会让人震惊?

当进行轮胎检查时,这个界面将会告诉你每个轮胎的压力范围并且告诉你它们的极限在哪里。这个用户界面提供了如此重要的反馈,我觉得它应该被纳入常用标准中去。

Hudway增强现实显示器

uisdc-car-201610138

它为什么会让人震惊?

不用说大家都知道司机应该保持视线在路上,但是现在的手机导航都需要司机把注意力来回切换在手机屏幕和路面之间,这个叫Hudway的app把你的第二块屏幕跟挡风玻璃很好的结合了起来。你面前的那块挡风玻璃很有可能就是未来的显示界面。

你可以在这里查看整个案例研究:Augmented Reality Projections Turn Windshield Into A Navigation Screen [Video]

城市导览汽车应用

uisdc-car-201610132

它为什么会让人震惊?

这个用户界面对于勇敢的探险家来说非常完美,如果你想快速的知道你周围有什么,这个用户界面可以让你在有限的路线里来一段自发的旅行。

Apple Carplay

uisdc-car-2016101310

它为什么会让人震惊?

每个人都在关注它的到来,想都不要想,如果你已经有了一堆苹果的产品,你也会在你的汽车上装上它的。Apple Carplay将会是下一代的第二块屏幕。

数字仪表板集群显示器

uisdc-car-201610136

它为什么会让人震惊?

没有什么能和发动引擎点亮仪表,汽车轰鸣犹如巡游乐队组成的和旋一样。身边的一切,声音和延迟的视觉互动,都给与你感官的反馈。仪表会通过动画直观的告诉你,合适讲切入下个转弯,油量是否变低,以及胎压是否过低。

然而,用数字型号在方方面面代替模拟型号也会开始令人担忧,因为无法人工手动介入账款车子,当保险丝熔断,或者电子仪器故障时,汽车很快会失控。

特斯拉 iWatch UI 原型

uisdc-car-201610137

它为什么会让人震惊?

当可穿戴设备成为我们设备的一部分时,它很明显会帮助我们的手持设备分担掉一部分的操作功能。这个原型很好的说明了它是如何将这一切展示到手腕上来的。



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

浓缩干货!成就优质用户体验的4个必要元素

周周

4-essential-elements-successful-ux-1

互联网时代的成功故事里,机遇和运气是增添它们传奇色彩的决定性因素。一个零售企业适逢互联网萌芽,在90年代这个网络拓荒期逐渐膨胀成为响彻北美的互联网巨头,这是亚马逊的故事。而Facebook的开头则更有意思一些,校园创业,友情与背叛,在移动端设备过度阶段引领社交网络变革,成就了另外一个走上互联网时代的年轻富豪。

超多干货!什么样的空状态设计才能留住用户?

周周

empty-states-deserve-more-design-1

空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。不要被空状态的名字所迷惑,实际上,这个状态在引导性、愉悦性和保留用户等方面的潜质对于产品体验在细节当中的成败有着不可忽视的作用。

成为解决问题的人!总结我在用户测试里吸取的5个教训

周周

雨涵Zoe:我一直喜欢做用户测试,甚至为此写过一篇安利文《为何我如此推崇低保真原型设计》用户测试对设计师的能力提升来说最好的一点是,它能一点一点让设计师学会从用户的视角看设计。是的,用户视角对于设计师来说,是需要学习的。很多人以为自己也是别的产品的用户,所以能够想象得出,但其实并不是那样。

我每做一次用户测试,都感觉给自己上了一堂课,总是有新的发现。例如,设计师经常在一些用户不关心的规则或细节上纠结太久,而对用户真正有价值的东西,却往往在设计中被滞后,直到产品发布都忘记加上……

结合我虽然也没有太丰富,但每次都认真记录的经验,我在这里总结一下自己至今为止从用户测试里吸取到的教训:

1. 尽量用约定俗成的控件样式和交互形式

即便你能够设计出更好的方案,如果用户不能一眼领悟使用方法,产品就会面临流失用户的风险。像iPhone这种产品之所以经常能够推出独创的操作形式,其实是大量的忠诚用户所带来的特权。用户数量和市占比决定着该产品的设计是成为潮流的引领者,还是追随者。

如何设计让用户成瘾的体验

用心设计

Apple、Facebook、Twitter、Google、Pinterest…这些公司有一个共同点——它们为用户创造了习惯,用户每天都习惯性地使用这些产品,它们是那么吸引人,甚至让人无法想象这些产品问世前的生活。

然而,创造用户习惯说着容易做起来难。即使我写过很多关于行为工程学1和 习惯重要性的文章,能提供给设计师们设计及衡量用户习惯所需的的工具资源也寥寥无几。这也是我写《成瘾:如何构建形成习惯的产品》(Hooked:How to Build Habit-Form Products)这本书的原因,它阐述了助力用户习惯养成的:四步成瘾模型(Hook Model)。

这篇文章会简单介绍如何通过习惯测试(Habit Testing),打造让用户喜爱,更让用户上瘾的产品。

015605CwQ.jpg

移动应用设计案例 !打造一款拼车APP的用户体验

用心设计

首先,我们分析了驾车者通常会出于怎样的目的来发起拼车活动,并将这些原因列成一份清单。接下来,我(英文原文作者)对应着这份清单绘制了一些简单 的草图,将有可能符合驾车者需求的功能和内容初步的勾勒出来。然后,大家对这些草图进行讨论评估,将其中我们认为最可行的5个概念进一步落实到线框原型当 中,并向一些目标用户(独自驾车者)进行了展示,通过他们的反馈来验证我们的假设。

product-concept-wireframe-prototype-startup-iphone-app-ux-design-case-study.png

用用户的眼睛看用户

用心设计

“想看到真正的世界,就要用天的眼睛去看天,用云的眼睛去看云,用风的眼睛去看风,用花草树木的眼睛去看花草树木,用石头的眼睛去看石头,用大海的眼睛去看大海,用动物的眼睛去看动物,用人的眼睛去看人。”

图片6

谈谈用研过后的“需求”

用心设计

首先在确保用研对象是目标用户之后,用户所提出的所有合理需求(不包括用户提出我就是喜欢这个颜色这种)都是有活生生的使用场景支持的,肯定是用户在使用过程中确实遇到了这样的问题。很多时候用户不会告诉你我遇到了什么问题,他们不会想展示他们蠢的一面,他们只会告诉你他们想要的解决方式,然而这个解决方式并不一定是合适的或者是具有片面性的。所以在分析需求的过程中我觉得有以下几个比较重要的点。

无线产品设计之“极简之法”

用心设计

通过对用户画像的分析,我们确定了目标用户的痛点和期望,依据已知信息我们需要去做灰色预判,预判哪些功能/内容是用户想要的、哪些是与目标用户不相关的、哪些是与目标用户相关的但不是很重要的。对于不相关的,我们要大胆地删除;对于相关的但不是很重要的,要将其进行隐藏起来,毕竟80%人只用那20%的功能;对于重点内容我们需要细心对待,强化其框架,情景化其流程。

jijianzhifa

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档