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

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

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

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

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

大量圓角矩形的使用，賦予整個界面更強的親和力

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

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

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

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

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

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

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

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

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

白天模式保證在陽光直射下也有較高的辨識度

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

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

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

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

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

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

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

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

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