精于方寸之間——智能汽車時代交互界面進化論
隨著數字屏幕承載的功能越來越多,燃油車和電動車的駕駛艙正向智能化、數字化、網聯化快速發展。未來的智能座艙,不僅是智能車控、人工智能等黑科技的融合平臺,也是人車交流的情感空間。智能網聯系統作為用戶與車輛交互的載體,是用戶體驗的重要接口。優秀的車載智能網聯系統,可以給用戶帶來優質的用車體驗,是用戶對車輛滿意度的重要組成部分。
智能網聯系統的交互界面需要從一塊屏幕出發,但又不囿于這塊屏幕提供的純粹視覺輸出,需要在承載品牌及產品特征的基礎上,為用戶呈現智能、直觀的交互體驗。對于億咖通科技智能網聯系統交互界面設計師而言,他們一直在緊跟技術潮流,不斷思考和探索,試圖通過設計手段不斷優化用戶與汽車之間的交互模式,進一步營造和激發更有趣的駕乘感受。
UI設計細節契合品牌和產品風格
億咖通科技新一代智能網聯系統的界面與交互圍繞“以用戶為中心”的策略設計。歷經一年的打磨、一次大的更新、近千次的細節優化和微調,通過減少信息層級的跳轉、去除繁冗的效果修飾、重點強化信息閱讀和識別,這套系統最終呈現出一個視覺上和邏輯上都“扁平化”的界面與交互效果——從感知層面上,降低用戶的學習成本,提升用戶的使用效率。
作為首款搭載億咖通科技新一代智能網聯系統產品的落地車型,星越L憑借橫跨整個中控臺的“米級屏”,充分展示了這套界面的美感。界面的設計延續整車外觀和內飾所使用的“山巒”設計理念。儀表、主屏、副屏依次呈現出塊狀漸變的特殊處理。無論是開機引導頁面、首頁Launcher,還是主副屏上的Widget,均營造出一種空間橫向延展、貫穿、連續的視覺效果。同時設計團隊也通過“分割”的手段,將整個屏幕分成了快捷操作區、智能場景推薦區、控件展示區以及信息娛樂四個區域,并以明顯的層次感呈現,方便用戶快速識別相關信息。
大量圓角矩形的使用,賦予整個界面更強的親和力
為了更好地匹配星越L“山巒”設計概念在內飾中較為圓潤的應用,億咖通科技的設計師團隊也給幾乎所有控件增加了“圓角”,賦予了整個界面識別上更強的親和力,精確地呼應了內飾風格。
從便捷的交互的角度出發,遵循“少即是多”的原則,這套界面的背景層和通用組件用純色、簡潔風格來弱化與功能信息模塊的視覺沖突。與此同時,功能信息引導層用品牌高亮色進行強化,突出內容層的信息識別,帶來極致簡潔的視覺感受。
引導層用品牌高亮色進行強化,突出內容層的信息識別
交互引領車載生活新方式
新一代的智能座艙交互系統不僅從視覺上為用戶呈現了一個更為簡潔現代的設計美學,更是為消費者帶來雙屏聯動、黑白模式切換、可見即可控的界面交互體驗。
左側快捷控制,中間場景功能推薦及語音助手交互,右側信息娛樂,版塊錯落有致
基于用戶使用習慣,設計團隊對信息層級深度進行了優化。界面最左側的快捷操作區提供了5種核心用戶需求場景(空調,車輛設置,應用中心,回到主頁,用戶中心),確保高頻次使用的核心功能可以在首頁上快速找到。
從實際應用的角度出發,億咖通科技的設計團隊也設計了“白天和黑夜”兩種顯示模式,提供淺色和深色兩種基調的界面。界面顯示在白天或夜晚的場景中可實現自動或手動的風格切換,以提供更為清晰的辨識度。
黑夜模式可以在夜晚提供更高的辨識度
白天模式保證在陽光直射下也有較高的辨識度
米級屏的寬闊也帶來了屏間交互的需求。新一代智能網聯系統無論從功能、生態還是多媒體服務層面都賦予了副駕駛在主屏幕與副屏幕之間的主動交互能力。例如當副駕在通過“副駕屏幕”使用導航時,就可以用手勢拖拽的方式,把目的地導航路線分享到“主駕屏幕”,幫助主駕實現導航操作。
為了讓交互更加直觀,車內常用功能的控制被設計師們以3D渲染界面來展示。在沒有機械按鍵的前提下,用戶可以對座椅與空調調節等諸多車輛控制功能實現直觀的“可見即可控”。這也是億咖通科技協助吉利汽車首次實現在界面上的“實時渲染”。
界面交互設計的迭代
從成立之初,億咖通科技就以技術創新為起點和初心,秉持著“互聯共創,開放共享”的產品設計理念,以用戶出行需求為核心,不斷迭代更新,以持續優化用戶體驗。對于整個UX設計業務而言,億咖通科技在跋涉中演進成為了車機系統界面和交互體驗設計的先鋒探索者之一。
2018年,億咖通科技希望在智能網聯系統的界面交互中呈現“將互聯網裝進汽車”的理念,因此直接將智能手機上“應用交互”模式移植進車機,使車機界面呈現出與手機端相似的交互體驗。
緊隨科技界設計趨勢及潮流,億咖通科技于2019年對智能網聯系統界面布局進行整體升級,把近似智能手機的“應用交互”優化為“控件交互”,形成全新“智能桌面”。控件交互跳過了“打開App”的動作,讓交互“一觸即達”,大幅降低了駕駛者視線從路面移開的時長,提升了交互便利性與駕駛安全性。
億咖通科技以用戶需求為核心,不斷迭代更新界面交互設計,持續優化用戶體驗
智能網聯系統迭代至今,從用戶界面上,延續了之前簡潔現代的設計風格和以人為本的設計原則,并與車型的品牌元素保持一致性。基于當下語音交互的豐富性,以及主駕和副駕多屏交互的體驗需求,全新一代的產品設計更多的展現了“可見即可控”的界面布局和交互能力。
億咖通科技的底層技術積累是從公司創立之初就開始的,在細節上的精進也從未間斷。億咖通科技希望通過自身設計的風格延續和細節精進,啟發同行業的設計靈感,在幫助主機廠傳承品牌元素的同時,加速創新與產品迭代,持續保持競爭力,進而實現科技和人文的深度融合。