2021-3-8 資深UI設計者
傳統的汽車中控系統,大多是相對固定的硬件組合到一起,共同構成中心的控制臺,控制著包括導航、收音機、播放器、空調等在內的各種功能。一直到 2000 年前后,汽車的中控臺都一直以這樣相對固定的物理按鈕和旋鈕來搭建,用戶也可以通過官方或者第三方服務,來升級功能,比如將磁帶播放器升級為CD播放器乃至于內嵌電視功能等等。
隨著移動端技術的發展,iOS 和 Android 等智能軟件系統的完善和提升,汽車的中控系統也不再受限于固化的硬件功能。平臺化的軟件體系讓中控系統有了更多的可能性,影音娛樂開始更加豐富,而已然完善的移動端觸摸式交互生態,則為汽車中控以屏幕替代物理按鈕打下基礎,各類原本存在于手機電腦的新型的 APP 、功能、服務也逐漸出現在汽車中控系統上,而特斯拉更是一步到位,以一塊巨大的觸摸屏徹底革新了中控的交互體驗,OTA 升級,有機多樣的UI交互,徹底釋放開了汽車中控交互體驗上的想象力。新的問題出現了,新的方法在迭代,新的趨勢也得到了印證。
寶馬奔馳保時捷等頂級的汽車廠商大都在中控臺的設計上,探索了各自的可能性,國內廠商也毫不示弱,不過其中絕大多數的系統都基于我們熟悉的 Android 或者是 Android Auto 作為基礎來進行定制和優化,而蘋果則基于自家 iOS 生態,在 2013 年推出了 iOS in the Car 服務,目前正式名稱為 Carplay。而目前各大廠商所青睞的 Android Auto 也上在 Carplay 發布之后所跟進并發布的。
目前,Carplay 和 Android Auto 都已經上行業標準級別的存在,今天這篇文章, 我們先聊聊 Carplay。
CarPlay 車載系統旨在令用戶通過汽車制造商之原生車載系統來使用、操控iOS設備并發揮其功能。該產品的首個版本計劃于2014年發布,最早出現在一些制造商的汽車展覽上。
Carplay 本身并非完全獨立的存在,它本身會和 iPhone 一起聯動,讓iPhone 成為你的車鑰匙和輔助管理系統。
CarPlay 車載讓你能夠在駕駛車輛時智能、安全地使用各項 iPhone 功能。你可以開導航、打電話、收發信息、聽喜歡的歌。所有這一切,都整合在車內的中控顯示屏上。在 iOS 14 中,CarPlay 車載還引入了全新的 app 類別和適用于 CarPlay 車載儀表盤的自定墻紙。
Carplay 以 蘋果自身在移動端交互和用戶體驗上的深厚積淀,總結和梳理出了一套可供學習和值得參考借鑒的規范。
這些規范對于需要考慮車載使用場景的廠商以及正在布局車載移動端軟件或者系統的廠商的設計師而言,都有著相當的參考和學習價值。
作為車內輔助、操作、娛樂的中心,Carplay 可以直接連接到汽車中控的觸摸屏上,提供基于 iOS 的相關的服務和應用。Carplay 的整體設計圍繞著車內駕駛這一使用場景,而它的設計原則也圍繞著這一場景來規劃:
Carplay 當中會有提供音頻內容的 APP,諸如 Podcasts,網絡電臺,新聞,音樂,體育節目等等,這些服務和 APP 將會通過內置的屏幕顯示,并且借助最常見的「標簽欄+列表」來呈現基本的框架,并且必須包含「播放」界面。盡管這類服務和應用是借由內置的界面框架來呈現,但是依然有值得注意的要點:
使用此圖標代表明確的、本地的的內容。
使用此圖標來標識在線的內容,確保用戶知道內容來自網絡,并且會耗費網絡流量。
在進行音頻內容播放的時候,Carplay 會顯示「正在播放」的界面,并且會使用如下界面:
在設計這個相關的界面功能的時候,需要注意以下幾點:
Carplay 能夠內嵌到不同廠商的車中,自然也可以控制車內的硬件。這一部分的硬件驅動支持通常是由廠商提供,并且借由 Carplay 內的界面,提供統一的交互體驗。
VoIP 也就是基于 IP 的語音傳輸功能,而在 Carplay 中,VoIP 應用主要借助 Siri 服務,并且全由 Siri 操控,它并不為用戶提供直接的交互界面,因此無需專門設計 UI 界面。
它支持閱讀信息和編寫/回復消息,不過需要用戶授予權限
當你的 APP 有推送信息未讀的時候,通常會在 APP 的右上角增加一個紅色的小紅點標識,并且其中會有一個白色數字用來標識未讀信息的數量。
對于錯誤信息,應當妥善處理,并且絕對是要在必要的時候才推送報錯信息。
在加載內容的時候,使用黑屏或者靜態的界面,可能會讓它整體上看起來像是死機了一樣,者可能會導致用戶離開。
在 Carplay 當中,有2種常見的導航模式:
橫向導航。通常使用標簽欄來進行導航,不同內容橫向排布,用戶可以快速點擊不同標簽切換。
分層導航。用戶在屏幕上點選不同選項,通往不同的子界面。其中地圖應用采用的是這種結構。
音樂類應用可以使用橫向導航,也可以使用分層導航,在設計導航的過程中,應當注意:
全面的測試,是確保應用可用性的重要前提。
無論音頻是否是你的 APP 的主要內容呈現形式,你都需要了解用戶對于音頻有哪些期待,并且盡量去貼合這些需求。
在管理汽車功能的頁面當中,廠商提供的功能和數據將會無縫的接入到 Carplay 當中,比如氣候、網絡、GPS 等等。當數據不可用的時候,盡量提供合理的響應方式。
比如當汽車通過隧道,沒有 GPS 信息的時候,盡量以不打擾的方式來告知用戶。
3.3、iPhone
Carplay 是和 iPhone 連接起來使用的,并且在程序數據上也相互兼容互通,只是Carplay 本身提供的是簡化之后的 UI ,并且針對駕駛的場景進行了優化。
支持 Carplay 的車輛通常會有物理按鈕和旋鈕,它們可以作為 Carplay 交互的輔助。當物理按鍵作為用戶的主要交互介質的時候,通常至少會存在一個 Siri 按鈕,導航控件,選擇控件,以及后退控件。
這些控件和 Carplay 應當高度對應,無論是播放、暫停、上一首/下一首 都應該做出準確的相應。具體可以參閱:MPRemoteCommandCenter
當 Carplay 投射的屏幕不支持觸摸的時候,還有基于旋鈕的焦點式交互方式,當用戶擰動旋鈕的時候,能夠讓光標從一個元素切換到另一個元素,激活并交互。
文章來源:優設 作者:陳子木
藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務