2016-10-16 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
在可以預(yù)見(jiàn)的科技發(fā)展中,汽車(chē)將是我們目前所能想象的下一個(gè)最重要的移動(dòng)設(shè)備。汽車(chē)的 UI 將會(huì)朝什么方向發(fā)展?跟隨本文一起開(kāi)一下腦洞吧。
今天多數(shù)汽車(chē)UI的設(shè)計(jì),由于不直觀、過(guò)時(shí)和缺乏美學(xué)表現(xiàn)力,一直飽受詬病。其他行業(yè)都將設(shè)計(jì)的品質(zhì)奉為標(biāo)準(zhǔn),汽車(chē)生產(chǎn)商在這方面則動(dòng)作遲緩。所以,許多設(shè)計(jì)師抓住了這個(gè)機(jī)會(huì),思考未來(lái)的汽車(chē)界面會(huì)如何改變我們的駕駛體驗(yàn)。
汽車(chē)行業(yè)的革新似乎日益加劇。實(shí)際上汽車(chē)行業(yè)在未來(lái)20年的變化,會(huì)超越過(guò)去一個(gè)世紀(jì)。因此,最前沿的設(shè)計(jì)師應(yīng)該關(guān)注這個(gè)至關(guān)重要的行業(yè)。那未來(lái)的汽車(chē)界面會(huì)變成什么樣呢?會(huì)根本上改變我們與車(chē)的關(guān)系嗎?
下面是一系列優(yōu)美富有未來(lái)感的汽車(chē)HUD(平視顯示器)、交互界面和第三方應(yīng)用控制器,它們來(lái)自世界各地的設(shè)計(jì)師。有些設(shè)計(jì)來(lái)自真實(shí)產(chǎn)品,還有一些仍在研發(fā)階段。
來(lái)源:Matthaeus Krenn
你是否也時(shí)常懷疑自己有沒(méi)有鎖好車(chē)門(mén)、關(guān)車(chē)燈,或是把鑰匙交給你剛學(xué)會(huì)駕駛的孩子。
這款應(yīng)用讓你不用離開(kāi)座位,就能檢查以上所有。如果還帶有柴油混合動(dòng)力,你甚至可以吃早餐時(shí)啟動(dòng)引擎除霜。作為感知反饋,直觀的動(dòng)畫(huà)和過(guò)渡效果讓你了解操作是否執(zhí)行完成。
來(lái)源:Gleb Kuznetsov for FΛNTΛSY
這個(gè)界面用了手勢(shì)操作,通過(guò)肌肉記憶來(lái)整體操控。屏幕上手指的數(shù)量與動(dòng)作能觸發(fā)操作,蘋(píng)果的iPad、magic mouse和其他操作系統(tǒng)已使得這種方式成為了行業(yè)標(biāo)準(zhǔn)。這個(gè)案例中,移動(dòng)能提高或降低數(shù)值。
這款界面不需要記住那些小控件和大量圖形,因此能讓你以同樣的手勢(shì)或其他操作,完成各種不同類(lèi)型的任務(wù)。
可以在這里查看到完整案例研究,體驗(yàn)這套原型。
來(lái)源:Bureau Oberhaeuser
隨著更多功能共用一個(gè)空間,并且相互高度關(guān)連,汽車(chē)正在變得更加智能。這些變革會(huì)將鋪天蓋地的數(shù)據(jù)呈現(xiàn)在我們面前,這在手機(jī)上已經(jīng)發(fā)生了,還有其他所有原本只有單一功能的設(shè)備。它必須表現(xiàn)得很自然,決定了我們看什么、怎么看。人工智能和機(jī)器學(xué)習(xí)會(huì)掌控直覺(jué),Bureau Oberhaeuser的原型非常優(yōu)秀,讓一切鮮活起來(lái)。
可以在這里查看案例研究和實(shí)際操作。
來(lái)源:Ramotion
如果你的汽車(chē)出了什么毛病,拿起扳手鉆到車(chē)底一通亂擰可不容易。當(dāng)所有系統(tǒng)都電子化、計(jì)算機(jī)化,外表光鮮潔凈,要判斷問(wèn)題所在可并不那么簡(jiǎn)單直觀。這款移動(dòng)應(yīng)用原型,能以一種你可以理解的方式展現(xiàn)汽車(chē)的健康數(shù)據(jù),讓你在踏上漫漫旅途之前能進(jìn)行必要的修整。
來(lái)源:Ryan Duffy
這個(gè)界面表現(xiàn)行進(jìn)中的胎壓,讓你分別了解各個(gè)輪胎的壓力范圍,準(zhǔn)確知道要加多少壓。這個(gè)界面提供了最基本的反饋,它應(yīng)當(dāng)成為行業(yè)標(biāo)準(zhǔn)。
來(lái)源:Hudway應(yīng)用
毋庸置疑,駕駛員都應(yīng)該將注意力集中在道路上,但是當(dāng)司機(jī)查看手機(jī)導(dǎo)航時(shí),內(nèi)置的移動(dòng)導(dǎo)航界面仍然會(huì)時(shí)常引發(fā)事故。Hudway應(yīng)用在擋風(fēng)玻璃上開(kāi)啟了第二塊屏幕的新體驗(yàn),讓事情變得簡(jiǎn)單多了。玻璃是未來(lái)的界面,這款導(dǎo)航應(yīng)用利用了這塊空間,作為駕駛員手機(jī)的延伸,并伴隨逐步的語(yǔ)音提示。
可以在這里查看案例研究,感受它的操作方式。
來(lái)源:Cleveroad
這個(gè)界面最適合勇敢的探險(xiǎn)家。如果想要快速探索周邊的世界,這款應(yīng)用讓你在有限的道路上激發(fā)出旅行的動(dòng)力(并且會(huì)讓你走在正確的車(chē)道上)。
來(lái)源:Apple
大家有目共睹。如果你熟悉所有蘋(píng)果設(shè)備,完全可以無(wú)腦使用,你可能還會(huì)在汽車(chē)上安裝其他產(chǎn)品。蘋(píng)果的Carplay將第二屏的交互提升到新的高度,它只會(huì)變得更越來(lái)越優(yōu)秀。
來(lái)源:Mike Montgomery
沒(méi)什么能比得上發(fā)動(dòng)引擎、讓所有指示燈亮起來(lái),然后像軍樂(lè)隊(duì)一樣響起旋律。當(dāng)接近下一個(gè)轉(zhuǎn)彎口、油量低、或者胎壓下降,你會(huì)通過(guò)周?chē)磺新曇艉碗S后的視覺(jué)互動(dòng)獲得反饋,就像微動(dòng)畫(huà)那樣表達(dá)出直觀的訊息。
但是,把所有類(lèi)似功能都用數(shù)碼顯示,總有弊端。通常都沒(méi)有手動(dòng)替代方式,所以如果某處線(xiàn)路故障或是電子故障,你的座駕馬上就會(huì)變成無(wú)頭蒼蠅。
來(lái)源:Eleks Digital
隨著穿戴設(shè)備成為我們連接設(shè)備中的一部分,與你相關(guān)的產(chǎn)品生態(tài)中,最精密部分的控制不再那么依賴(lài)手持設(shè)備了。這個(gè)原型很好地表現(xiàn)了如何將它展現(xiàn)在手腕上。在此深入了解這套原型。
這就是我們今天所能看到的汽車(chē)用戶(hù)體驗(yàn)設(shè)計(jì)的前沿。你還知道其他什么產(chǎn)品正在拓展邊疆?你覺(jué)得這一系列設(shè)計(jì)如何?可以在評(píng)論中加入討論,發(fā)表你的高見(jiàn)!
原文鏈接:https://www.toptal.com/designers/interactive/amazing-vehicle-ui
藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net