作者：wangjin，lidongliang，zhouyuxiao 華為平臺UX設(shè)計專家

隨著AITO問界M5熱賣以及M7、M5 EV版本的陸續(xù)交付，AITO品牌所搭載的華為HarmonyOS智能座艙的優(yōu)秀體驗也備受關(guān)注。在2022年華為開發(fā)者大會上，我們分享和解讀了“如何為HarmonyOS智能座艙打造優(yōu)秀的應(yīng)用體驗”。

提到智能座艙，或許大家會有許多疑問：

“智能座艙和其他的智能設(shè)備在設(shè)計和開發(fā)上究竟有何不同？”

“智能座艙可以為用戶帶來哪些獨(dú)特的體驗？”

“對于HarmonyOS智能座艙的應(yīng)用開發(fā)，是不是把其他的設(shè)備方案搬過來適配一下就可以？”

本篇文章首先從智能座艙的設(shè)計理念開始，幫助大家探索——如何打造HarmonyOS智能座艙上的優(yōu)秀應(yīng)用體驗。

一

智能座艙的人因設(shè)計理念

在智能座艙內(nèi)，擺在首要位置的便是駕駛體驗。我們基于駕駛場景做了一系列的人因研究，這些研究結(jié)論的應(yīng)用確保了駕駛者能擁有更優(yōu)秀的駕駛體驗。

1.駕駛場景“2s內(nèi)安全交互”

駕駛場景下，最基礎(chǔ)也最重要的因素是駕駛安全。那么當(dāng)司機(jī)在座艙內(nèi)接收信息、對信息進(jìn)行識別和加工，再到執(zhí)行和反饋，這一過程需控制在幾秒內(nèi)才能保證該交互操作安全可控？

我們基于人因研究發(fā)現(xiàn)：只有單次交互保證在2s以內(nèi)，安全風(fēng)險才是可控的。因此我們要求駕駛場景下的單次交互任務(wù)要能夠在2s內(nèi)完成，也就是要綜合考慮視覺效果、信息布局、交互步驟等設(shè)計元素，最終達(dá)成這個目標(biāo)。

駕駛場景”2S內(nèi)安全交互”

2.屏幕信息科學(xué)布局

在駕駛場景下，座艙中控屏幕的信息設(shè)計是駕駛體驗的重要一環(huán)。

通過座艙內(nèi)視線范圍和手指交互區(qū)域的相關(guān)研究和用戶測試，我們對屏幕進(jìn)行了操作、顯示的區(qū)域劃分。

屏幕信息科學(xué)布局

這樣的屏幕分區(qū)，可以幫助開發(fā)者進(jìn)行更加科學(xué)的信息布局設(shè)計，比如將高頻或是重要信息放在屏幕的左側(cè)或是左側(cè)偏上的位置。

3.屏幕1:2比例特色分屏

基于用戶的使用場景研究，我們發(fā)現(xiàn)在駕駛場景下（除了駕駛和車控相關(guān)的功能外），最重要是導(dǎo)航信息，使用最高頻的服務(wù)是有聲音樂類，其次是通訊服務(wù)。

因此我們?yōu)橹悄茏撛O(shè)計了導(dǎo)航分屏的特殊形式，在導(dǎo)航開啟的時候，打開其他應(yīng)用就會進(jìn)入到分屏模式。

應(yīng)用分屏

分屏可以讓用戶在操作其他應(yīng)用時，同步關(guān)注到導(dǎo)航信息。同時我們將屏幕分區(qū)比例劃分為1:2，這樣既能保證關(guān)鍵導(dǎo)航信息的完整讀取，也能保證其他應(yīng)用的信息呈現(xiàn)和便捷操作。

以上內(nèi)容是部分HarmonyOS智能座艙基于人因的設(shè)計理念分享。作為應(yīng)用開發(fā)者，我們該如何更高效地針對座艙進(jìn)行應(yīng)用設(shè)計和開發(fā)？相信下面這部分內(nèi)容能夠幫助到開發(fā)者們，趕快往下看吧~

二

如何對座艙應(yīng)用高效設(shè)計開發(fā)

應(yīng)用如何才能更好的適配HarmonyOS智能座艙，首先應(yīng)當(dāng)了解清楚座艙應(yīng)用的開發(fā)要求及設(shè)計規(guī)范，下面通過“基礎(chǔ)要求”、“開發(fā)禁止”、“更佳體驗”三個維度為大家詳細(xì)介紹。

1.基礎(chǔ)要求

首先是應(yīng)用適配中需要特別關(guān)注的系統(tǒng)特性——包括DPI適配要求、應(yīng)用窗口比例適配要求、深淺模式、沉浸式工具欄/狀態(tài)欄適配。

○DPI適配要求：即座艙內(nèi)屏幕視距的問題，座艙內(nèi)的屏幕DPI調(diào)到320才能保證內(nèi)容正常顯示。

DPI適配

○應(yīng)用窗口比例適配：應(yīng)用需適配16:9、1:1、21:9、24:9四種窗口比例，以確保不同屏幕比例和不同場景下都能最優(yōu)顯示。

應(yīng)用窗口比例適配

○深淺模式：應(yīng)用需支持深色和淺色兩種主題風(fēng)格，以適配界面在不同光照條件下的視覺體驗。

深淺模式

2.開發(fā)禁止

智能座艙應(yīng)用與移動應(yīng)用存在一定區(qū)別，在應(yīng)用開發(fā)上重點包括禁止加載廣告及禁止返回二次確認(rèn)。

