2020-3-1 ui設(shè)計(jì)分享達(dá)人
在網(wǎng)上找UX汽車相關(guān)的材料和文章是相當(dāng)困難的。(學(xué)習(xí)君說:表示相當(dāng)贊同:( )盡管有關(guān)移動(dòng)和臺(tái)式設(shè)備UX的信息太多,但要獲得關(guān)于HMI(人機(jī)交互)原理的見識(shí)似乎要困難得多。為什么?
我的回答是,與為手持設(shè)備和計(jì)算機(jī)進(jìn)行設(shè)計(jì)相比,這可能是一門利基學(xué)科,再加上汽車屏幕出現(xiàn)的時(shí)間不長。當(dāng)然,車輛上的用戶體驗(yàn)不僅僅是屏幕,只有旋鈕和物理按鈕時(shí)已經(jīng)是用戶體驗(yàn)了,但是在這種知識(shí)上也沒有太多分享。
但是,主要原因可能是缺乏標(biāo)準(zhǔn)化。如果您現(xiàn)在看一下市場(chǎng),您會(huì)發(fā)現(xiàn)有太多不同的方法和解決方案(滿足相同的需求),很難提出一套共享的規(guī)則。屏幕可以是橫向或縱向屏幕,可以是直角或傾斜角度,可以是一個(gè)或2個(gè)或3個(gè)或更多,超寬或更大的正方形,儀表板上的高度或膝蓋以下的高度,等等。與這種混亂相比,我們?cè)谑謾C(jī)上擁有的屏幕尺寸數(shù)量似乎是在開玩笑。
另一個(gè)原因是所有車載系統(tǒng)都需要非常全面的測(cè)試。用戶在可能致命的情況下與這些對(duì)象進(jìn)行交互。因此,測(cè)試必須絕對(duì)優(yōu)先。搞砸移動(dòng)應(yīng)用程序上的按鈕的位置或大小可能會(huì)帶來麻煩,但在汽車操作系統(tǒng)上這樣做(我不是說“信息娛樂”,因?yàn)樵谶@一點(diǎn)上,它是一個(gè)簡化的術(shù)語)會(huì)造成生命損失。上面提到的缺乏標(biāo)準(zhǔn)化使得很難將先前測(cè)試的結(jié)果用于其他系統(tǒng)并在其他系統(tǒng)上重用。
各種研究表明,黑暗的UI在汽車環(huán)境中是最安全的選擇。深色界面可減少干擾和眩光,但是,存在一個(gè)組件,從暗模式切換為亮模式可能有助于提高可讀性,這就是導(dǎo)航圖。在幾乎所有導(dǎo)航系統(tǒng)中,地圖都會(huì)自動(dòng)從暗切換為亮,反之亦然。
Android Auto
文字應(yīng)略讀,因此所有的號(hào)召性用語,菜單和所有文字通常都應(yīng)保持最少。除非是在不運(yùn)動(dòng)的情況下閱讀的文本,否則任何文本都不應(yīng)排在兩行或更多行上。
眼睛到中央顯示器的平均距離約為60厘米/ 24英寸。該數(shù)字只是根據(jù)市場(chǎng)上最常見的配置進(jìn)行的平均測(cè)量,但是同樣,由于沒有適當(dāng)?shù)臉?biāo)準(zhǔn),因此該距離可能會(huì)有很大差異。
假定此措施為有效基準(zhǔn),則在運(yùn)動(dòng)情況下字體的最小尺寸為5.3 / 6毫米(不同的研究表明最佳做法略有不同)??紤]到1mm為6.299 dp(@ 160dpi),則文本應(yīng)為34/38像素高,用于應(yīng)該在行駛時(shí)讀取的文本。
應(yīng)該只有一個(gè)主要?jiǎng)幼?,而第二個(gè)動(dòng)作則盡可能少。同樣,我們希望用戶快速瀏覽并一眼就能找到所需的內(nèi)容。
(美國)美國國家公路交通安全管理局(NHTSA)指南指出,駕駛員應(yīng)該能夠在1.5秒的一系列掃視中完成一項(xiàng)任務(wù),并且花在離開道路上的累積時(shí)間不超過12秒。
Apple CarPlay — phone call: 1 primary CTA
自從誕生以來,車載操作系統(tǒng)已超越了信息娛樂功能。通過鏡像智能手機(jī)甚至系統(tǒng)內(nèi)部的鏡像,我們可以訪問多種功能,例如消息傳遞,日歷和提醒,流視頻等等。但是,用戶在使用這些系統(tǒng)時(shí)要尋找的主要功能是3:
音樂/播客/有聲讀物
導(dǎo)航
撥打/接聽電話
這三個(gè)主要功能在駕駛時(shí)應(yīng)該比其他功能更醒目且易于使用。
圖標(biāo)優(yōu)于文本標(biāo)簽,但圖標(biāo)的含義必須絕對(duì)清楚,不能解釋誤解。圖標(biāo)標(biāo)簽的字體大小可以小于第3點(diǎn)指示的最小字體大小。
Porsche Panamera UI
駕駛情況下的理想對(duì)比度至少應(yīng)為7:1,因此絕大多數(shù)系統(tǒng)都將白色(或淺灰色)變成黑色(或深灰色)。
對(duì)于行駛中未使用/讀取的組件,最小值應(yīng)為4.5:1。
旋鈕和物理按鈕的性能仍然優(yōu)于GUI組件,這是由于其具有肌肉內(nèi)存映射功能,觸摸屏上的可視元素要求駕駛員每次查看屏幕。但是,數(shù)字接口的靈活性毋庸置疑,世界正在朝這個(gè)方向發(fā)展。盡管大多數(shù)(如果不是全部)現(xiàn)代觸摸屏都支持各種類型的交互,例如您的常規(guī)平板電腦,但由于易于執(zhí)行,因此它們是首選的:
單點(diǎn)
向左/向右/向上/向下滑動(dòng)
滾動(dòng)(帶有捕捉)
應(yīng)避免使用其他更復(fù)雜的手勢(shì),例如觸摸和按住,雙擊,捏合,多點(diǎn)觸摸手勢(shì),或者在非運(yùn)動(dòng)情況下使用。
關(guān)于滾動(dòng)的注意事項(xiàng):在列表或卡片上自由滾動(dòng)不是理想的選擇。垂直和水平滾動(dòng)動(dòng)作均應(yīng)具有捕捉效果,以始終將滾動(dòng)項(xiàng)鎖定在同一位置
Scroll with snapping on the left, free on the right
非接觸手勢(shì)是許多OEM嘗試的新事物。目前,這項(xiàng)技術(shù)似乎還遠(yuǎn)遠(yuǎn)不夠完美,但是除此之外,在這種情況下使用的手勢(shì)通常并沒有真正令人難忘和自然。
雖然語音控制似乎是理想的選擇,但根據(jù)研究,在某些情況下,精神工作量可能會(huì)超出預(yù)期。在VUI并不是真正的“對(duì)話式”的較早系統(tǒng)上,情況更是如此,諸如Google Assistant或Siri之類的現(xiàn)代助手對(duì)信息較長的字符串的理解程度更高,從而減少了用語表達(dá)命令的精力。
但是,我們應(yīng)該考慮不能選擇說話的情況,例如,當(dāng)嬰兒在后座上睡覺或某人有言語障礙時(shí),并提供一種安全,可視/觸覺的方式來執(zhí)行所有動(dòng)作。
與移動(dòng)設(shè)備甚至與帶有臺(tái)式計(jì)算機(jī)和椅子的辦公室設(shè)置不同,在汽車中,座椅相對(duì)于屏幕呈固定角度,屏幕也固定在適當(dāng)?shù)奈恢谩?/strong>因此,必須考慮屏幕的可達(dá)性及其可讀性。考慮到左側(cè)的駕駛員,屏幕右側(cè)的元素將導(dǎo)致可讀性和可訪問性降低(當(dāng)然,在方向盤位于右側(cè)的汽車中會(huì)發(fā)生相反的情況)。
避免使用重影按鈕,輔助功能應(yīng)非常清晰可見。主要行動(dòng)和次要行動(dòng)均應(yīng)清晰可辨
Tesla Model 3 UI
當(dāng)然,這也不意味著丑陋(不幸的是,那里有一些丑陋的車載體驗(yàn))。但是,在為車載屏幕設(shè)計(jì)時(shí),您必須考慮告別微妙的色調(diào),細(xì)膩的對(duì)比度,筆觸細(xì)膩的圖標(biāo),淺色字體,細(xì)小的文字……
極簡主義受到歡迎,但它是由更少的可見組件組成的極簡主義。
正如本文開頭所述,這些原則只是經(jīng)驗(yàn)法則,不能以任何方式跳過嚴(yán)格的測(cè)試。但是,如果您是第一次使用智能手機(jī)和計(jì)算機(jī)的UX來接觸汽車的HMI,那么這可能是您開始著手涉足這一復(fù)雜學(xué)科的起點(diǎn)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com