作者：隔壁老李

全文共 2602 字 18 圖，閱讀需要 7 分鐘

———— / BEGIN / ————

車載系統的設計目前來說仍然是一個混沌狀態，市場上並沒有一套完整統一的設計標準與規範，大多數廠家的設計仍然沿用移動端式的設計思維，這顯然與實際場景是不符合的。

雖然現在仍然沒有一套標準強大的系統規範和互動形式來約束大家，但我們可以通過站在使用場景與使用者行為的角度，找到一些基本且重要的互動原則與設計理念來規避系統設計中的一些問題。

一、車載系統的三個主要特點

第一：車載系統的單次操作行為無法超過3秒

移動端系統為沉浸式操作，而車載系統不一樣，在駕駛過程中，使用者95%的精力在於聚焦駕駛上行為上，使用者只能抽取僅5%左右的精力與時間來操控車載。因此也就決定了車載系統的功能邏輯，資訊佈局都必須在極短的時間內以最好的方式呈現。

而如果使用者沒有在這個時間以內完成操作任務，要麼使用者選擇放棄，重新再來；要麼使用者花費更多時間和精力，但這樣駕駛的危險係數會成倍增長。

經筆者多次在不同路段試驗，統計下來平均每次操作，即視線與注意力專注在車載上的時間，無法超過三秒——事實上，當進入第三秒時，已不得不需要利用餘光開始注意前方路況了。

因此，在三秒以內，無論是使用者第一次操作失敗，重新注意路況後，再重複操作，還是使用者持續操作直到任務完成，都是非常危險的行為，在這裡，由於使用者試錯的成本非常巨大，也因此互動的設計與資訊佈局的設計都需要做到最極致。

第二：車載系統對資訊與功能需要高度的聚合

在第一點提到的特殊操作環境下，我們無法用傳統移動端沉浸式的設計思維來設計車載的介面與功能——因為在極短時間內導致我們必須對所有可能用到的功能入口一步觸達，對資訊的佈局必須做到一眼即見的程度。

這也是為什麼飛機駕駛艙內、國際空間站內的各種操控開關拉桿都是星羅密佈式的擺放——並非以如今的科技無法做到像科幻片裡一樣簡潔乾淨的操控臺，而是因為考慮到在實際應用場景下，專業素質的人員不需要也沒有時間去欣賞美觀的介面，學習我們所認為的互動方式。

試想在緊急情況下，機長是不可能像我們在移動端上完成任務一樣，先找到主TAB欄，再一級一級點進去確認告訴大家要坐穩扶好不要亂跑。

因此在車載系統的設計中，我們需要放下傳統移動端的設計思維和所謂的美學，緊扣實際場景下的互動方式與使用者需求來設計：

第三：車載系統有明顯的操作熱區與高效的互動方式

由於駕駛場景的特殊性，使用者只能用離車機最近的一隻手去操作，而無法出現像移動端那樣，用另一隻手或者雙手操作的情況。

這也就決定在設計車載系統的功能入口時，會有著強烈的偏向性，並也會影響視覺資訊的排布。

同時，在操控車載的過程中，點選仍然是最有效率的互動方式，滑動與長按在上述的3秒安全操作時間內，都會極大的增加操作難度和駕駛風險。

通過以上三個特點分析，我們可以瞭解車載系統設計的大背景與環境，由此我們可以推匯出一些比較詳細的設計原則。

二、關於互動行為的“三秒設計”

第一秒：視覺

使用者在0到1秒的時間內，對車機進行掃視，在這個過程中，應用場景的重點資訊與功能入口必須能被使用者在這個時間以內發現：

• 不可讓使用者頻繁轉動視角以搜尋資訊；

• 不可讓使用者花費過長時間搜尋資訊；

第二秒：行為

使用者在互動行為過程中從開始至結束時間上不能超過一秒

• 避免需要使用者點選兩次才能完成，功能要一步必達；

• 不要讓使用者滑動或長按；

第三秒：反饋

內容在互動行為結束後，在第三秒的時間裡必須有強烈明顯的反饋告知使用者操作成功。

例如明確的點選效果反饋，可通過聲音或者介面動畫，但過於滯後（超過三秒）的動畫反饋將脫離使用者的有效感知時間，將不能很好的體現反饋本身的價值。

• 內容的變化反饋需要有明顯且引導性質的動畫轉場支援；

• 去除不必要的裝飾性的動態展示，將使反饋效果更加聚焦。

在滿足以上“三秒設計”的原則下，車載系統設計才能達到可用性範疇。

由於特殊的使用場景和互動行為的規則，視覺設計需要保證資訊傳遞的效率以及不同場景下合理的視覺表現。

三、視覺設計需要注意的幾點

1.色彩

關於色彩，夜間模式下不宜過多使用高飽和的顏色。

由於駕駛環境的變化，車載系統的視覺整體色彩需要跟隨場景智慧調整。

當進入夜晚模式時，長時間駕駛本身精神與視覺會更加需要集中注意力在前方；此時車內環境中，不宜有過於強烈明顯的色彩干擾視線。

試想你在電影院中看電影時，身邊的人的手機亮度最高，此時會嚴重影響視覺的餘光，難以聚焦在前方畫面上。

因此視覺設計的整體色彩體系應當適當的降低飽和度。

同樣地，車載系統視覺的設計也應避免使用同一色系的方案，這樣無法在1秒的安全時間以內讓使用者有效果的判斷識別資訊。

2. 字型

文字內容應當通過字號字重來區分主次關係，使用者在掃一眼的過程中即可準確的看到重點資訊。

3. ICON

ICON的設計形式，可更多結合應用的內容，應注意在內容與形式結合時，視線上要保持一致性，可有助於在一秒的安全時間內讓使用者快速瀏覽並判斷資訊。

而視線不一致的情況會導致視覺解析的負擔：

4. 內容排版

由於車載有明顯的操作熱區，因此在功能與入口的佈局上應儘可能的根據熱區分佈來設計。

功能佈局儘量設計在離手最近的位置，縮短操作距離，將資訊展示區放置在右側。

以上主要為車載系統設計中視覺部分的一些基礎規則，除此之外，我們還可以針對系統底層的響應設計做優化，如對觸控區域的優化設計，內容的響應區域應當根據功能入口的佈局，進行智慧調整，以防止操作無效或者誤操作。

5. 不同場景下的提示

除以上正常駕駛場景外，還有部分對特殊場景的提示；如油耗、故障、雨雪天、超速、疲勞等 。

所以要想系統整體跳出基礎可用性範圍，進階到好用的層次，系統對各種複雜交插的應用場景的處理需要更加智慧（如導航中的來電，緊急路況的提示），對車內環境控制（如聲音、氣溫）需要更加敏感。

車載系統的設計相比於移動端有著更明顯的約束，不論是從空間（使用環境）、時間（三秒原則）、行為（互動方式）、心智（心理訴求），都有著明顯獨特的場景和特點，要做好車載系統設計，我們需要有豐富的同理心以及親身體驗並反覆驗證設計。

———— / END / ————

作者：隔壁老李，歡迎一切產品設計相關的話題討論。

點選“閱讀原文”下載APP