最近在復盤之前的一個關(guān)于車載系統(tǒng)設(shè)計的項目，有一些思考和總結(jié)在這與大家分享一下，歡迎一起討論。

車載系統(tǒng)的設(shè)計目前來說仍然是一個混沌狀態(tài)，市場上并沒有一套完整統(tǒng)一的設(shè)計標準與規(guī)范，大多數(shù)廠家的設(shè)計仍然沿用移動端式的設(shè)計思維，這顯然與實際場景是不符合的。

雖然現(xiàn)在仍然沒有一套標準強大的系統(tǒng)規(guī)范和交互形式來約束大家，但我們可以通過站在使用場景與用戶行為的角度，找到一些基本且重要的交互原則與設(shè)計理念來規(guī)避系統(tǒng)設(shè)計中的一些問題。

一、車載系統(tǒng)不同于移動端的三個主要特點

第一? 車載系統(tǒng)的單次操作行為無法超過3秒

移動端系統(tǒng)為沉浸式操作，而車載系統(tǒng)不一樣，在駕駛過程中，用戶95%的精力在于聚焦駕駛上行為上，用戶只能抽取僅5%左右的精力與時間來操控車載。因此也就決定了車載系統(tǒng)的功能邏輯，信息布局都必須在極短的時間內(nèi)以最好的方式呈現(xiàn)。

而如果用戶沒有在這個時間以內(nèi)完成操作任務(wù)，要么用戶選擇放棄，重新再來；要么用戶花費更多時間和精力，但這樣駕駛的危險系數(shù)會成倍增長。

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

因此，在三秒以內(nèi)，無論是用戶第一次操作失敗，重新注意路況后，再重復操作，還是用戶持續(xù)操作直到任務(wù)完成，都是非常危險的行為，在這里，由于用戶試錯的成本非常巨大，也因此交互的設(shè)計與信息布局的設(shè)計都需要做到最極致

第二 車載系統(tǒng)對信息與功能需要高度的聚合

在第一點提到的特殊操作環(huán)境下，我們無法用傳統(tǒng)移動端沉浸式的設(shè)計思維來設(shè)計車載的界面與功能——因為在極短時間內(nèi)導致我們必須對所有可能用到的功能入口一步觸達，對信息的布局必須做到一眼即見的程度。

這也是為什么飛機駕駛艙內(nèi)、國際空間站內(nèi)的各種操控開關(guān)拉桿都是星羅密布式的擺放，并非以如今的科技無法做到像科幻片里一樣簡潔干凈的操控臺，而是因為考慮到在實際應(yīng)用場景下，專業(yè)素質(zhì)的人員不需要也沒有時間去欣賞美觀的界面，學習我們所認為的交互方式。

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

因此在車載系統(tǒng)的設(shè)計中，我們需要放下傳統(tǒng)移動端的設(shè)計思維和所謂的美學，緊扣實際場景下的交互方式與用戶需求來設(shè)計：

第三? 車載系統(tǒng)有明顯的操作熱區(qū)與高效的交互方式

由于駕駛場景的特殊性，用戶只能用離車機最近的一只手去操作，而無法出現(xiàn)像移動端那樣，用另一只手或者雙手操作的情況。這也就決定在設(shè)計車載系統(tǒng)的功能入口時，會有著強烈的偏向性，并也會影響視覺信息的排布。

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

通過以上三個特點分析，我們可以了解車載系統(tǒng)設(shè)計的大背景與環(huán)境，由此我們可以推導出一些比較詳細的設(shè)計原則。

二、關(guān)于交互行為的“三秒設(shè)計”

第一秒 視覺

用戶在0到1秒的時間內(nèi)，對車機進行掃視，在這個過程中，應(yīng)用場景的重點信息與功能入口必須能被用戶在這個時間以內(nèi)發(fā)現(xiàn)

• 不可讓用戶頻繁轉(zhuǎn)動視角以搜索信息；
• 不可讓用戶花費過長時間搜尋信息；

