智能汽車時(shí)代交互界面進(jìn)化論

隨著數(shù)字屏幕承載的功能越來(lái)越多，燃油車和電動(dòng)車的駕駛艙正向智能化、數(shù)字化、網(wǎng)聯(lián)化快速發(fā)展。未來(lái)的智能座艙，不僅是智能車控、人工智能等黑科技的融合平臺(tái)，也是人車交流的情感空間。智能網(wǎng)聯(lián)系統(tǒng)作為用戶與車輛交互的載體，是用戶體驗(yàn)的重要接口。優(yōu)秀的車載智能網(wǎng)聯(lián)系統(tǒng)，可以給用戶帶來(lái)優(yōu)質(zhì)的用車體驗(yàn)，是用戶對(duì)車輛滿意度的重要組成部分。

智能網(wǎng)聯(lián)系統(tǒng)的交互界面需要從一塊屏幕出發(fā)，但又不囿于這塊屏幕提供的純粹視覺輸出，需要在承載品牌及產(chǎn)品特征的基礎(chǔ)上，為用戶呈現(xiàn)智能、直觀的交互體驗(yàn)。對(duì)于億咖通科技智能網(wǎng)聯(lián)系統(tǒng)交互界面設(shè)計(jì)師而言，他們一直在緊跟技術(shù)潮流，不斷思考和探索，試圖通過(guò)設(shè)計(jì)手段不斷優(yōu)化用戶與汽車之間的交互模式，進(jìn)一步營(yíng)造和激發(fā)更有趣的駕乘感受。

UI設(shè)計(jì)細(xì)節(jié)契合品牌和產(chǎn)品風(fēng)格

億咖通科技新一代智能網(wǎng)聯(lián)系統(tǒng)的界面與交互圍繞“以用戶為中心”的策略設(shè)計(jì)。歷經(jīng)一年的打磨、一次大的更新、近千次的細(xì)節(jié)優(yōu)化和微調(diào)，通過(guò)減少信息層級(jí)的跳轉(zhuǎn)、去除繁冗的效果修飾、重點(diǎn)強(qiáng)化信息閱讀和識(shí)別，這套系統(tǒng)最終呈現(xiàn)出一個(gè)視覺上和邏輯上都“扁平化”的界面與交互效果——從感知層面上，降低用戶的學(xué)習(xí)成本，提升用戶的使用效率。

作為首款搭載億咖通科技新一代智能網(wǎng)聯(lián)系統(tǒng)產(chǎn)品的落地車型，星越L憑借橫跨整個(gè)中控臺(tái)的“米級(jí)屏”，充分展示了這套界面的美感。界面的設(shè)計(jì)延續(xù)整車外觀和內(nèi)飾所使用的“山巒”設(shè)計(jì)理念。儀表、主屏、副屏依次呈現(xiàn)出塊狀漸變的特殊處理。無(wú)論是開機(jī)引導(dǎo)頁(yè)面、首頁(yè)Launcher，還是主副屏上的Widget，均營(yíng)造出一種空間橫向延展、貫穿、連續(xù)的視覺效果。同時(shí)設(shè)計(jì)團(tuán)隊(duì)也通過(guò)“分割”的手段，將整個(gè)屏幕分成了快捷操作區(qū)、智能場(chǎng)景推薦區(qū)、控件展示區(qū)以及信息娛樂(lè)四個(gè)區(qū)域，并以明顯的層次感呈現(xiàn)，方便用戶快速識(shí)別相關(guān)信息。

大量圓角矩形的使用，賦予整個(gè)界面更強(qiáng)的親和力

為了更好地匹配星越L“山巒”設(shè)計(jì)概念在內(nèi)飾中較為圓潤(rùn)的應(yīng)用，億咖通科技的設(shè)計(jì)師團(tuán)隊(duì)也給幾乎所有控件增加了“圓角”，賦予了整個(gè)界面識(shí)別上更強(qiáng)的親和力，精確地呼應(yīng)了內(nèi)飾風(fēng)格。

從便捷的交互的角度出發(fā)，遵循“少即是多”的原則，這套界面的背景層和通用組件用純色、簡(jiǎn)潔風(fēng)格來(lái)弱化與功能信息模塊的視覺沖突。與此同時(shí)，功能信息引導(dǎo)層用品牌高亮色進(jìn)行強(qiáng)化，突出內(nèi)容層的信息識(shí)別，帶來(lái)極致簡(jiǎn)潔的視覺感受。

引導(dǎo)層用品牌高亮色進(jìn)行強(qiáng)化，突出內(nèi)容層的信息識(shí)別

交互引領(lǐng)車載生活新方式

新一代的智能座艙交互系統(tǒng)不僅從視覺上為用戶呈現(xiàn)了一個(gè)更為簡(jiǎn)潔現(xiàn)代的設(shè)計(jì)美學(xué)，更是為消費(fèi)者帶來(lái)雙屏聯(lián)動(dòng)、黑白模式切換、可見即可控的界面交互體驗(yàn)。

左側(cè)快捷控制，中間場(chǎng)景功能推薦及語(yǔ)音助手交互，右側(cè)信息娛樂(lè)，版塊錯(cuò)落有致

