傳統的汽車中控系統,大多是相對固定的硬件組合到一起,共同構成中心的控制台,控制著包括導航、收音機、播放器、空調等在內的各種功能。一直到 2000 年前後,汽車的中控台都一直以這樣相對固定的物理按鈕和旋鈕來搭建,用戶也可以通過官方或者第三方服務,來升級功能,比如將磁帶播放器升級為CD播放器乃至于內嵌電視功能等等。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

隨著移動端技術的發展,iOS 和 Android 等智能軟件系統的完善和提升,汽車的中控系統也不再受限于固化的硬件功能。平台化的軟件體系讓中控系統有了更多的可能性,影音娛樂開始更加豐富,而已然完善的移動端觸摸式交互生態,則為汽車中控以屏幕替代物理按鈕打下基。 骼  敬嬖謨謔只縋緣男灤偷APP 、功能、服務也逐漸出現在汽車中控系統上,而特斯拉更是一步到位,以一塊巨大的觸摸屏徹底革新了中控的交互體驗,OTA 升級,有機多樣的UI交互,徹底釋放開了汽車中控交互體驗上的想象力。新的問題出現了,新的方法在迭代,新的趨勢也得到了印證。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

寶馬奔馳保時捷等頂級的汽車廠商大都在中控台的設計上,探索了各自的可能性,國內廠商也毫不示弱,不過其中絕大多數的系統都基于我們熟悉的 Android 或者是 Android Auto 作為基礎來進行定制和優化,而隻果則基于自家 iOS 生態,在 2013 年推出了 iOS in the Car 服務,目前正式名稱為 Carplay。而目前各大廠商所青睞的 Android Auto 也上在 Carplay 發布之後所跟進並發布的。

目前,Carplay 和 Android Auto 都已經上行業標準級別的存在,今天這篇资讯, 我們先聊聊 Carplay。

? 關于 Carplay

想做好車載設計?先掌握這份 Carplay 設計規範(上)

CarPlay 車載系統旨在令用戶通過汽車制造商之原生車載系統來使用、操控iOS設備並發揮其功能。該產品的首個版本計劃于2014年發布,最早出現在一些制造商的汽車展覽上。

Carplay 本身並非完全獨立的存在,它本身會和 iPhone 一起聯動,讓iPhone 成為你的車鑰匙和輔助管理系統。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

CarPlay 車載讓你能夠在駕駛車輛時智能、安全地使用各項 iPhone 功能。你可以開導航、打電話、收發信息、听喜歡的歌。所有這一切,都整合在車內的中控顯示屏上。在 iOS 14 中,CarPlay 車載還引入了全新的 app 類別和適用于 CarPlay 車載儀表盤的自定牆紙。

Carplay 以 隻果自身在移動端交互和用戶體驗上的深厚積澱,總結和梳理出了一套可供學習和值得參考借鑒的規範。

這些規範對于需要考慮車載使用場景的廠商以及正在布局車載移動端軟件或者系統的廠商的設計師而言,都有著相當的參考和學習價值。

? Carplay 核心原則和功能

作為車內輔助、操作、娛樂的中心,Carplay 可以直接連接到汽車中控的觸摸屏上,提供基于 iOS 的相關的服務和應用。Carplay 的整體設計圍繞著車內駕駛這一使用場景,而它的設計原則也圍繞著這一場景來規劃︰

  • 成熟。基于最熟悉的 iOS 應用,來設計界面元素,並提供熟悉、直觀的體驗。
  • 簡短。采用盡可能簡短的交互,不過度引人矚目
  • 相關。屏幕顯示信息高度相關,提供盡可能少選項,不需要復雜決策
  • 語音。基于Siri,以語音交互為核心,司機無需視線離開前方,手也不用離開方向盤即可完成交互。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

1.1、音頻應用

Carplay 當中會有提供音頻內容的 APP,諸如 Podcasts,網絡電台,新聞,音樂,體育節目等等,這些服務和 APP 將會通過內置的屏幕顯示,並且借助最常見的「標簽欄+列表」來呈現基本的框架,並且必須包含「播放」界面。盡管這類服務和應用是借由內置的界面框架來呈現,但是依然有值得注意的要點︰

