<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          實戰(zhàn)技巧|汽車駕艙中的體驗設(shè)計原則

          共 4168字,需瀏覽 9分鐘

           ·

          2021-06-11 23:34



          點(diǎn)擊"三分設(shè)"關(guān)注,回復(fù)"社群"加入我們

          歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)

          三分設(shè)|連接知識,幫助全球 1 億設(shè)計師成長

          阿里巴巴設(shè)計官方認(rèn)證 MCN 機(jī)構(gòu)

          SUXA 深圳體驗設(shè)計協(xié)會華東分會

          全球服務(wù)設(shè)計共創(chuàng)節(jié)城市站發(fā)起者

          ·

          轉(zhuǎn)自:AlibabaDesign

          編輯:李凱悅

          共 4088 字,預(yù)計閱讀 11 分鐘



          在體驗設(shè)計領(lǐng)域提起設(shè)計原則大部分設(shè)計師應(yīng)該都不會感到陌生。從蘋果的 Human Interface Guidelines 到谷歌的 Material Design,再到一些比較冷門的,例如微軟的  Fluent Design 和 IBM 的 Carbon Design Language 等,都對設(shè)計原則有很詳細(xì)的描述。然而,當(dāng)提到駕艙中的體驗設(shè)計原則時,應(yīng)該會有很多人不太熟悉。不用著急,今天我們就來一探駕艙中的體驗設(shè)計原則。

          隨著車聯(lián)網(wǎng)技術(shù)的快速發(fā)展以及特斯拉、蔚來和小鵬等造車新勢力的加入,汽車行業(yè)這個已逾百歲的 “古老” 行業(yè)正在迎來新的生機(jī)。駕艙體驗的核心也從簡單的中控向功能更加豐富的車內(nèi)大屏轉(zhuǎn)變??梢哉f未來車內(nèi)屏幕體驗的好壞將直接影響整個駕艙的體驗。那么在為車內(nèi)屏幕進(jìn)行設(shè)計時,我們都應(yīng)該了解那些背景知識呢?


          一、駕艙中的觀測模型及操作熱區(qū)

          當(dāng)我們在使用手機(jī)時,眼睛距離手機(jī)通常為 30cm 至 50cm;手機(jī)握在手里手指劃過的范圍能夠基本覆蓋屏幕。然而駕艙內(nèi)的情況就不一樣了,一個成年人在駕駛位安坐后,眼睛距離屏幕通常為 50cm 至 70cm;考慮到行車安全,在不轉(zhuǎn)動頭部的前提下,橫向最有效的視野集中在雙眼視線交叉區(qū)域,大約為正前方 60° 的范圍;縱向最佳視野集中在視線上下方 20° 的區(qū)域內(nèi)。此外駕駛者在操作屏幕時,需要通過伸出手臂來完成。


          駕艙內(nèi)觀測模型使得司機(jī)的最容易的操作熱區(qū)集中在方向盤附近,以肘部為中心小臂為半徑的圓球形區(qū)域內(nèi)。


          不同的場景、不同的觀測模型、不同的交互熱區(qū),也需要與之相適應(yīng)的設(shè)計原則


          二、交互原則


          1.保持信息及時且能夠通過瞥視快速獲取

          1.1 聚焦駕駛,保證信息獲取效率
          人類對多通道信息的認(rèn)知存在明顯的局限性,當(dāng)注意力集中在某一通道時,其他通道的信息獲取效率會迅速降低。例如,在同時閱讀和聆聽同一段長文本內(nèi)容時,文字的閱讀效率會下降。而同時閱讀和聆聽不同的長文本時,閱讀和聽力的效率都會下降。在設(shè)計駕艙體驗時,需要引導(dǎo)駕駛員將注意力放到駕車上,信息布局應(yīng)符合駕駛者視野分布規(guī)律,保證信息獲取效率??梢哉f駕艙內(nèi)的設(shè)計,很多時候就是當(dāng)駕駛者次要任務(wù)與主任務(wù)發(fā)生沖突時如何取得平衡的設(shè)計。

          1.2 內(nèi)容允許快速瞥視
          內(nèi)容分布及呈現(xiàn)允許司機(jī)用戶通過快速瞥視即可完成閱讀。司機(jī)視線離開路面時間單次不應(yīng)超過 2 秒,完成單一任務(wù)總時長不應(yīng)超過 10 秒。與手機(jī)設(shè)計原則相似,屏幕中的內(nèi)容應(yīng)該清晰易識別,不過在駕艙環(huán)境中這一原則需要給予更多的關(guān)注。以常見的 60  到 80 km/h 車速為例,2 秒時間意味著汽車已經(jīng)駛出了 33 到 44 米。如果這兩秒內(nèi)司機(jī)將視線移開道路用于閱讀屏幕,發(fā)生事故的概率將會明顯提升。

          我們還可以一些行業(yè)組織的規(guī)范和指南中找到相關(guān)規(guī)范。例如,在美國道路交通安全管理局(NHTSA)發(fā)布的 《便攜及后裝市場設(shè)備司機(jī)注意力分散視覺交互指南》 中,對于單次 2 秒,總長不超過 12 秒的瞥視時間有著明確的說明。美國汽車工程協(xié)會也有自己的 “15 秒原則”,即如果在靜止?fàn)顟B(tài)完成某一項任務(wù)的總時間不超過 15 秒,那么此任務(wù)才可以在行車狀態(tài)下向司機(jī)開放。

          1.3 提供及時反饋
          確保用戶交互后及時提供應(yīng)有的反饋。當(dāng)某一操作需要等待 2 秒以上時,需要提供加載等狀態(tài)提示??紤]到安全因素,行車過程中給予司機(jī)及時反饋異常重要。如果某一操作需要較長等待時,應(yīng)給予足夠明顯的加載提示。

          2.確保司機(jī)對方向盤的控制

          2.1 簡單的單手操作
          任何操作均不能鼓勵用戶在駕駛過程中雙手離開方向盤。需要通過手勢完成的任務(wù),例如滑動列表等,應(yīng)允許用戶通過單手即可完成操作。

          2.2 主要控件集中在操作熱區(qū)
          界面主要控件應(yīng)放在屏幕上易于操控的位置。手機(jī)的操作熱區(qū)通常集中在屏幕下半部分拇指劃過的范圍,而駕艙內(nèi)中屏幕上的操控?zé)釁^(qū)會因其安裝位置與尺寸的不同有所變化。通常情況操作熱區(qū)處于以駕駛者肘部為中心,小臂畫圓所能覆蓋的范圍中。

          3.聚焦駕駛?cè)蝿?wù)避免分神

          3.1 聚焦駕駛,保持克制
          在呈現(xiàn)任何與駕駛無關(guān)的信息(廣告、視頻、游戲、社交媒體內(nèi)容等)時,均需要保持克制,保障駕駛員安全駕駛

          3.2 提供恰當(dāng)?shù)穆犛X反饋
          聽覺警告信息應(yīng)盡量減少引起駕駛員的反感情緒,從而導(dǎo)致分散駕駛注意力引發(fā)危險,且必須與車輛中的其他聽覺信號區(qū)分開,以便被識別、理解并快速采取行動。

          3.3 駕駛相關(guān)音頻享有高優(yōu)先級
          駕駛相關(guān)的音頻提示應(yīng)被優(yōu)先播放。例如,遇到轉(zhuǎn)彎語音提示時,音樂音頻應(yīng)被調(diào)低音量或暫停播放。對于不需要音頻播報的用戶,應(yīng)提供關(guān)閉功能。


          三、視覺原則


          1.保證文字清晰易讀

          1.1 字體尺寸足夠清晰
          駕艙內(nèi)屏幕文字應(yīng)使用足夠大的尺寸,以確保能夠通過瞥視快速識別。那么多大的文字才是 “足夠大” 呢?其實,NHTSA 和 ISO 都對駕艙內(nèi)的文字尺寸給出了明確的指導(dǎo)規(guī)范:建議尺寸為 20 弧分以上,最小文字尺寸不應(yīng)小于 16 弧分,非重要文字可降 12 弧分。看到這里,也許會有人問:“弧分?是個啥?”。

          弧分 是一種用來描述被觀測體物相對尺寸的單位。我們都知道在真實世界中觀測物體時會發(fā)生 “近大遠(yuǎn)小” 的現(xiàn)象,那么該如何描述一個物體相對觀測者的 “感知” 尺寸呢?這時就需要 “弧分” 這個單位來幫忙。一個物體的弧分值就是被觀測物體的尺寸與觀測者眼睛的夾角。由于使用了角度來計數(shù),在定義字體尺寸時就可以忽略物體的距離。

          了解了弧分的原理,我們就通過簡單的數(shù)學(xué)公式就可以將弧分角度換算為屏幕上的像素數(shù)。最終以觀測距離 70 厘米計算,我們能夠計算出屏幕上的舒適尺寸應(yīng)在 4.072 毫米以上、重要文字不應(yīng)小于 3.258 毫米,非重要文字可降至 2.443 毫米。有了屏幕上的物理尺寸,我們就可以結(jié)合屏幕的像素密度( DPI,汽車廠商通常會使用 160 dpi 的屏幕 )將物理尺寸換算為我們熟悉的屏幕像素值:舒適的文字尺寸應(yīng)保持在 26 px 以上、重要文字尺寸不應(yīng)小于 21px,而不重要的文字可以降至 15 px 左右。


          1.2 對比度足夠充分
          除了文字尺寸之外,文字與背景的對比度也對信息獲取至關(guān)重要。文字與背景的對比度需要建議保持在 4.5 : 1 以上,最小不能低于 3 : 1,以保障提供良好的閱讀體驗。較大文字需要將其與背景的對比度保持在 3 : 1 以上。

          根據(jù)美國國家標(biāo)準(zhǔn)協(xié)會所做的一項調(diào)研(ANSI-HFES-100-1988),普通人能夠較為容易識別的文字對比度即為 3 : 1。此外考慮到先天或后天視覺損失以及由于年齡增長造成的對比度辨識能力下降,建議關(guān)鍵內(nèi)容的對比度應(yīng)保持在 4.5 : 1 以上。

          2.界面元素易于觸控


          2.1 使用合理的尺寸顯示界面元素
          為保證駕駛者能夠高效的觸達(dá)元素及減少誤觸,屏幕元素尺寸需要足夠大。一般一個成年人手指的覆蓋范圍大致在 10 x 10 mm 的范圍,考慮到行駛過程的速度與顛簸,建議重要內(nèi)容的觸控區(qū)域至少在 12 x 12 mm 以上。屏幕像素密度按 160dpi 來計算,可以換算成 76 x 76 px 的屏幕元素尺寸。


          2.2 避免元素?zé)釁^(qū)過近或重疊
          此外,還應(yīng)避免誤操作而導(dǎo)致的操作混亂,影響駕駛安全。元素操作熱區(qū)應(yīng)避免過近或重疊,各熱區(qū)之間 至少保持 3 mm 以上的間隔,取整后大概為 20 px 左右。

          3.晝夜模式使用合理的表現(xiàn)方式

          3.1 白天模式建議使用強(qiáng)對比及顏色來輔助功能信息的傳達(dá)
          在白天的強(qiáng)光下,人眼的視錐細(xì)胞能清晰分辨顏色的細(xì)微變化,對外界環(huán)境顏色的感知能力較強(qiáng)。車內(nèi)屏幕適合通過較強(qiáng)對比度以及純度較高的色彩來傳達(dá)信息。

          3.2 夜晚模式建議通過弱對比及明度來傳達(dá)功能信息
          暗光下,視桿細(xì)胞發(fā)揮作用。此時眼睛對亮度感知更為敏感,對色彩感知較弱。因此夜間模式更適合通過相對弱一些的對比度和較低的亮度來傳遞信息。

          4.保持界面元素一致性

          4.1 使用統(tǒng)一的視覺表現(xiàn)、話術(shù)文案、交互模式
          插畫、圖標(biāo)、交互模式以及話術(shù)都應(yīng)力求保持一致。一致的用戶界面可以降低司機(jī)的認(rèn)知負(fù)荷,從而降低對駕駛?cè)蝿?wù)的影響。

          4.2 明確區(qū)分可交互內(nèi)容與不可交互內(nèi)容
          駕駛者將視線從路面移動到車內(nèi)屏幕上,這個過程通常需要 0.5 - 1.5 秒對焦。為輔助用戶通過瞥視( 2 秒 )快速識別內(nèi)容,可交互的內(nèi)容需要明確被標(biāo)出來。與不可交互內(nèi)容保持足夠的對比。


          四、總結(jié)

          觀測模型與使用場景的差異造成了駕艙內(nèi)設(shè)計原則與手機(jī)的不同。這些原則在 Amap Design 團(tuán)隊的設(shè)計過程中發(fā)揮了重要的作用,確保我們?yōu)橛脩籼峁└咝I(yè)的出行產(chǎn)品。也希望這次的分享達(dá)到了拋磚引玉的目的,對相關(guān)行業(yè)的朋友能夠有一定幫助。




          超值課程推薦
          華為用戶體驗設(shè)計的體系搭建方法
          超 10 億用戶的產(chǎn)品,到底是怎么做用戶體驗的?
          揭秘滴滴、蔚來等大廠的用戶體驗設(shè)計策略

          原創(chuàng)好文推薦
          一款為你帶來難忘體驗的美食 APP
          Web Vitals —— 谷歌的新一代 Web 性能體驗和質(zhì)量指標(biāo)
          2021 年用戶體驗設(shè)計趨勢分析
          想要引導(dǎo)用戶行為轉(zhuǎn)化,設(shè)計師必須深刻理解這 4 個認(rèn)知心理學(xué)理論
          讓設(shè)計圈一片嘩然的 Google 新 logo 到底出了什么問題?國外的設(shè)計專家這么說
          如何系統(tǒng)的增強(qiáng)用戶粘性,提升產(chǎn)品轉(zhuǎn)化率?你要懂得“行為設(shè)計學(xué)”
          設(shè)計新趨勢「玻璃擬態(tài)」到底是什么?這里有一份實現(xiàn)效果的詳細(xì)教程
          如何將設(shè)計系統(tǒng)快速的從 Sketch 切換到 Figma?這里有 6 個需要注意的關(guān)鍵點(diǎn)



          歡迎大家關(guān)注三分設(shè),每天分享優(yōu)質(zhì)設(shè)計、創(chuàng)意靈感、新知新識,定期大咖老師直播分享,零距離連麥,答疑解惑。
          瀏覽 71
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  丰满人妻一区二区三区色按摩 | 日一本一乱一纶一视一频一一区一二区 | 午夜无码中文字幕 | 欧美一道本在线 | wwwww黄色 |