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

2018-11-13    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


現(xiàn)在市面上的汽車大部分都是過時(shí)的,沒有吸引力的用戶界面,正因?yàn)槿绱?,很多設(shè)計(jì)師都在思考未來的汽車用戶界面將會(huì)如何改善我們的駕駛體驗(yàn)。今天這篇譯文,一起來學(xué)習(xí)特斯拉和Apple Carplay 是怎么設(shè)計(jì)的!

汽車行業(yè)似乎每天都有著新的發(fā)展。很多證據(jù)都表明在接下來的20年里我們將會(huì)看到比上個(gè)世紀(jì)都要?jiǎng)×业淖兏?。因此,頂尖的?shù)字設(shè)計(jì)師們應(yīng)該把重點(diǎn)放在對(duì)這個(gè)行業(yè)的關(guān)注。那么,到底什么才是車輛用戶界面的未來?它能從根本上改變我們和汽車之間的關(guān)系么?

下面是我收集的一些由全世界不同的設(shè)計(jì)師設(shè)計(jì)的美麗和未來的汽車抬頭顯示器、用戶界面交互、第三方app控制器。這些設(shè)計(jì)想法,有一些是真實(shí)存在的,有一些還正在發(fā)展中。

特斯拉移動(dòng)控制中心原型

uisdc-car-201610133

它為什么會(huì)讓人震驚?

當(dāng)你想確定你是否已經(jīng)鎖好車,關(guān)上燈,或者把你的車鑰匙交給剛考完駕照的小屁孩的時(shí)候,你是否覺得自己是個(gè)偏執(zhí)狂?

這個(gè)移動(dòng)app可以讓你在不離開座位的時(shí)候檢查這一切,有一個(gè)柴油混合動(dòng)力車?你甚至可以在你吃早餐的時(shí)候啟動(dòng)引擎。直觀的動(dòng)畫會(huì)反饋你這個(gè)動(dòng)作是否已經(jīng)完成。

車載控制面板用戶界面

uisdc-car-201610134

它為什么會(huì)讓人震驚?

這個(gè)用戶界面看起來是一個(gè)用肌肉記憶和手勢驅(qū)動(dòng)的通用控制模型,不同數(shù)目的手指可以觸發(fā)不同事件,你可以通過iPad面板,無線鼠標(biāo)等控制它。你可以通過動(dòng)作來控制數(shù)值的大小等等。

這個(gè)用戶界面去掉了所有需要用戶記憶的小控件和視覺元素,從而你可以使用相同的手勢或者它的變體,來完成多個(gè)不同種類的任務(wù)。

你可以在這里查看整個(gè)案例研究:A New Car UI

特斯拉儀表界面概念版

uisdc-car-201610135

它為什么會(huì)讓人震驚?

汽車將會(huì)變得更加的智能,為我們的公共場所騰出更多的空間,并且汽車的功能也將變得越來越互相關(guān)聯(lián)起來。隨著這些發(fā)展,數(shù)據(jù)在我們面前將會(huì)變得勢不可擋,試想一下不久之前,我們的手機(jī)和其它東西一樣還是一個(gè)單一功能的設(shè)備。我們?cè)谖覀兛吹绞裁春腿绾慰瓷嫌形覀兊目刂茩?quán),它應(yīng)該變得更加自然和方便使用。人工智能和機(jī)器學(xué)習(xí)將會(huì)采取直覺控制。這個(gè)由Bureau Oberhaeuser制作的原型讓我們提前看到了這一切的到來。

你可以在這里查看整個(gè)案例研究:Behance

遠(yuǎn)程車輛健康測試與控制

uisdc-car-201610139

它為什么會(huì)讓人震驚?

當(dāng)汽車所有的零部件都變成電子系統(tǒng)時(shí),你想拿起扳手就能發(fā)現(xiàn)問題變得越來越不可能了。這個(gè)移動(dòng)app原型試圖用一種你能理解的語言去描述汽車當(dāng)前的健康狀況,讓你知道你是否有必要在開啟你的海岸線之旅前修一下它。

輪胎壓力和氣候的用戶界面

uisdc-car-201610131

它為什么會(huì)讓人震驚?

當(dāng)進(jìn)行輪胎檢查時(shí),這個(gè)界面將會(huì)告訴你每個(gè)輪胎的壓力范圍并且告訴你它們的極限在哪里。這個(gè)用戶界面提供了如此重要的反饋,我覺得它應(yīng)該被納入常用標(biāo)準(zhǔn)中去。

Hudway增強(qiáng)現(xiàn)實(shí)顯示器

uisdc-car-201610138

它為什么會(huì)讓人震驚?

不用說大家都知道司機(jī)應(yīng)該保持視線在路上,但是現(xiàn)在的手機(jī)導(dǎo)航都需要司機(jī)把注意力來回切換在手機(jī)屏幕和路面之間,這個(gè)叫Hudway的app把你的第二塊屏幕跟擋風(fēng)玻璃很好的結(jié)合了起來。你面前的那塊擋風(fēng)玻璃很有可能就是未來的顯示界面。

你可以在這里查看整個(gè)案例研究:Augmented Reality Projections Turn Windshield Into A Navigation Screen [Video]

城市導(dǎo)覽汽車應(yīng)用

uisdc-car-201610132

它為什么會(huì)讓人震驚?

這個(gè)用戶界面對(duì)于勇敢的探險(xiǎn)家來說非常完美,如果你想快速的知道你周圍有什么,這個(gè)用戶界面可以讓你在有限的路線里來一段自發(fā)的旅行。

Apple Carplay

uisdc-car-2016101310

它為什么會(huì)讓人震驚?

每個(gè)人都在關(guān)注它的到來,想都不要想,如果你已經(jīng)有了一堆蘋果的產(chǎn)品,你也會(huì)在你的汽車上裝上它的。Apple Carplay將會(huì)是下一代的第二塊屏幕。

數(shù)字儀表板集群顯示器

uisdc-car-201610136

它為什么會(huì)讓人震驚?

沒有什么能和發(fā)動(dòng)引擎點(diǎn)亮儀表,汽車轟鳴猶如巡游樂隊(duì)組成的和旋一樣。身邊的一切,聲音和延遲的視覺互動(dòng),都給與你感官的反饋。儀表會(huì)通過動(dòng)畫直觀的告訴你,合適講切入下個(gè)轉(zhuǎn)彎,油量是否變低,以及胎壓是否過低。

然而,用數(shù)字型號(hào)在方方面面代替模擬型號(hào)也會(huì)開始令人擔(dān)憂,因?yàn)闊o法人工手動(dòng)介入賬款車子,當(dāng)保險(xiǎn)絲熔斷,或者電子儀器故障時(shí),汽車很快會(huì)失控。

特斯拉 iWatch UI 原型

uisdc-car-201610137

它為什么會(huì)讓人震驚?

當(dāng)可穿戴設(shè)備成為我們?cè)O(shè)備的一部分時(shí),它很明顯會(huì)幫助我們的手持設(shè)備分擔(dān)掉一部分的操作功能。這個(gè)原型很好的說明了它是如何將這一切展示到手腕上來的。



藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