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

分類:設計 時間:2016-10-14

現在市面上的汽車大部分都是過時的,沒有吸引力的用戶界面,正因為如此,很多設計師都在思考未來的汽車用戶界面將會如何改善我們的駕駛體驗。今天這篇譯文,一起來學習特斯拉和Apple Carplay 是怎么設計的!

汽車行業似乎每天都有著新的發展。很多證據都表明在接下來的20年里我們將會看到比上個世紀都要劇烈的變革。因此,頂尖的數字設計師們應該把重點放在對這個行業的關注。那么,到底什么才是車輛用戶界面的未來?它能從根本上改變我們和汽車之間的關系么?

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

特斯拉移動控制中心原型

它為什么會讓人震驚?

當你想確定你是否已經鎖好車,關上燈,或者把你的車鑰匙交給剛考完駕照的小屁孩的時候,你是否覺得自己是個偏執狂?

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

車載控制面板用戶界面

它為什么會讓人震驚?

這個用戶界面看起來是一個用肌肉記憶和手勢驅動的通用控制模型,不同數目的手指可以觸發不同事件,你可以通過iPad面板,無線鼠標等控制它。你可以通過動作來控制數值的大小等等。

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

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

特斯拉儀表界面概念版

它為什么會讓人震驚?

汽車將會變得更加的智能,為我們的公共場所騰出更多的空間,并且汽車的功能也將變得越來越互相關聯起來。隨著這些發展,數據在我們面前將會變得勢不可擋,試想一下不久之前,我們的手機和其它東西一樣還是一個單一功能的設備。我們在我們看到什么和如何看上有我們的控制權,它應該變得更加自然和方便使用。人工智能和機器學習將會采取直覺控制。這個由Bureau Oberhaeuser制作的原型讓我們提前看到了這一切的到來。

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

遠程車輛健康測試與控制

它為什么會讓人震驚?

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

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

它為什么會讓人震驚?

當進行輪胎檢查時,這個界面將會告訴你每個輪胎的壓力范圍并且告訴你它們的極限在哪里。這個用戶界面提供了如此重要的反饋,我覺得它應該被納入常用標準中去。

Hudway增強現實顯示器

它為什么會讓人震驚?

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

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

城市導覽汽車應用

它為什么會讓人震驚?

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

Apple Carplay

它為什么會讓人震驚?

每個人都在關注它的到來,想都不要想,如果你已經有了一堆蘋果的產品,你也會在你的汽車上裝上它的。Apple Carplay將會是下一代的第二塊屏幕。

數字儀表板集群顯示器

它為什么會讓人震驚?

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

然而,用數字型號在方方面面代替模擬型號也會開始令人擔憂,因為無法人工手動介入賬款車子,當保險絲熔斷,或者電子儀器故障時,汽車很快會失控。

特斯拉 iWatch UI 原型

它為什么會讓人震驚?

當可穿戴設備成為我們設備的一部分時,它很明顯會幫助我們的手持設備分擔掉一部分的操作功能。這個原型很好的說明了它是如何將這一切展示到手腕上來的。

你可以在這里查看整個案例研究: Apple Watch Tesla Car. How Far Can We Drive Them?

歡迎關注譯者微信公眾號:非科班設計

除了汽車UI 界面,電視UI 也是不常見的領域,優設特意收集了相關教程:

  1. 瀏覽電視: 《進軍客廳!智能電視信息瀏覽用戶體驗設計初探
  2. 遙控器設計: 《智能電視用戶體驗設計分享之遙控器篇》
  3. 焦點設計: 《智能電視用戶體驗設計分享之焦點篇》

【優設網 原創文章 投稿郵箱:[email protected]


Tags: 特斯拉 用戶界面設計 Apple

文章來源:http://www.uisdc.com/amazing-future-vehicle-uis


ads
ads

相關文章
ads

相關文章

ad