交互式數(shù)據(jù)可視化是一種更能夠吸引用戶的數(shù)據(jù)信息交流形式，在BI中的應(yīng)用也變得越來(lái)越流行，并且由于其有較強(qiáng)的易用性以及能夠?yàn)橛脩趔w驗(yàn)帶來(lái)更多附加值而逐漸成為大多數(shù)數(shù)據(jù)分析系統(tǒng)的常見(jiàn)部分。它通過(guò)數(shù)據(jù)動(dòng)態(tài)演示的交互方式，使用戶可以直接與信息交互，用以構(gòu)建自己對(duì)信息的理解，交互式可視化必須具有與人機(jī)交互方式，如單擊按鈕，移動(dòng)滑塊，快速響應(yīng)以顯示輸入和輸出之間的真實(shí)關(guān)系。
靜態(tài)數(shù)據(jù)可視化是不包含任何交互功能且不隨時(shí)間變化的數(shù)據(jù)可視化，從單一視角關(guān)注特定數(shù)據(jù)故事的信息圖。圖表中沒(méi)有可操作的交互功能來(lái)調(diào)整靜態(tài)可視化的數(shù)據(jù)展示結(jié)果，更適合不太復(fù)雜的數(shù)據(jù)故事、建立概念之間的關(guān)系以及傳達(dá)預(yù)定的視圖。其構(gòu)建成本遠(yuǎn)低于交互式設(shè)計(jì)。因此在設(shè)計(jì)時(shí)必須充分考慮如何展示當(dāng)前顯示的數(shù)據(jù)擬定好數(shù)據(jù)故事。
交互式是可視化設(shè)計(jì)中的絕佳工具，因?yàn)樗鼈兡軌騼?yōu)化信息的顯示方式，減少視覺(jué)噪音，降低用戶對(duì)數(shù)據(jù)閱讀的難度。系統(tǒng)中最常見(jiàn)應(yīng)用之一是數(shù)字化儀表板或數(shù)字看板，如果直接從枯燥的數(shù)據(jù)表格獲取信息這樣的體驗(yàn)是非常原始且視覺(jué)干擾過(guò)多。而通過(guò)梳理數(shù)據(jù)結(jié)構(gòu)使用適當(dāng)?shù)慕换タ梢暬箍窗?，能夠成為用戶快速汲取主要?shù)據(jù)信息的理想工具
設(shè)計(jì)時(shí)決定應(yīng)用哪種數(shù)據(jù)可視化形式一方面需通過(guò)用戶畫像分析了解用戶偏好如何，另一方面則需要結(jié)合數(shù)據(jù)故事復(fù)雜程度采用哪種才能夠更全面更準(zhǔn)確的傳達(dá)數(shù)據(jù)信息，以及在構(gòu)建項(xiàng)目的過(guò)程投入成本最終回報(bào)率的高低也起著決定性因素。
大量數(shù)據(jù)可用于幫助用戶做出更好的業(yè)務(wù)決策。為了實(shí)現(xiàn)這一點(diǎn)，并從數(shù)據(jù)中獲得最大價(jià)值，用戶必須能夠理解它；提出問(wèn)題、體驗(yàn)?zāi)Ｐ筒⒆R(shí)別異常。
我們的大腦處理視覺(jué)圖像要比處理文字內(nèi)容快 60,000 倍，能夠在13 ms內(nèi)處理一張圖像，然而，大腦的處理能力也是有限的。為了展示最優(yōu)效果，數(shù)據(jù)可視化必須基于人類認(rèn)知速度提供信息。需要設(shè)計(jì)輸入來(lái)將信息分解成可管理的模塊并以用戶能夠簡(jiǎn)易處理的方式呈現(xiàn)它。
我們?cè)跇?gòu)建任何類型數(shù)據(jù)可視化時(shí)都需以用戶為中心，了解用戶的目標(biāo)、動(dòng)機(jī)和需求，經(jīng)營(yíng)環(huán)境，需要解決什么問(wèn)題，以及用戶語(yǔ)言和特定領(lǐng)域的知識(shí)；
系統(tǒng)用戶的體驗(yàn)建立在兩個(gè)主要元素上：關(guān)鍵點(diǎn)可視化以及交互路徑。而用戶路徑中每個(gè)關(guān)鍵點(diǎn)需設(shè)計(jì)為對(duì)應(yīng)特定的業(yè)務(wù)問(wèn)題。
可視化中的交互改變了數(shù)據(jù)的視角，始終致力于簡(jiǎn)單的可視化而不是復(fù)雜的可視化。目標(biāo)是使其更易于理解和閱讀。因此，需要避免使因使用過(guò)多的圖表引起頁(yè)面結(jié)構(gòu)混亂，意味著通過(guò)過(guò)濾某些數(shù)據(jù)點(diǎn)，選擇數(shù)據(jù)的不同區(qū)域，甚至完全改變可視化的類型。重要的一點(diǎn)是：交互式可視化不再是靜態(tài)的，也不代表數(shù)據(jù)的單一視圖。交互使人們能夠根據(jù)自己的需要調(diào)整可視化并提出不同的問(wèn)題。
通過(guò)了解受眾群體是誰(shuí)，需要展示哪些數(shù)據(jù)，了解他們將如何使用這些數(shù)據(jù)。這些都將作為我們?cè)O(shè)計(jì)的理論依據(jù)，用以解決設(shè)計(jì)中哪些圖表是可以快速應(yīng)用到實(shí)際場(chǎng)景中，如何為數(shù)據(jù)結(jié)構(gòu)做簡(jiǎn)化等問(wèn)題；在數(shù)據(jù)的展示形式上通常是使用圖表、線條或點(diǎn)、條形圖和地圖來(lái)實(shí)現(xiàn)的。萬(wàn)變不離其宗，交互可視化也是同樣在此基礎(chǔ)上進(jìn)行擴(kuò)展發(fā)揮作用。
在設(shè)計(jì)中需要為數(shù)據(jù)可視化創(chuàng)建各種交互式小部件，但首先需要遵循數(shù)據(jù)可視化交互設(shè)計(jì)的三個(gè)基本設(shè)計(jì)原則——可用性、可訪問(wèn)和可操作。
可視化架構(gòu)是映射數(shù)據(jù)故事的形式化基礎(chǔ)，在此基礎(chǔ)上通過(guò)線條、圖標(biāo)和顏色等設(shè)計(jì)元素的視覺(jué)工具進(jìn)行展示。為了利用這些工具，我們責(zé)需要運(yùn)用對(duì)比關(guān)系、比重關(guān)系、顏色差異、位置信息和象征意義等突出顯示信息所呈現(xiàn)的目的及數(shù)據(jù)間的結(jié)構(gòu)關(guān)系。
如在做地圖中的交互可視化時(shí)要探索當(dāng)前特定點(diǎn)或區(qū)域的實(shí)時(shí)信息，此時(shí)需要將圖標(biāo)或交互功能融入在地圖上
首先先普及下HMI的概念
HMI：- Human Machine Interface : 人機(jī)界面，現(xiàn)在多指車載交互系統(tǒng)體驗(yàn)設(shè)計(jì)。
既然說(shuō)到人機(jī)界面，我們先來(lái)設(shè)計(jì)的載體是如何演變的。
一、車載中控儀表盤演變過(guò)程
1886 年，由卡爾·本茨發(fā)明的第一輛汽車。當(dāng)時(shí)根本就沒(méi)有所謂的儀表盤概念，所以載體還得從1908年T型車（Ford Model T）說(shuō)起，到2012年劃時(shí)代的特斯拉Model S，汽車儀表盤目前經(jīng)歷四代。
1、第一代:以按鍵為主
機(jī)械式儀表盤: 第一個(gè)時(shí)代儀表盤為機(jī)械芯儀表，一般包含了車速里程表、轉(zhuǎn)速表、機(jī)油壓力表、水溫表、燃油表、充電表等，之后汽車儀表還需要裝穩(wěn)壓器來(lái)穩(wěn)定儀表電源的電壓，抑制波動(dòng)幅度，保證汽車儀表的準(zhǔn)確性。初代的汽車儀表盤主要以傳統(tǒng)的熱式和動(dòng)磁式，顯示的信息極為有限，更多的是車輛物理信息“通信員”的角色。
在機(jī)械時(shí)期中控臺(tái)哪有什么屏幕可言，那時(shí)候的中控臺(tái)就是收音機(jī)和空調(diào)的調(diào)節(jié)器，而且都是實(shí)體按鍵的，只能滿足駕駛的基本需求，沒(méi)有屏幕，都是照搬飛機(jī)中控布局，以實(shí)體按鍵為主，功能簡(jiǎn)陋單一。堆砌功能按鈕儀表，沒(méi)有交互可言。
2、第二代：電氣式儀表盤+小中控屏
第二個(gè)時(shí)代的電氣式儀表盤終于誕生，從真空熒光顯示屏（VFD），發(fā)展到采用液晶顯示屏（LED）及小尺寸薄膜晶體管顯示器（TFT），顯示屏顯示的信息越來(lái)越清晰、快捷。目前電氣式儀表在市場(chǎng)的保有量最大，且一般采用機(jī)械儀表結(jié)合數(shù)字儀表的方式，例如車速、轉(zhuǎn)速信息采用指針，指示燈信息采用LED等點(diǎn)亮，其它信息則采用TFT屏。
雖然相較于第一代機(jī)械機(jī)芯儀表增加了不少功能，汽車信息反饋也更全面更及時(shí)，但是其發(fā)展速度卻明顯與汽車行業(yè)不相匹配，對(duì)于更深層次的駕駛需求，電氣式儀表仍無(wú)法滿足。
3、第三代：全數(shù)字化儀表
汽車儀表盤領(lǐng)域在不斷追求更新，于是劃時(shí)代的全數(shù)字液晶儀表盤孕育而生，也是就我們常說(shuō)的虛擬儀表盤。全數(shù)字汽車儀表盤使用了一整塊液晶屏取代了傳統(tǒng)的指針和刻度表，所有信息都通過(guò)這塊屏幕顯示出來(lái)。
單從外觀上來(lái)看就能給人以一種比較高大上的感覺(jué)，這類儀表盤上往往沒(méi)有指針等部件，所有信息都通過(guò)屏幕傳遞出來(lái)。功能更強(qiáng)大、信息顯示更具邏輯性，駕駛者接受信息更快，提升行車安全。也可以根據(jù)個(gè)人喜好調(diào)整相應(yīng)參數(shù)，比如比亞迪的儀表盤就可以改變背景顏色。在高級(jí)點(diǎn)的，像寶馬的全數(shù)字儀表就可以切換N多種模式。
2007年iPhone問(wèn)世后，大屏、輕薄機(jī)身、高清顯示屏、可安裝應(yīng)用等功能引領(lǐng)了整個(gè)行業(yè)的革命。電動(dòng)汽車行業(yè)飛速發(fā)展,智能AI和人際互聯(lián)等人車交互概念也跟著興起,對(duì)于中控臺(tái)的需求和功能復(fù)雜度也跟著越發(fā)精細(xì)起來(lái),結(jié)果就是屏幕越來(lái)越大。
2013年上市的特斯拉Model S,座艙里最驚艷的就是那塊17寸的大屏。超高的分辨率和流暢的操作,和漂亮的UI設(shè)計(jì),最初讓很多美國(guó)民眾瘋狂。就像蘋果手機(jī)顛覆了傳統(tǒng)手機(jī)業(yè),特斯拉也顛覆了傳統(tǒng)汽車行業(yè)。
2014年換代的奔馳S級(jí)將兩塊12.3寸屏幕連在一起,合成了一塊23寸大屏,比特斯拉的大屏還多出6英寸。
拜騰M-Byte,48寸巨屏,橫向貫穿儀表臺(tái),再一次顛覆汽車的內(nèi)飾設(shè)計(jì)。
比亞迪系列汽車的旋轉(zhuǎn)大屏,玩出新花樣,可以旋轉(zhuǎn)控制,就像手機(jī)橫屏和豎屏的場(chǎng)景。
縱觀下來(lái),其實(shí)不難看出,雖然汽車的中控屏幕也是往著越來(lái)越大的方向發(fā)展,但因?yàn)榭臻g以及功能需求的不同,相比起手機(jī)來(lái)說(shuō),中控屏幕的變化更具備多樣性。
4、第四代：HUD顯示屏
從上世紀(jì)80年代，抬頭顯示技術(shù)在汽車領(lǐng)域已經(jīng)開(kāi)始被使用，直到現(xiàn)在才開(kāi)始逐漸展露頭腳。
HUD抬頭顯示器(Head Up Display)，又叫平視顯示系統(tǒng)。它可以把重要的信息，映射在風(fēng)窗玻璃上的全息半鏡上，使駕駛員不必低頭，就能看清重要的信息。
戰(zhàn)斗機(jī)是率先應(yīng)用HUD抬頭顯示器的。飛行員在空戰(zhàn)中，需要交替觀察艙外目標(biāo)和艙內(nèi)儀表，易產(chǎn)生瞬間視覺(jué)中斷，因此會(huì)導(dǎo)致反應(yīng)遲緩、操作失誤，并有可能貽誤戰(zhàn)機(jī)，采用HUD抬頭顯示可克服這一缺點(diǎn)。
第一架使用HUD抬頭顯示的飛機(jī)是美國(guó)海軍的A-5艦載機(jī)。民用航空最早使用HUD抬頭顯示是法國(guó)達(dá)索飛機(jī)公司的mercure飛機(jī)。
在復(fù)雜多變的道路上開(kāi)車，駕駛員雙眼離開(kāi)車輛前方，是個(gè)非常危險(xiǎn)的事情，尤其是在高速公路上更是明顯。于是很多車型，就給車輛配備了一個(gè)不需要挪開(kāi)視線，就能知道車輛基本信息的配置，這就是HUD抬頭顯示。
HUD作為一款新技術(shù)，優(yōu)勢(shì)顯而易見(jiàn)。當(dāng)駕駛員需要查看儀表盤或中控臺(tái)上的信息，視線至少需要轉(zhuǎn)移0.3秒，而HUD投影的信息就在駕駛員平視的正前方，駕駛員可以將更多的注意力放在路面上。將駕駛體驗(yàn)及駕駛員對(duì)于路況信息的認(rèn)知能力進(jìn)行革新式升級(jí)。
二、六大車載系統(tǒng)的特點(diǎn)
現(xiàn)在各家系統(tǒng)百家爭(zhēng)鳴，各家車載系統(tǒng)設(shè)計(jì)有哪些不同？
1. 阿里 斑馬智行
簡(jiǎn)介：
1、阿里車載小程序是一種無(wú)需下載安裝即可使用的“應(yīng)用”，旨在為用戶打造“隨時(shí)可用”、“用完即走”的使用體驗(yàn)。
2、AliOS作為互聯(lián)網(wǎng)汽車操作系統(tǒng)，原生地支持阿里小程序，引入阿里生態(tài)服務(wù)的同時(shí)也面向開(kāi)發(fā)者開(kāi)放，圍繞車場(chǎng)景為用戶提供從出行到生活的各類智慧服務(wù)。
特點(diǎn)：
1、設(shè)計(jì)特點(diǎn)：
獨(dú)立的大卡片式的內(nèi)容界面模塊方便車主在行車過(guò)程中單手操作，其配色鮮艷，風(fēng)格扁平，符合使用場(chǎng)景和國(guó)人的使用習(xí)慣。
2、功能特點(diǎn)：自帶場(chǎng)景智能感知的基因。
得到車主授權(quán)后，車載小程序可以圍繞行車場(chǎng)景，實(shí)現(xiàn)上車前、行車中、下車后自然串聯(lián)的智能化場(chǎng)景服務(wù)。
用戶可以在車上通過(guò)觸控、語(yǔ)音、手勢(shì)等多模態(tài)交互方式，咨詢附近的推薦餐廳，小程序會(huì)基于用戶的喜好作出推薦，還可以預(yù)約排號(hào)；到達(dá)餐廳附近，系統(tǒng)會(huì)自動(dòng)喚醒小程序，為用戶找到停車場(chǎng)；下車后，車載小程序會(huì)無(wú)縫連接到手機(jī)小程序端，用戶可以在手機(jī)上查看餐廳的預(yù)約信息等。
△ 斑馬智行2.0系統(tǒng)設(shè)計(jì)
斑馬智行，采用智能手機(jī)界面和應(yīng)用商城下載 APP 的使用方式，實(shí)現(xiàn)車載和手機(jī)的雙重控制。
強(qiáng)大的云端特性在語(yǔ)音識(shí)別和線上互聯(lián)方面提供了良好的使用體驗(yàn)，車主可以連接手機(jī)藍(lán)牙后，讀取其手機(jī)通訊錄，實(shí)現(xiàn)利用車載系統(tǒng)撥打和接聽(tīng)電話的功能。支持 USB 接口，通過(guò) U 盤實(shí)現(xiàn)播放音頻、視頻文件等。在娛樂(lè)生活方面，內(nèi)置蝦米音樂(lè)，蜻蜓FM，喜馬拉雅等，支持在線搜索，在線播放以及在線廣播等服務(wù)。
同時(shí)，斑馬智行依靠阿里強(qiáng)大的技術(shù)和資源支持，打通停車場(chǎng)，加油站，高速公路支付等，使用戶駕車時(shí)產(chǎn)生的費(fèi)用均能通過(guò)支付寶支付。
2. 百度 Car Life和Apollo
簡(jiǎn)介：
1、打造智能車載服務(wù)生態(tài)，滿足用戶出行、娛樂(lè)、生活等多元化需求，構(gòu)建人-車-家一體化互聯(lián)閉環(huán)成為時(shí)代趨勢(shì)。
2、智能小程序，是百度提供的一種技術(shù)解決方案。開(kāi)發(fā)者基于此開(kāi)發(fā)出來(lái)的服務(wù)，在各類宿主環(huán)境（手機(jī) App、車載系統(tǒng)、IOT 設(shè)備等）中，可做到用戶無(wú)感知安裝，即點(diǎn)即用。
特點(diǎn):
1、設(shè)計(jì)特點(diǎn)
車載端主界面分別采用藍(lán)、綠、紅、灰四個(gè)色塊對(duì)應(yīng)四個(gè)功能模塊，「發(fā)現(xiàn)」集成音樂(lè)、娛樂(lè)、聽(tīng)書、電臺(tái)等特色音視頻服務(wù)，采用紅色在界面中最為突出，其設(shè)計(jì)風(fēng)格整體扁平，面性 icon 利于識(shí)別與點(diǎn)擊。
2、功能特點(diǎn)
智能小程序包括“車后服務(wù)”、“資訊”、“休閑游戲”、“視頻”、“購(gòu)物”、“親子”、“旅游”、“工具”等8個(gè)類別，一共80多款。車企可以根據(jù)車型定位和自身需求自行定義和組合可供使用的車載小程序。
百度的車載小程序大部分場(chǎng)景下還是只能依靠用戶用語(yǔ)音喚醒，但在生態(tài)的開(kāi)放性上，百度車載小程序則做得更為徹底，可以在百度App、百度地圖、百度貼吧、百度網(wǎng)盤百度系A(chǔ)pp上運(yùn)行。
3. 騰訊 Ai in Car
簡(jiǎn)介：
1、“騰訊小場(chǎng)景”是專為出行場(chǎng)景打造的車載輕應(yīng)用生態(tài)，部署在云端，不需要下載，即用即走，并支持語(yǔ)音交互。
2、分為3類，出行服務(wù)小型車、生活服務(wù)小程序和視聽(tīng)服務(wù)小程序。
特點(diǎn)：
1、設(shè)計(jì)特點(diǎn)：
運(yùn)用的FutureLink3.0系統(tǒng)，F(xiàn)utureLink3.0 基于安卓平臺(tái)開(kāi)發(fā)，在 12 英寸的中控屏幕上并沒(méi)有將大量的圖標(biāo)堆砌在首頁(yè)，反而以地圖為背景，將六大功能模塊以大板塊的形式布局在地圖下方，整個(gè)界面設(shè)計(jì)簡(jiǎn)潔。
2、功能特點(diǎn)：
最大特色：基于位置和場(chǎng)景會(huì)被自動(dòng)喚醒。比如用戶經(jīng)過(guò)加油站、停車場(chǎng)、旅游景點(diǎn)的時(shí)候，有些購(gòu)買和支付的服務(wù)就會(huì)主動(dòng)彈在車機(jī)上，用戶再通過(guò)語(yǔ)音完成操作。
手機(jī)小程序是“人找服務(wù)”，那么騰訊車載小程序則進(jìn)化成“服務(wù)找人”。
△ 騰訊在車載場(chǎng)景下的生態(tài)布局
Ai in Car，顧名思義，基于 AI 的連接能力和生態(tài)，融合騰訊內(nèi)容生態(tài)的優(yōu)質(zhì)資源，包括資訊、視頻、IP、文學(xué)等板塊，為車主提供更豐富的內(nèi)容消費(fèi)。風(fēng)行搭載的 FutureLink3.0 車聯(lián)網(wǎng)系統(tǒng)，就是和騰訊深度合作而誕生的優(yōu)質(zhì)案例。
△ FutureLink3.0系統(tǒng)界面
只在設(shè)置頁(yè)中，才會(huì)出現(xiàn)二級(jí)子菜單列表，而且提供的設(shè)置項(xiàng)目也不多，界面層級(jí)簡(jiǎn)單，不累贅，也給司機(jī)帶來(lái)輕松愉悅的操作體驗(yàn)。同時(shí)，基于行車安全考慮，在類似天氣、股票等查詢功能上，比較依賴語(yǔ)音控制。在娛樂(lè)生活方面，打通手機(jī)和車機(jī)賬號(hào)，用戶無(wú)需切換賬號(hào)就可以與車載導(dǎo)航、電臺(tái)、QQ音樂(lè)、微信等功能無(wú)縫銜接，支持車主組建聊天組，在行車途中與好友進(jìn)行實(shí)時(shí)溝通。
從整體來(lái)看 FutureLink3.0 的設(shè)計(jì)，它更像是一個(gè)把需求頁(yè)面展現(xiàn)在車主面前的「輕應(yīng)用」，沒(méi)有傳統(tǒng)概念上的主界面、多層交互菜單以及相應(yīng)的「系統(tǒng)特質(zhì)」的設(shè)計(jì)，它更希望把海量資源建立在云端，終端只給車主呈現(xiàn)其所需要的服務(wù)即可。
4. 谷歌 Android auto
簡(jiǎn)介：
Android Auto 系統(tǒng)的工作原理是將手機(jī)連接到兼容的汽車，讓駕駛員可以使用汽車屏幕和語(yǔ)音操作與手機(jī)的應(yīng)用程序進(jìn)行交互。它提供了一種導(dǎo)航、收聽(tīng)媒體和消息等的簡(jiǎn)單方法。
特點(diǎn)：
1、設(shè)計(jì)特點(diǎn)：
在 UI 框架設(shè)計(jì)方面，主屏幕以卡片的形式顯示通知、活動(dòng)、導(dǎo)航和消息，右下角有啟動(dòng)語(yǔ)音命令的麥克風(fēng)圖標(biāo)和底部的活動(dòng)欄，這些特性屬于全局 UI。在它下方，應(yīng)用程序內(nèi)容區(qū)域顯示應(yīng)用程序啟動(dòng)器或當(dāng)前使用的主應(yīng)用程序的內(nèi)容。
△ Android auto手持設(shè)備與車載設(shè)計(jì)系統(tǒng)
Android auto 將 Android 平臺(tái)擴(kuò)展到汽車上，它有兩種使用方法：在手機(jī)上或在兼容的車載屏幕上。
它有一個(gè)簡(jiǎn)單的界面，標(biāo)準(zhǔn)化的用戶交互模型和強(qiáng)大的聲音動(dòng)作，其目的是幫助司機(jī)盡量減少分心。需要注意的是，為汽車設(shè)計(jì)交互式應(yīng)用程序與手持式設(shè)備的設(shè)計(jì)有根本上的不同，其應(yīng)用程序的交互界面應(yīng)該簡(jiǎn)化，以確保司機(jī)的眼睛和手集中在開(kāi)車上，減少司機(jī)分心。
△ Android auto車載系統(tǒng)UI框架
卡片上提供如消息字符串、圖標(biāo)、圖形和操作等內(nèi)容，會(huì)根據(jù)用戶最近的使用情況和優(yōu)先級(jí)來(lái)確定卡片的大小。主屏幕會(huì)限制卡片的數(shù)量，以保持列表的簡(jiǎn)短和相關(guān)。因此，當(dāng)新的、更相關(guān)的內(nèi)容出現(xiàn)時(shí)，應(yīng)用程序的通知可能會(huì)從屏幕上消失。同時(shí)，抽屜式的交互方式，提供了簡(jiǎn)單的操作和導(dǎo)航。每個(gè)抽屜項(xiàng)目必須提供一個(gè)單一的觸摸目標(biāo)，避免在抽屜里放長(zhǎng)的列表，或者在相同內(nèi)容的視圖之間切換。這里官方給出的最佳 UI 做法是簡(jiǎn)化內(nèi)容，關(guān)注上下文，顯示新鮮的、有用的和大多數(shù)不滾動(dòng)的項(xiàng)目，使用單行，對(duì)決策至關(guān)重要的較長(zhǎng)字符串使用兩行。
5. 蘋果 CarPlay
簡(jiǎn)介：
CarPlay 車載系統(tǒng)旨在令用戶通過(guò)汽車制造商之原生車載系統(tǒng)來(lái)使用、操控iOS設(shè)備并發(fā)揮其功能。該產(chǎn)品的首個(gè)版本計(jì)劃于2014年發(fā)布，最早出現(xiàn)在一些制造商的汽車展覽上。
特點(diǎn)：
1、設(shè)計(jì)特點(diǎn)：
基于手機(jī)映射，所以界面除了橫向布局外，icon都和手機(jī)端統(tǒng)一。以簡(jiǎn)潔的布局提供有用的、重點(diǎn)突出的信息，便于從駕駛員座椅上進(jìn)行掃描。不要用不必要的細(xì)節(jié)和不必要的裝飾來(lái)弄亂屏幕。
在整個(gè)應(yīng)用程序中保持整體一致的外觀。一般來(lái)說(shuō)，具有相似功能的元素應(yīng)該看起來(lái)相似。
2、功能特點(diǎn)：
作為車內(nèi)輔助、操作、娛樂(lè)的中心，Carplay 可以直接連接到汽車中控的觸摸屏上，提供基于 iOS 的相關(guān)的服務(wù)和應(yīng)用。Carplay 的整體設(shè)計(jì)圍繞著車內(nèi)駕駛這一使用場(chǎng)景，而它的設(shè)計(jì)原則也圍繞著這一場(chǎng)景來(lái)規(guī)劃：
-
成熟?；谧钍煜さ?iOS 應(yīng)用，來(lái)設(shè)計(jì)界面元素，并提供熟悉、直觀的體驗(yàn)。
-
簡(jiǎn)短。采用盡可能簡(jiǎn)短的交互，不過(guò)度引人矚目
-
相關(guān)。屏幕顯示信息高度相關(guān)，提供盡可能少選項(xiàng)，不需要復(fù)雜決策
-
語(yǔ)音。基于Siri，以語(yǔ)音交互為核心，司機(jī)無(wú)需視線離開(kāi)前方，手也不用離開(kāi)方向盤即可完成交互。
全新的電子車鑰匙，加上 Apple CarPlay 車載流暢的使用體驗(yàn)，讓 iPhone 能在旅途上發(fā)揮更多作用。地圖、電話、信息、音樂(lè)、日歷、一言、一觸、一旋隨你駕馭。
6、華為車機(jī)應(yīng)用
簡(jiǎn)介：
HMS for Car是華為終端云服務(wù)打造的智慧車載云服務(wù)解決方案，基于HMS（Huawei Mobile Services），通過(guò)AI場(chǎng)景引擎結(jié)合華為生態(tài)資源，為用戶提供精準(zhǔn)豐富的出行場(chǎng)景內(nèi)容和服務(wù)，助力汽車從交通工具向具有交互和服務(wù)的能力的智能終端進(jìn)化。
華為快應(yīng)用是一種基于行業(yè)標(biāo)準(zhǔn)開(kāi)發(fā)的新型免安裝應(yīng)用，其標(biāo)準(zhǔn)由主流手機(jī)廠商組成的快應(yīng)用聯(lián)盟聯(lián)合制定。開(kāi)發(fā)者開(kāi)發(fā)一次即可將應(yīng)用分發(fā)到所有支持行業(yè)標(biāo)準(zhǔn)的手機(jī)運(yùn)行。
HMS Core提供端、云開(kāi)放能力，幫助開(kāi)發(fā)者實(shí)現(xiàn)應(yīng)用高效開(kāi)發(fā)、快速增長(zhǎng)、商業(yè)變現(xiàn)，使能開(kāi)發(fā)者創(chuàng)新，為全球用戶提供精品內(nèi)容、服務(wù)及體驗(yàn)。
1、全球化分發(fā)。已上線超過(guò)170+國(guó)家和地區(qū)。
2、全終端接入。全面支持從小屏幕到大屏幕各種智能終端。
3、全場(chǎng)景支持。快應(yīng)用直達(dá)鏈接和卡片嵌入全終端場(chǎng)景。
特點(diǎn)：
1、設(shè)計(jì)特點(diǎn)：
在交互界面上，Carplay和Carlife由于使用的投屏方式，主界面依然是一個(gè)個(gè)的APP圖標(biāo)，需要點(diǎn)擊啟動(dòng)進(jìn)入后才能使用。筆者認(rèn)為采用這樣移動(dòng)端過(guò)于笨重的交互方式并不適用于車載場(chǎng)景；HUAWEI HiCar的設(shè)計(jì)理念是"安全便捷、自然舒適、智能貼心", 對(duì)車載端的人機(jī)交互要素重新布局規(guī)劃設(shè)計(jì)，采用桌面卡片的設(shè)計(jì)方式，以滿足復(fù)雜駕駛狀態(tài)下的使用需求。
桌面卡片是應(yīng)用內(nèi)容和功能特性的重要載體，用戶通過(guò)對(duì)卡片的快捷操作直達(dá)應(yīng)用的核心功能，提升交互的便捷性。應(yīng)用可通過(guò)接入 HUAWEI HiCar 桌面卡片的方式呈現(xiàn)最核心的功能和服務(wù)，并根據(jù)自身的需求特性，自行組合卡片元素以滿足不同場(chǎng)景下的用戶訴求。
-
背板：背板樣式可以為色彩填充或設(shè)置背景圖。
背景色支持黑、白、彩色三套。
應(yīng)用需提供三套背板以適配卡片主題切換。
-
品宣區(qū)：品宣樣式為圖標(biāo)+文字，應(yīng)用可根據(jù)在此區(qū)域顯示品牌圖標(biāo)和名稱。
-
內(nèi)容區(qū)：展示與應(yīng)用場(chǎng)景相關(guān)的信息，其內(nèi)容可以是圖片、文本或圖文樣式。
-
操作區(qū)：操作區(qū)為文字或圖片按鍵，最多 3 個(gè)控件或 1 個(gè)控件組。
2、功能特點(diǎn)：
華為智慧助手，可結(jié)合用戶使用場(chǎng)景，以卡片形式推送提醒、服務(wù)和行程，實(shí)現(xiàn)智慧化服務(wù)找人。例如，送孩子上學(xué)時(shí)，車機(jī)端華為智慧助手將自動(dòng)推送"有聲續(xù)播"卡片，用戶點(diǎn)擊卡片，即可一鍵續(xù)播孩子在華為手機(jī)上沒(méi)聽(tīng)完的有聲兒童內(nèi)容；用戶在開(kāi)車下班回家路上，進(jìn)入離家500米范圍內(nèi)時(shí)，車機(jī)系統(tǒng)可自動(dòng)啟動(dòng)"回家模式"，提前打開(kāi)家中的窗簾、空調(diào)等設(shè)備，方便用戶享受愜意生活。
My Car功能面向車企開(kāi)放華為手機(jī)等智能硬件系統(tǒng)級(jí)入口能力，能夠?qū)崿F(xiàn)遠(yuǎn)程控車、查車、汽車服務(wù)/告警關(guān)鍵信息等反向推送能力。遠(yuǎn)程控車功能，可以滿足用戶高頻控車訴求，例如，遠(yuǎn)程開(kāi)關(guān)空調(diào)、尋車、查看門窗狀態(tài)等。另外，當(dāng)車輛胎壓不足、門窗未關(guān)閉時(shí)，用戶也能通過(guò)手機(jī)、車機(jī)及時(shí)收到提醒。
三、系統(tǒng)的開(kāi)源地址
1、阿里Alios開(kāi)放平臺(tái)
https://miniapp.alios.cn/index#/document
2、百度車載生態(tài)開(kāi)放平臺(tái)
https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html
3、騰訊-車載小場(chǎng)景（私我領(lǐng)取PDF）
4、谷歌駕駛
https://developers.google.com/cars/design/design-foundations
5、蘋果apple car play
iOS - CarPlay 車載
6、華為車機(jī)三方應(yīng)用交互設(shè)計(jì)規(guī)范
https://developer.huawei.com/consumer/cn/doc/50902#h2-1587181522014
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
文章來(lái)源：站酷 作者：郝小七
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
