2020-7-14 資深UI設計者
隨著車內屏幕越來越多,越來越大,駕駛者在開車過程中因操作屏幕而分心機率逐漸升高。眾多汽車制造商均希望探索出一種降低或避免「駕駛員分心」的安全性技術。
手勢,是指人手、手和手臂結合產生的動作,作為解決「駕駛者分神」這個痛點的解決方案之一,正在全世界的汽車制造商中掀起「熱浪」。
你只需要隨意的揮一揮手,就能掛斷電話;將手指向順時針或者逆時針方向移動,就能調整音量大小。
汽車手勢的出現(xiàn),源于對車內屏幕的操作。而這些操作均來自于移動端的設計標準,比如蘋果IOS設計規(guī)范中的標準手勢或者谷歌Mertiral Design中的標準手勢。
△ 移動端常見交互手勢
常見的手勢如上圖,分別為
為了滿足手機屏幕外觀改變,屏內顯示內容越來越多元化的需求,設計師們也在探索屏內手勢的新玩法。
△ android底部導航欄按鍵從左至右分別為:返回上一級、返回主頁、多任務
2017年iPhoneX的發(fā)布,正式開啟了全面屏時代。為了替代Home鍵及android底部導航欄,各大手機廠商相繼開始擁抱「全面屏手勢交互」。
在車機系統(tǒng)中,部分汽車制造商也在積極迎接變化,比如理想one采用「三指下滑」的手勢交互替代「返回主頁」的圖標按鍵。
△ 「 三指下滑」表示返回主頁
2019年的Google I/O大會上,新版本Android Q選擇與IOS采用一樣的手勢操作邏輯,即在屏幕下方提供一個指示條,用戶在左側頁面邊緣右滑代表「返回上一級」、提示條區(qū)域上滑代表「返回主頁」、提示條區(qū)域上滑并懸停代表「多任務」。
△ android系統(tǒng)中的三種全面屏手勢
隨著全面屏手勢在手機端的操作交互上達成一致,相信在不久的將來,也將越來越頻繁的在車機端看到全面屏手勢的「身影」。
當汽車與數(shù)字屏幕相遇,如何讓屏幕與內飾結合的更加完美,又能突顯品牌特性,似乎給內飾設計師帶來了許多挑戰(zhàn)與機遇,「一字屏」、「T字屏」、「7字屏」、「旋轉屏」應運而生。
△ 拜騰M-Byte 一字屏
△ 理想one的T字屏
△ 合創(chuàng)007的7字屏
△ 比亞迪王朝系列的旋轉屏
與此同時,因為成本及技術的限制,汽車制造商的量產車型不得不在屏幕上做出妥協(xié)。理想one的妥協(xié)方案是利用3塊屏幕組合,在視覺上形成「大長屏」的既視感。
要讓3塊屏幕「變」成一塊屏幕,僅僅在視覺上做足功夫顯然還不夠,多屏聯(lián)動手勢交互也不能「缺席」。
事實上,多屏聯(lián)動手勢交互依舊來源于IOS及android系統(tǒng)中的標準手勢,它將不同的手勢進行組合,并與頁面聯(lián)動顯示,形成了多屏聯(lián)動手勢。
理想one在停車模式下,用戶長按并向左滑動,即可將副駕娛樂屏上的信息「甩動」至中控屏。
天際ME7不僅有3塊屏幕組合而成的前排「一字屏」,還有2塊后排乘客娛樂屏,5屏聯(lián)動的手勢交互,天際采用「手勢+屏幕顯示」來解決。
在中控屏、副駕娛樂屏和后排娛樂屏上采用五指抓取手勢進入多屏互動頁面,比如想把中控屏上的內容分享給副駕娛樂屏,第一步是單擊選中副駕娛樂屏,第二步按住并拖動中控屏至副駕娛樂屏位置,第三步在副駕娛樂屏中點擊確認。
視頻版交互演示:https://v.qq.com/x/page/w08791lhqus.html
通過隔空手勢接聽或者掛斷電話,這似乎是科幻電影中才有的情節(jié)。但正如開篇所說,車內屏幕數(shù)量增多,尺寸加大的同時「駕駛者分心」的機率也增加了,盲操手勢與隔空手勢的出現(xiàn),是解決這個痛點的一種嘗試。
目前量產的汽車中,盲操手勢主要是通過標準手勢與聲音反饋的組合來實現(xiàn)。
比如在理想one中,用戶在空調屏上左右滑動可以調節(jié)風量,上下滑動調節(jié)溫度,且系統(tǒng)通過聲音反饋告知用戶操作成功與否。
與盲操手勢相比,隔空手勢似乎科技感十足,備受汽車制造商的青睞,我們不僅可以在各種概念車上窺見它的蹤影,在君馬SEEK上,也可以實際操作一番。
君馬SEEK提供8種隔空手勢。
△ 左圖:接聽電話 右圖:掛斷電話
△ 左圖:上一曲 右圖:下一曲
△ 左圖:音量升高 右圖:音量降低
△ 左圖:音樂播放/暫停 右圖:玫瑰花
與君馬SEEK相同,寶馬提供「向左」手勢代表上一曲、「向右」手勢代表下一曲,「yeah」手勢代表播放或暫停。
但在許多其他操作上,寶馬與君馬的手勢操作則各有特色。
君馬SEEK使用手掌的正面與反面來區(qū)分不同的操作,正面表示接聽電話·/音量增加,反面表示拒聽/音量降低。
寶馬則選擇向屏幕方向點擊代表接聽電話,手掌向右揮動代表拒聽電話,手指順時針畫圈代表音量增加,手指逆時針畫圈代表音量降低。
在倒車影像中,手指向右揮動代表調整視角。
△ 圖片來源于「汽車界的扛把子」的短視頻《寶馬手勢控制詳細演示》
在手勢交互上,拜騰也交出了自己的「成績單」。
拜騰的手勢識別共五種,手掌向下激活手勢識別,手掌向上啟動主頁面,手指移動代表移動光標,ok手勢代表確定,五指捏合可拖拽內容。
△ 圖片來源于太平洋汽車網(wǎng)《拜騰Concept手勢感應系統(tǒng)操作演示》
這些高大上的技術看起來令人興奮,但在實際使用的過程中,依舊存在識別范圍有限、識別精度不靈敏、識別后的響應速度慢等等問題,而各個廠家的手勢識別沒有形成統(tǒng)一的標準,且沒有大規(guī)模在在用戶中進行推廣,必然會增加用戶的學習成本。
手勢識別對用戶來說是「真香」還是「雞肋」,相信時間會給出答案。
參考文獻:
汽車內手勢的交互設計,是一個有趣又好玩的課題,但如何讓這個課題在好玩但同時易用、好用,恐怕只有設計師不斷思考,并不斷采用一些用戶測試的方法進行驗證才能獲得答案。
文章來源:優(yōu)設 作者:點滴DESIGN
藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務