第二秒 行為

用戶在交互行為過程中從開始至結(jié)束時間上不能超過一秒

• 避免需要用戶點擊兩次才能完成，功能要一步必達；
• 不要讓用戶滑動或長按；

第三秒 反饋

內(nèi)容在交互行為結(jié)束后，在第三秒的時間里必須有強烈明顯的反饋告知用戶操作成功，例如明確的點擊效果反饋，可通過聲音或者界面動畫，但過于滯后（超過三秒）的動畫反饋將脫離用戶的有效感知時間，將不能很好的體現(xiàn)反饋本身的價值

• 內(nèi)容的變化反饋需要有明顯且引導性質(zhì)的動畫轉(zhuǎn)場支持
• 去除不必要的裝飾性的動態(tài)展示將使反饋效果更加聚焦

在滿足以上“三秒設(shè)計”的原則下，車載系統(tǒng)設(shè)計才能達到可用性范疇。

由于特殊的使用場景和交互行為的規(guī)則，視覺設(shè)計需要保證信息傳遞的效率以及不同場景下合理的視覺表現(xiàn)。

三、車載系統(tǒng)的視覺設(shè)計需要注意的幾點

1.色彩

關(guān)于色彩，夜間模式下不宜過多使用高飽和的顏色。

由于駕駛環(huán)境的變化，車載系統(tǒng)的視覺整體色彩需要跟隨場景智能調(diào)整，當進入夜晚模式時，長時間駕駛本身精神與視覺會更加需要集中注意力在前方，此時車內(nèi)環(huán)境中，不宜有過于強烈明顯的色彩干擾視線，可試想你在電影院中看電影時，身邊的人的手機亮度最高，此時會嚴重影響視覺的余光，難以聚焦在前方畫面上。

因此視覺設(shè)計的整體色彩體系應(yīng)當適當?shù)慕档惋柡投?，同樣的，車載系統(tǒng)視覺的設(shè)計也應(yīng)避免使用同一色系的方案，這樣無法在1秒的安全時間以內(nèi)讓用戶有效果的判斷識別信息

2. 字體

文字內(nèi)容應(yīng)當通過字號字重來區(qū)分主次關(guān)系，用戶在掃一眼的過程中即可準確的看到重點信息。

3. ICON

ICON的設(shè)計形式，可更多結(jié)合應(yīng)用的內(nèi)容，應(yīng)注意在內(nèi)容與形式結(jié)合時，視線上要保持一致性，可有助于在一秒的安全時間內(nèi)讓用戶快速瀏覽并判斷信息

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

4. 內(nèi)容排版

由于車載有明顯的操作熱區(qū)，因此在功能與入口的布局上應(yīng)盡可能的根據(jù)熱區(qū)分布來設(shè)計。

功能布局盡量設(shè)計在離手最近的位置，縮短操作距離，將信息展示區(qū)放置在右側(cè)。

以上主要為車載系統(tǒng)設(shè)計中視覺部分的一些基礎(chǔ)規(guī)則，除此之外，我們還可以針對系統(tǒng)底層的響應(yīng)設(shè)計做優(yōu)化，如對觸控區(qū)域的優(yōu)化設(shè)計，內(nèi)容的響應(yīng)區(qū)域應(yīng)當根據(jù)功能入口的布局，進行智能調(diào)整，以防止操作無效或者誤操作。

5. 不同場景下的提示

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

所以要想系統(tǒng)整體跳出基礎(chǔ)可用性范圍，進階到好用的層次，系統(tǒng)對各種復雜交插的應(yīng)用場景的處理需要更加智能（如導航中的來電，緊急路況的提示），對車內(nèi)環(huán)境控制（如聲音、氣溫）需要更加敏感

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

作者：隔壁老李，歡迎一切產(chǎn)品設(shè)計相關(guān)的話題討論。

本文由 @隔壁老李 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash ，基于 CC0 協(xié)議