想做好車載設計?先掌握這份 Carplay 設計規範(上)

  1. 即使數據不可用,也始終要提供內容。考慮到內容可能會受到網絡狀況的影響,在這種情況下,請依然使用佔位符。
  2. 請將內容層次結構控制在3個級別,或者更少。
  3. 使用多個標簽頁來組織內容,並且盡量簡化標簽導航的數量和結構。
  4. 優先顯示相關度最高的內容,減少用戶不必要的操作。
  5. 在最頂層界面中,提供包括單點擊觸摸即可播放的功能,比如「播放」按鈕和「隨機播放」等選項。
  6. 行駛過程中,對內容進行智能過濾。比如超速的時候,系統會進行語音提示,此時智能暫停播放的內容,並在界面中呈現正在播放的內容的相關信息。
  7. 提供盡可能簡潔的標題和說明。
  8. 提供補充性的可視化內容,比如專輯封面等等,更加一目了然。
  9. 不要在 Carplay 中內置登錄和設置的選項和功能,確保 APP 開箱即用。如果需要,盡量讓這類操作在 iPhone 上進行,並且盡早完成。想做好車載設計?先掌握這份 Carplay 設計規範(上)

↑ 使用此圖標代表明確的、本地的的內容。

想做好車載設計?先掌握這份 Carplay 設計規範(上)↑ 使用此圖標來標識在線的內容,確保用戶知道內容來自網絡,並且會耗費網絡流量。

在進行音頻內容播放的時候,Carplay 會顯示「正在播放」的界面,並且會使用如下界面︰

想做好車載設計?先掌握這份 Carplay 設計規範(上)

在設計這個相關的界面功能的時候,需要注意以下幾點︰

  • 播放音頻時,提供有用的、準確的信息,並且可以進行明確的控制。
  • 不要重新定義播放控件的含義。
  • 在中斷播放一段時間之後,適時恢復並繼續音頻播放。

1.2、汽車廠商應用

Carplay 能夠內嵌到不同廠商的車中,自然也可以控制車內的硬件。這一部分的硬件驅動支持通常是由廠商提供,並且借由 Carplay 內的界面,提供統一的交互體驗。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

  • 將控件和內容限制在與汽車本身相關的範疇以內,不要加入無關的功能
  • 首選標準UI控件,包括按鈕、標簽、導航、表單等控件,具體可參閱系統元素
  • 不要重新設計標準控件,確保整體的視覺和體驗的一致性
  • 切勿模仿汽車本身的UI 界面設計,確保 Carplay 內的統一性

1.3、信息傳遞和 VoIP應用

VoIP 也就是基于 IP 的語音傳輸功能,而在 Carplay 中,VoIP 應用主要借助 Siri 服務,並且全由 Siri 操控,它並不為用戶提供直接的交互界面,因此無需專門設計 UI 界面。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

它支持閱讀信息和編寫/回復消息,不過需要用戶授予權限

想做好車載設計?先掌握這份 Carplay 設計規範(上)

建議啟用 Carplay 的通知功能。具體參閱︰

如果你的 APP 支持 VoIP,請啟用 Siri 功能。具體參閱︰ 和

2.1、信息標識

當你的 APP 有推送信息未讀的時候,通常會在 APP 的右上角增加一個紅色的小紅點標識,並且其中會有一個白色數字用來標識未讀信息的數量。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

  • 盡量讓信息標識足夠直觀。讓用戶打開APP之後能夠看到推送信息。
  • 保持克制。不要讓推送信息大量而頻繁,在這個場景下會讓用戶感到迷惑。
  • 注意重要信息的呈現。在標簽欄和APP內的重點位置凸顯重要信息,不要僅靠信息標識來凸顯關鍵信息推送。
  • 避免使用警報提示來作為信息標識的補充。即使有重要的信息,用戶也不希望你在打開APP的時候出現警報彈出框來推送信息。這些信息應當是可見,顯著,但是用戶選擇是否要打開和點擊的。
  • 始終保持信息標識是最新的。

2.2、錯誤推送

對于錯誤信息,應當妥善處理,並且絕對是要在必要的時候才推送報錯信息。

  • 通過 Carplay 推送錯誤信息,而不是推送到連接的 iPhone 上去。
  • 優先以非侵入性的狀態推送來推送報錯信息,而不是直接彈出警報。

2.3、加載狀態

