酷炫如特斯拉的大屏 也難逃這三個(gè)設(shè)計(jì)缺陷
特斯拉的出現(xiàn),很大程度上讓我們對(duì)「一臺(tái)平板+四個(gè)輪子」這種關(guān)于未來汽車的描述有了直觀的認(rèn)識(shí)。且不說 Autopilot 的體驗(yàn)有多魔幻,17 寸的中控大屏就已經(jīng)讓整個(gè)車內(nèi)交互體驗(yàn)變得不一樣了。而在 Model S 之后,越來越多的品牌開始朝著「bigger and bigger」的設(shè)計(jì)方向一去不復(fù)返,可能在不遠(yuǎn)的將來,坐進(jìn)車內(nèi)會(huì)讓人產(chǎn)生猶如走進(jìn)影院的錯(cuò)覺。
上個(gè)月,美國《消費(fèi)者報(bào)告》/(Consumer Reports)/雜志發(fā)布了一項(xiàng)針對(duì)車載娛樂信息系統(tǒng)的消費(fèi)者滿意度調(diào)查報(bào)告,而特斯拉毫無懸念最終以總分第一的成績拔得頭籌。這項(xiàng)調(diào)查是從「音頻」、「電話」以及「導(dǎo)航」三個(gè)維度進(jìn)行考量的,其中特斯拉獲得了 86% 的票數(shù),寶馬則是 80%,而表現(xiàn)最差的要數(shù)豐田的高端品牌雷克薩斯(46%)。具體結(jié)果可參考如下圖表。
美國《消費(fèi)者報(bào)告》針對(duì)不同車型的信息娛樂系統(tǒng)做的滿意度調(diào)查 | Comsumer Reports
根據(jù)調(diào)研公司 IHS Markit 給出的結(jié)果來看,今年美國市場(chǎng)已售車型中,有 82% 配備了至少一塊觸摸屏,而五年前這個(gè)比例只有 53%。毫無疑問,不管是專業(yè)媒體還是資深行業(yè)機(jī)構(gòu)的觀點(diǎn),中控區(qū)域從純物理向觸控化的轉(zhuǎn)變趨勢(shì)愈演愈盛,從而引發(fā)車內(nèi)人機(jī)交互方式的大幅變化,給車機(jī) UI/UX 的設(shè)計(jì)人員帶來了更多挑戰(zhàn)。
盡管特斯拉的 17 寸中控屏深得消費(fèi)者的喜愛,但它絕非盡善盡美。在設(shè)計(jì)咨詢公司尼爾森諾曼高級(jí)分析師 Raluca Budiu 看來,雖然中控大屏能夠同時(shí)顯示足夠多的信息,在地圖上可以很方便地點(diǎn)擊充電站并導(dǎo)航前往,等等一系列的功能是希望駕駛變得更安全,更好地改善消費(fèi)者的用戶體驗(yàn)。但現(xiàn)實(shí)中,一些小而基礎(chǔ)的設(shè)計(jì)缺陷卻有可能讓中控屏的使用變得繁瑣。而當(dāng)車速達(dá)到 70 公里/小時(shí),這種繁瑣的設(shè)計(jì)可能會(huì)讓你付出高昂的代價(jià)。特別是特斯拉,它把絕大部分中控區(qū)域的功能都放進(jìn)了觸摸屏中,開車時(shí)你花在搗鼓車機(jī)功能的時(shí)間等同于忽略前方路況的時(shí)間。
下面我們主要以特斯拉為例,聊聊它的中控屏在人機(jī)交互設(shè)計(jì)上存在的三個(gè)缺陷。
大屏很酷,但不提供震動(dòng)反饋
特斯拉 Model S/X 的中控區(qū)域被一塊 17 英寸的觸控屏占據(jù)著,將傳統(tǒng)汽車上那些常見的旋鈕、按鍵取而代之。這種設(shè)計(jì)的確是挺前瞻的,坐進(jìn)車內(nèi)會(huì)讓你產(chǎn)生一種走進(jìn)太空飛船的錯(cuò)覺。但和任何觸摸式的 UI 技術(shù)一樣,你要操控各種功能必須要視線直視屏幕才行。在交互設(shè)計(jì)師看來,這缺少了「震動(dòng)反饋」,你的手指并不知道你觸摸的對(duì)象,和劃過一塊沒有任何功能定義的普通玻璃表面沒什么兩樣。
所以,如果這樣的觸控設(shè)計(jì)要用在車上,當(dāng)你的注意力要花在開車上同時(shí)還需要流暢地控制一個(gè)交互界面,那么屏幕的「震動(dòng)反饋」是必須的。「如果是物理按鍵,我們可以輕易地知道它的位置,操作時(shí)視線幾乎不需要完全集中在上面。這也是為什么你可以邊彈琴邊讀譜?!鼓釥柹姆治鰩?Budiu 如是說?!府?dāng)人開車的時(shí)候,精力應(yīng)該都花在注意路況,而不是在一塊觸控屏的子菜單中翻找、點(diǎn)擊某個(gè)功能?!?/p>
升級(jí)到 9.0 版本的特斯拉 Model S 中控屏操作界面 | 官方截圖
但即便特斯拉的觸控屏也模仿傳統(tǒng)的中控設(shè)計(jì),將大部分的功能鍵在屏幕上固化,其實(shí)還是沒辦法解決「無觸控反饋」產(chǎn)生的交互障礙。Budiu 解釋道,「要定位一個(gè)虛擬按鍵,首先需要我們通過視覺來確認(rèn)它的位置,即便你可能已經(jīng)用過了上百萬次?!勾蠹也环猎囋嚕谧雷由戏乓慌_(tái)平板電腦,眼睛朝前看,你能不能輕松地輸入開機(jī)密碼。
當(dāng)然,這種缺少「震動(dòng)反饋」的設(shè)計(jì)雖然從安全角度考慮,讓使用特斯拉的中控屏和其他看起來明顯更危險(xiǎn)的行為,比如邊開車邊發(fā)短信,無法相提并論。但兩個(gè)案例的共同在于,你都需要把應(yīng)該集中在路況上的注意力放在某個(gè)交互界面上,但可能引發(fā)怎樣的后果,并無實(shí)質(zhì)性的差別。
觸控屏的各項(xiàng)功能沒有合理排布
除了沒有震動(dòng)反饋,控制特斯拉一系列功能的主要虛擬按鍵被放在了 17 寸屏幕的最低端,這離成為「最差的按鍵布局」只有一步之遙。根據(jù)交互設(shè)計(jì)中的重要原則—;菲茨定律,最糟糕的是把這些按鍵放在屏幕的右側(cè)底端,因?yàn)槟繕?biāo)越小、離手越遠(yuǎn),你要成功實(shí)現(xiàn)操作所花費(fèi)的時(shí)間越長。
換句話說,不光是因?yàn)橛|控屏的使用會(huì)導(dǎo)致駕駛員注意力的轉(zhuǎn)移,屏幕上虛擬按鍵的位置決定了用戶操作某個(gè)功能所耗費(fèi)時(shí)間的長短。
按照常規(guī)用戶界面的設(shè)計(jì)原則來看,固定的菜單欄中應(yīng)該將最常見的功能放在第一層。但是在特斯拉最新 9.0 版本的操作界面中,最左邊第一個(gè)是車輛的設(shè)置和定制化按鈕,而這個(gè)功能基本是你在開車時(shí)不大可能經(jīng)常用到的。如果你想打開后視攝像頭功能,你得先打開「上箭頭」,再從二級(jí)菜單中進(jìn)行選擇,電話功能也一樣。
按理說,因?yàn)檐嚭蠓降膮^(qū)域常因?yàn)楹笞^枕的存在被遮擋,所以這個(gè)功能應(yīng)該會(huì)是消費(fèi)者蠻常用到的。不過更難讓人理解的是,即便是二級(jí)菜單里,這兩個(gè)功能也被放在了離右手最遠(yuǎn)的區(qū)域,像日歷、能量和瀏覽器這些卻都排在它們前頭。而誰又會(huì)在開車時(shí)常使用這些功能呢?
特斯拉將常用的后視攝像頭以及電話功能放置在了二級(jí)主菜單里 | 官方視頻截圖
相比之下,特斯拉 Model 3 中控屏的交互設(shè)計(jì)要比 Model S 合理一些,同樣是打開「上箭頭」,它采取了網(wǎng)格式的設(shè)計(jì),將二級(jí)主菜單里的功能集中在了屏幕的左側(cè),從菲茨定律的角度出發(fā),它能有效減少用戶停留在屏幕上的時(shí)間,相當(dāng)于為行車安全增加了有效保護(hù)。
不過有意思的是,盡管特斯拉中控屏的按鍵布局不符合費(fèi)茨定律定義的最優(yōu)解,但起碼也不是最糟糕的設(shè)計(jì)。但是因?yàn)闆]有震動(dòng)反饋,反倒讓這個(gè)缺陷變得十分突出。因?yàn)橐扉L胳膊探到屏幕底部找到某個(gè)特定按鍵本是不易,但如果加上震動(dòng)反饋,你可能并不需要將視線從前方道路上挪開。但目前從 Model S/X 上看到的解決方案,這兩種設(shè)計(jì)缺陷可能會(huì)讓行車安全大打折扣。
附:Fitts』 Law / 菲茨定律(費(fèi)茨法則) ? ? ? ?
定律內(nèi)容:從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來決定,到目標(biāo)的距離和目標(biāo)的大?。ㄉ蠄D中的 D 與 W),用數(shù)學(xué)公式表達(dá)為時(shí)間 T = a + b log2(D/W+1)。
它是 1954 年保羅. 菲茨首先提出來的,用來預(yù)測(cè)從任意一點(diǎn)到目標(biāo)中心位置所需時(shí)間的數(shù)學(xué)模型,在人機(jī)交互(HCI)和設(shè)計(jì)領(lǐng)域的影響卻最為廣泛和深遠(yuǎn)。新的 Windows 8 中由開始菜單到開始屏幕的轉(zhuǎn)變背后也可以看作是該定律的應(yīng)用。
「貼心」可能會(huì)壞事兒
一般來說,我們開車變道的時(shí)候,都會(huì)下意識(shí)地檢查下盲區(qū),這也是為數(shù)不多你可以暫時(shí)不用盯著前方路況的場(chǎng)景。因?yàn)樽兊辣旧沓錆M了不確定性,你需要盡可能確認(rèn)合適的時(shí)機(jī)。相信很多老司機(jī),都會(huì)這個(gè)時(shí)候撇頭四下看看,看似簡(jiǎn)單,但真的很管用。
但特斯拉中控屏的出現(xiàn)卻似乎把這個(gè)簡(jiǎn)單的好習(xí)慣給毀了。因?yàn)槊恳淮未蜷_轉(zhuǎn)向燈,特斯拉的中控屏上就會(huì)顯示車身周圍的 360°影像來輔助變道。它甚至?xí)@示其他車輛,道路被占用的話會(huì)變成紅色。而正因?yàn)樵谟|摸屏上動(dòng)動(dòng)手指要比扭頭看看容易得多,所以很多用戶都會(huì)變得越來越依賴這套系統(tǒng),還會(huì)因?yàn)槠渲械母呖萍几卸鲆环N「自豪」的心情。
可問題就出在特斯拉的「貼心」上。就像 Autopilot 一樣,特斯拉在變道時(shí)提供的影像輔助并非 100% 準(zhǔn)確。而且官方也說了,不建議用戶在變道時(shí)只依靠車道輔助功能。但個(gè)人認(rèn)為這種「冠冕堂皇」的聲明其實(shí)根本起不到什么警示作用,反倒是把這個(gè)交互做得如此簡(jiǎn)易,大家時(shí)不時(shí)偷懶也就最后變得懶得去扭頭去交叉檢測(cè)了。這其實(shí)帶來了潛在的安全風(fēng)險(xiǎn),而這么一個(gè)基礎(chǔ)性的設(shè)計(jì)缺陷很可能最終會(huì)釀成嚴(yán)重的后果。
目前在美國市場(chǎng)更新的 Navigate on Autopilot 功能允許自動(dòng)變道 | 官方截圖
按照尼爾森分析師 Budiu 的觀點(diǎn)來看,特斯拉中控屏在設(shè)計(jì)層面的思考解決了部分特定問題的同時(shí)又催生了新的問題。而那些所謂的「問題」很大程度上都是車企比消費(fèi)者所受影響更大:大屏的設(shè)計(jì)在營銷傳播上十分有利,它讓車的內(nèi)飾看起來科技感十足,很容易形成好的口碑,而且主機(jī)廠可以像蘋果推送 iOS 應(yīng)用一樣不斷擴(kuò)展、升級(jí)汽車的功能。
當(dāng)然消費(fèi)者肯定會(huì)因?yàn)檫@樣的設(shè)計(jì)而獲利,但前提是汽車工程師充分借鑒了計(jì)算機(jī)交互界面的設(shè)計(jì)經(jīng)驗(yàn),并且能夠遵守基于人類適用性和心理制定的設(shè)計(jì)原則。如果因?yàn)檫@些看似微小但卻是基礎(chǔ)性的設(shè)計(jì)缺陷而導(dǎo)致行車安全、用車體驗(yàn)下降了,那么企業(yè)真的應(yīng)該好好反思下,而不是只考慮這套大屏系統(tǒng)設(shè)計(jì)得有多酷炫了。