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

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

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

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

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

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

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

一

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

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

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

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

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

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

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

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

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

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

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

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

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

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

應(yīng)用分屏

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

以上內(nèi)容是部分HarmonyOS智能座艙基于人因的設(shè)計(jì)理念分享。作為應(yīng)用開發(fā)者，我們?cè)撊绾胃咝У蒯槍?duì)座艙進(jìn)行應(yīng)用設(shè)計(jì)和開發(fā)？相信下面這部分內(nèi)容能夠幫助到開發(fā)者們，趕快往下看吧~

二

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

應(yīng)用如何才能更好的適配HarmonyOS智能座艙，首先應(yīng)當(dāng)了解清楚座艙應(yīng)用的開發(fā)要求及設(shè)計(jì)規(guī)范，下面通過“基礎(chǔ)要求”、“開發(fā)禁止”、“更佳體驗(yàn)”三個(gè)維度為大家詳細(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四種窗口比例，以確保不同屏幕比例和不同場(chǎng)景下都能最優(yōu)顯示。

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

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

深淺模式

2.開發(fā)禁止

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

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

禁止廣告

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

3.更佳體驗(yàn)

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

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

交互復(fù)雜度要求

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

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

信息層級(jí)規(guī)范

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

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

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

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

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

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

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

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

• 減少用戶交互路徑；

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

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

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

三

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

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

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

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

1.小憩模式

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

2.K歌體驗(yàn)

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

K歌體驗(yàn)

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

四

總結(jié)

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

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

更多熱點(diǎn)文章閱讀

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

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