基于用戶使用習(xí)慣，設(shè)計(jì)團(tuán)隊(duì)對(duì)信息層級(jí)深度進(jìn)行了優(yōu)化。界面最左側(cè)的快捷操作區(qū)提供了5種核心用戶需求場(chǎng)景（空調(diào)，車輛設(shè)置，應(yīng)用中心，回到主頁(yè)，用戶中心），確保高頻次使用的核心功能可以在首頁(yè)上快速找到。

從實(shí)際應(yīng)用的角度出發(fā)，億咖通科技的設(shè)計(jì)團(tuán)隊(duì)也設(shè)計(jì)了“白天和黑夜”兩種顯示模式，提供淺色和深色兩種基調(diào)的界面。界面顯示在白天或夜晚的場(chǎng)景中可實(shí)現(xiàn)自動(dòng)或手動(dòng)的風(fēng)格切換，以提供更為清晰的辨識(shí)度。

黑夜模式可以在夜晚提供更高的辨識(shí)度

白天模式保證在陽(yáng)光直射下也有較高的辨識(shí)度

米級(jí)屏的寬闊也帶來(lái)了屏間交互的需求。新一代智能網(wǎng)聯(lián)系統(tǒng)無(wú)論從功能、生態(tài)還是多媒體服務(wù)層面都賦予了副駕駛在主屏幕與副屏幕之間的主動(dòng)交互能力。例如當(dāng)副駕在通過(guò)“副駕屏幕”使用導(dǎo)航時(shí)，就可以用手勢(shì)拖拽的方式，把目的地導(dǎo)航路線分享到“主駕屏幕”，幫助主駕實(shí)現(xiàn)導(dǎo)航操作。

為了讓交互更加直觀，車內(nèi)常用功能的控制被設(shè)計(jì)師們以3D渲染界面來(lái)展示。在沒(méi)有機(jī)械按鍵的前提下，用戶可以對(duì)座椅與空調(diào)調(diào)節(jié)等諸多車輛控制功能實(shí)現(xiàn)直觀的“可見即可控”。這也是億咖通科技協(xié)助吉利汽車首次實(shí)現(xiàn)在界面上的“實(shí)時(shí)渲染”。

界面交互設(shè)計(jì)的迭代

從成立之初，億咖通科技就以技術(shù)創(chuàng)新為起點(diǎn)和初心，秉持著“互聯(lián)共創(chuàng)，開放共享”的產(chǎn)品設(shè)計(jì)理念，以用戶出行需求為核心，不斷迭代更新，以持續(xù)優(yōu)化用戶體驗(yàn)。對(duì)于整個(gè)UX設(shè)計(jì)業(yè)務(wù)而言，億咖通科技在跋涉中演進(jìn)成為了車機(jī)系統(tǒng)界面和交互體驗(yàn)設(shè)計(jì)的先鋒探索者之一。

2018年，億咖通科技希望在智能網(wǎng)聯(lián)系統(tǒng)的界面交互中呈現(xiàn)“將互聯(lián)網(wǎng)裝進(jìn)汽車”的理念，因此直接將智能手機(jī)上“應(yīng)用交互”模式移植進(jìn)車機(jī)，使車機(jī)界面呈現(xiàn)出與手機(jī)端相似的交互體驗(yàn)。

緊隨科技界設(shè)計(jì)趨勢(shì)及潮流，億咖通科技于2019年對(duì)智能網(wǎng)聯(lián)系統(tǒng)界面布局進(jìn)行整體升級(jí)，把近似智能手機(jī)的“應(yīng)用交互”優(yōu)化為“控件交互”，形成全新“智能桌面”?？丶换ヌ^(guò)了“打開App”的動(dòng)作，讓交互“一觸即達(dá)”，大幅降低了駕駛者視線從路面移開的時(shí)長(zhǎng)，提升了交互便利性與駕駛安全性。

億咖通科技以用戶需求為核心，不斷迭代更新界面交互設(shè)計(jì)，持續(xù)優(yōu)化用戶體驗(yàn)

智能網(wǎng)聯(lián)系統(tǒng)迭代至今，從用戶界面上，延續(xù)了之前簡(jiǎn)潔現(xiàn)代的設(shè)計(jì)風(fēng)格和以人為本的設(shè)計(jì)原則，并與車型的品牌元素保持一致性?；诋?dāng)下語(yǔ)音交互的豐富性，以及主駕和副駕多屏交互的體驗(yàn)需求，全新一代的產(chǎn)品設(shè)計(jì)更多的展現(xiàn)了“可見即可控”的界面布局和交互能力。

億咖通科技的底層技術(shù)積累是從公司創(chuàng)立之初就開始的，在細(xì)節(jié)上的精進(jìn)也從未間斷。億咖通科技希望通過(guò)自身設(shè)計(jì)的風(fēng)格延續(xù)和細(xì)節(jié)精進(jìn)，啟發(fā)同行業(yè)的設(shè)計(jì)靈感，在幫助主機(jī)廠傳承品牌元素的同時(shí)，加速創(chuàng)新與產(chǎn)品迭代，持續(xù)保持競(jìng)爭(zhēng)力，進(jìn)而實(shí)現(xiàn)科技和人文的深度融合。