在加載內容的時候,使用黑屏或者靜態的界面,可能會讓它整體上看起來像是死機了一樣,或者可能會導致用戶離開。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

  • 進行加載的時候,盡量明確顯示加載狀態
  • 加載時,盡快顯示主要內容,使用文本和圖片佔位符來呈現內容布局,並且在完成之後替換,如果可能,盡量預加載已有內容,再更新。

2.4、導航模式

在 Carplay 當中,有2種常見的導航模式︰

橫向導航。通常使用標簽欄來進行導航,不同內容橫向排布,用戶可以快速點擊不同標簽切換。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

分層導航。用戶在屏幕上點選不同選項,通往不同的子界面。其中地圖應用采用的是這種結構。

想做好車載設計?先掌握這份 Carplay 設計規範(上)

音樂類應用可以使用橫向導航,也可以使用分層導航,在設計導航的過程中,應當注意︰

  • 盡可能讓用戶快速而輕松地獲取內容。結構化信息,讓用戶以最少點擊、滑動來找到他們想要的東西。
  • 用戶在進行返回操作的時候,請保留之前的界面,防止用戶迷失。避免音頻自動播放,除非它是主要功能。
  • 為每一個界面分配一個固定清晰的路徑。
  • 盡可能使用標準的導航組件,比如使用選項卡菜單欄和列表視圖。
  • 使用導航欄應該能夠遍歷所有的層次結構。
  • 使用標簽頁選項卡的時候,顯示同一級的內容或者分類。

2.5、測試

全面的測試,是確保應用可用性的重要前提。

  • 請在實際與 Carplay 兼容的顯示器上進行測試,最好是在真實的車上進行測試。
  • 在惡劣的網絡條件下測試,比如穿越隧道或者網絡覆蓋狀況較差的區域。
  • 測試安裝和設置的流程中有沒有問題,並且密切注意涉及到登錄和隱私相關的問題。

3.1、音頻內容

無論音頻是否是你的 APP 的主要內容呈現形式,你都需要了解用戶對于音頻有哪些期待,並且盡量去貼合這些需求。

  • 只有當準備好播放之後,才會切換到「正在播放」的屏幕頁面。
  • 音頻加載完畢之後就可以開始播放,即使描述性的信息依然在加載。
  • 盡量避免自動播放。
  • 如果被別的程序和提示打斷,在暫停之後再繼續恢復音頻播放。
  • 在必要的時候,自動調整當前內容的音量,而不是整體的音量。
  • 在系統發出短提示音的時候,使用系統音量。比如警報。

3.2、汽車數據

在管理汽車功能的頁面當中,廠商提供的功能和數據將會無縫的接入到 Carplay 當中,比如氣候、網絡、GPS 等等。當數據不可用的時候,盡量提供合理的響應方式。

比如當汽車通過隧道,沒有 GPS 信息的時候,盡量以不打擾的方式來告知用戶。具體的開發接口,請參閱︰ 和 。

3.3、iPhone

Carplay 是和 iPhone 連接起來使用的,並且在程序數據上也相互兼容互通,只是Carplay 本身提供的是簡化之後的 UI ,並且針對駕駛的場景進行了優化。

  • 當 Carplay 處于活動狀態時,隱去 iPhone 上的 APP 交互。
  • 請不要將 iPhone 和相關用戶置于 Carplay 範疇以外,因為正常使用的時候需要 iPhone 的數據接入。
  • 確保當 iPhone 鎖定或者在後備箱中的時候,你的程序可以正常使用。

3.4、旋鈕和控件

支持 Carplay 的車輛通常會有物理按鈕和旋鈕,它們可以作為 Carplay 交互的輔助。當物理按鍵作為用戶的主要交互介質的時候,通常至少會存在一個 Siri 按鈕,導航控件,選擇控件,以及後退控件。

這些控件和 Carplay 應當高度對應,無論是播放、暫停、上一首/下一首 都應該做出準確的相應。具體可以參閱︰

想做好車載設計?先掌握這份 Carplay 設計規範(上)

當 Carplay 投射的屏幕不支持觸摸的時候,還有基于旋鈕的焦點式交互方式,當用戶擰動旋鈕的時候,能夠讓光標從一個元素切換到另一個元素,激活並交互。具體可以參閱這份文檔︰

下半部分規範看這里︰

參考來源︰

點贊 33
收藏 214
繼續閱讀相關资讯

發表評論 已發布 8

還可以輸入 800 個字
 
 
載入中....
8 收藏