廣告（開屏、插屏、彈窗等形式）及應(yīng)用的返回二次確認(rèn)，這兩項操作會極大降低座艙內(nèi)的操作效率，同時也將增加駕駛時的安全風(fēng)險。

禁止廣告

禁止返回二次確認(rèn)

3.更佳體驗

除了基礎(chǔ)要求和開發(fā)禁止外，我們也有更多量化的HMI設(shè)計規(guī)范的標(biāo)準(zhǔn)，包含交互復(fù)雜度要求、交互熱區(qū)要求、信息層級規(guī)范，希望幫助開發(fā)者們更好的設(shè)計、開發(fā)出優(yōu)秀的應(yīng)用體驗。

○交互復(fù)雜度要求：單次操作建議不超過2s，整個流程累計操作建議不超過12s。

交互復(fù)雜度要求

○交互熱區(qū)要求：圖標(biāo)尺寸、點擊熱區(qū)需遵循設(shè)計規(guī)范最小尺寸、推薦最佳尺寸。

○信息層級規(guī)范：規(guī)范層級之間的字號差，規(guī)范低層級控件與高層級控件之間的顏色對比度。

信息層級規(guī)范

以上是對HarmonyOS智能座艙規(guī)范的基本介紹，接下來的內(nèi)容是希望幫助到應(yīng)用開發(fā)者們快速實現(xiàn)應(yīng)用的開發(fā)和適配。我們?yōu)殚_發(fā)者們提供了音頻類應(yīng)用、服務(wù)卡片兩項快速開發(fā)的解決方案。

1.音頻類應(yīng)用快速接入

基于一站式的音頻體驗方案，我們?yōu)殚_發(fā)者提供了統(tǒng)一的音頻類應(yīng)用模版方案。該方案應(yīng)用架構(gòu)簡單、交互高效且統(tǒng)一，同時系統(tǒng)也提供了交互上的便利性。生態(tài)應(yīng)用只需要集成Mediakit就可以達(dá)到高效、統(tǒng)一的應(yīng)用體驗，極大降低了開發(fā)成本、提高了開發(fā)效率。

音頻類應(yīng)用快速接入方案

2.手機(jī)服務(wù)卡片快速適配

如果開發(fā)者已經(jīng)開發(fā)了手機(jī)的服務(wù)卡片，該如何快速適配到智能座艙？以下是座艙服務(wù)卡片的設(shè)計原則：

• 關(guān)鍵信息傳遞卡片功能；

• 引導(dǎo)用戶的交互行為；

• 減少用戶交互路徑；

• 減少頻繁動態(tài)變化的信息。

通過下方的具體示例，我們可以了解到座艙卡片的開發(fā)流程可以簡化為信息簡化、調(diào)整布局兩個步驟即可完成適配。

手機(jī)服務(wù)卡片快速適配座艙方案

三

軟硬件聯(lián)合打造優(yōu)秀體驗

不止在軟件層面，車內(nèi)還有許多硬件能力可以幫助我們打造更好更創(chuàng)新的用戶體驗。

座艙相比手機(jī)、平板等設(shè)備，除了屏幕交互之外，可以利用的還有車內(nèi)的音響、燈光、空調(diào)、座椅、車窗等硬件，以及人臉識別，位置識別、光線識別等能力。

下面用兩個實際案例為大家介紹HarmonyOS智能座艙內(nèi)軟硬件聯(lián)合體驗——小憩模式、K歌體驗。

1.小憩模式

小憩模式利用了屏內(nèi)的視覺、音樂資源，同時聯(lián)動座艙內(nèi)座椅、燈光、空調(diào)，讓用戶可以在座艙內(nèi)得到更舒適、更智能化的休息體驗。

2.K歌體驗

K歌體驗更是深入到了芯片級的合作，打造座艙內(nèi)實時耳返效果，同時聯(lián)動車內(nèi)氛圍燈、音響，為用戶打造更沉浸的K歌體驗。

K歌體驗

希望以上兩種軟硬件結(jié)合的案例，可以為開發(fā)者們帶來更具靈感性的設(shè)計思路~

四

總結(jié)

本篇內(nèi)容從HarmonyOS智能座艙人因設(shè)計理念、座艙應(yīng)用高效設(shè)計開發(fā)、軟硬件聯(lián)合打造優(yōu)秀體驗三個角度為大家進(jìn)行了詳細(xì)介紹，希望能幫助各位快速理解HarmonyOS智能座艙體驗設(shè)計，提升實際開發(fā)效率。

未來我們還將在官網(wǎng)發(fā)布HarmonyOS智能座艙設(shè)計規(guī)范及更為詳細(xì)的案例介紹，敬請期待~

更多熱點文章閱讀

• 基于高性能RISC-V芯片的OpenHarmony標(biāo)準(zhǔn)系統(tǒng)平臺發(fā)布會
• 合宙Air780E開發(fā)板趣味應(yīng)用開發(fā)：方言打麻將
• 稀疏鏡像在 OpenHarmony 上的探索
• 玩轉(zhuǎn)OpenHarmony社交場景：即時通訊平臺
• DevEco Studio新特性分享-跨語言調(diào)試，讓調(diào)試更便捷高效
  

提示：本文由電子發(fā)燒友社區(qū)發(fā)布，轉(zhuǎn)載請注明以上來源。如需社區(qū)合作及入群交流，請?zhí)砑游⑿臙EFans0806，或者發(fā)郵箱liuyong@huaqiu.com。