如何提升車(chē)機(jī)互聯(lián)界面的用戶體驗(yàn)？
HMI人機(jī)交互 2020-09-28
車(chē)內(nèi)中控屏的角色設(shè)定是“智慧大腦”，但交互體驗(yàn)、擴(kuò)展性等方面亟待改進(jìn)提升。而大多用戶的替代方案是手機(jī)+手機(jī)支架。
車(chē)機(jī)互聯(lián)產(chǎn)品應(yīng)運(yùn)而生，通過(guò)投射手機(jī)到中控大屏上，實(shí)現(xiàn)“智慧大腦”在人-車(chē)-場(chǎng)互聯(lián)方面的價(jià)值。且目前大廠都開(kāi)始布局車(chē)機(jī)互聯(lián)，如：Apple的CarPlay、百度的CarLife+、華為的HiCar等和各大車(chē)廠的車(chē)機(jī)互聯(lián)產(chǎn)品。
圍繞人-車(chē)-場(chǎng)，如何提升車(chē)機(jī)互聯(lián)界面設(shè)計(jì)的用戶體驗(yàn)呢？我們從場(chǎng)景出發(fā)，基于人性化、個(gè)人性在6個(gè)方面進(jìn)行了思考。
01 多場(chǎng)景模式
隨著車(chē)的角色不僅是交通工具，以及用車(chē)目的多樣化，單一的界面呈現(xiàn)已不能滿足當(dāng)前人們的需求。從用戶的角度深度挖掘用車(chē)場(chǎng)景。例如：車(chē)作為交通工具，會(huì)被用于通勤的上下班、自駕游、商務(wù)接待等，有時(shí)候不僅是交通工具，也是駕駛員自己放松的“樹(shù)洞”或私密空間。
基于以上的場(chǎng)景，通過(guò)車(chē)機(jī)中控大屏可以更聰明與個(gè)性化地連接人與車(chē)。例如：通勤模式下，根據(jù)用戶習(xí)慣，有序呈現(xiàn)道路擁堵情況、日常待辦事務(wù)、新聞資訊等。切換到商務(wù)模式時(shí)，隱藏投屏手機(jī)中的隱私，以營(yíng)造輕松氛圍或找共同話題為主。
為什么要融入平靜交互 (Calm Interaction) 呢？因?yàn)槠届o交互的體驗(yàn)是無(wú)需投入全部的注意力，所以應(yīng)用在汽車(chē)中控大屏上，能讓用戶保持駕駛的專(zhuān)注。而為了做到平靜交互體驗(yàn)，在車(chē)機(jī)界面的布局上需要考慮注意力守恒定律，在車(chē)機(jī)界面的信息呈現(xiàn)上考慮信息優(yōu)先級(jí)和“信噪比”。
在車(chē)機(jī)的界面布局上如何設(shè)計(jì)以遵循注意力守恒定律呢？通常情況下，中控大屏所處的位置位于駕駛員的右上方或右側(cè)。而駕駛員與中控屏之間有一段距離，因此會(huì)將操作高頻、重要的功能放在距離駕駛員近、操作方便的區(qū)域即界面中的熱區(qū)。因?yàn)樵谛旭傔^(guò)程中超過(guò)三秒的話，就不得不用余光注意前方路況，這樣的情況非常危險(xiǎn)。所以設(shè)計(jì)布局時(shí)，盡量讓信息結(jié)構(gòu)層級(jí)少，縮短用戶查找路徑；信息入口顯性化，讓用戶快速獲取。
區(qū)別于手機(jī)APP / 網(wǎng)頁(yè)設(shè)計(jì)的交互方式或手勢(shì)，在車(chē)機(jī)中控屏上的操作需要降低復(fù)雜度，讓用戶可以快速操作并快速離開(kāi)。如點(diǎn)擊，而非略費(fèi)時(shí)的長(zhǎng)按和略復(fù)雜的雙指操作。當(dāng)用戶操作之后，給到即時(shí)的反饋，增加用戶心流的連續(xù)性。同時(shí)要足夠顯性，讓用戶用余光就能留意到。
在車(chē)機(jī)界面的信息呈現(xiàn)上如何提升信噪比，讓用戶更快識(shí)別呢？根據(jù)用戶的習(xí)慣、功能的重要程度，放大關(guān)鍵指示信息，弱化非必要信息，減少駕駛員在行駛過(guò)程中投入的精力。
如導(dǎo)航行駛過(guò)程中，需要減少電話、信息、微信等外界信息在車(chē)機(jī)界面上的干擾，除非是設(shè)置過(guò)的緊急聯(lián)系人，因此設(shè)計(jì)時(shí)會(huì)將插入性信息弱化。結(jié)合視覺(jué)設(shè)計(jì)技巧來(lái)傳達(dá)信息層級(jí)，如：文字粗細(xì)變化、文字大小變化、顏色變化、icon表意等。03 車(chē)機(jī)界面的“主動(dòng)學(xué)習(xí)”為什么希望車(chē)機(jī)界面能“主動(dòng)學(xué)習(xí)”呢？就像早餐店的顧客，能成為老顧客的原因一方面是因?yàn)樵琰c(diǎn)好吃，另一方面是因?yàn)樵绮偷甑睦习?店員能記住顧客的喜好與購(gòu)買(mǎi)的時(shí)間點(diǎn)等規(guī)律，讓顧客感知到貼心，從而提升服務(wù)體驗(yàn)。同樣的，置換到車(chē)機(jī)界面上，讓界面呈現(xiàn)的內(nèi)容具有“主動(dòng)學(xué)習(xí)”能力，下一次使用時(shí)更懂用戶一些，培養(yǎng)使其成為用戶得力的助手，并可持續(xù)依賴(lài)。如：可以結(jié)合用戶日常聽(tīng)歌/導(dǎo)航/其他產(chǎn)生的數(shù)據(jù)、用戶使用時(shí)的時(shí)間、使用時(shí)的地點(diǎn)、使用時(shí)的天氣等，匯總在車(chē)機(jī)界面上有序地呈現(xiàn)信息。04 無(wú)意識(shí)設(shè)計(jì)無(wú)意識(shí)設(shè)計(jì)（Unconscious Design）最早由深澤直人提出的設(shè)計(jì)理念，即通過(guò)有意識(shí)的設(shè)計(jì)，實(shí)現(xiàn)無(wú)意識(shí)的行為，給人有意味的體驗(yàn)。而在設(shè)計(jì)車(chē)機(jī)界面時(shí)，需要更加關(guān)注人的因素，設(shè)計(jì)出符合人的心理認(rèn)知的產(chǎn)品，讓信息排布邏輯、操作按鈕交互方式設(shè)計(jì)表達(dá)得更為自然，引導(dǎo)用戶結(jié)合熟悉的感知來(lái)理解和使用。例如：以場(chǎng)景串聯(lián)車(chē)內(nèi)各功能間的相互聯(lián)動(dòng)，風(fēng)格皮膚可以切換，其切換方式以類(lèi)似拉繩的交互方式呈現(xiàn)，保持用戶對(duì)物理世界認(rèn)知的一致。
05 界面設(shè)計(jì)的風(fēng)格趨勢(shì)傳統(tǒng)的HMI（Human Machine Interface）風(fēng)格偏向硬科幻和擬物化，在以Apple為首的的扁平化風(fēng)潮影響下，車(chē)機(jī)互聯(lián)的界面也開(kāi)始流行起來(lái)。基于前四個(gè)方面的思考，我們團(tuán)隊(duì)嘗試探索當(dāng)前主流風(fēng)格的界面設(shè)計(jì)。輕科技風(fēng)的扁平化風(fēng)格：打破常規(guī)界面布局，同時(shí)讓信息層次隨用戶習(xí)慣排布，以輕盈的線條和縱深感來(lái)營(yíng)造未來(lái)感與科技感。拓展性高的卡片化風(fēng)格：功能卡片的收起/展開(kāi)隨用戶的習(xí)慣或當(dāng)前信息重要程度呈現(xiàn)，以線性+卡片+淺色類(lèi)型的形式營(yíng)造清爽感與親近感。
多場(chǎng)景的多主題界面：不同的場(chǎng)景，以不同的風(fēng)格類(lèi)型呈現(xiàn)，突出差異性與個(gè)性化。
前段時(shí)間Apple發(fā)布了iOS14的系統(tǒng)主界面，從中可以窺見(jiàn)信息設(shè)計(jì)的變化，以及卡片化設(shè)計(jì)的趨勢(shì)、個(gè)性化設(shè)置、APP的信息露出以替代小紅點(diǎn)等，提前了用戶獲知詳情的一步。
提煉品牌元素，沉淀品牌基因，以串聯(lián)整個(gè)產(chǎn)品的業(yè)務(wù)流程與視覺(jué)傳達(dá)，同時(shí)營(yíng)造記憶點(diǎn)，給用戶留下印象。例如：螞蜂窩的品牌元素「弧線」在整個(gè)產(chǎn)品中的應(yīng)用。品牌元素不僅可以在細(xì)節(jié)處出現(xiàn)，也可以影響整體布局以及最終的視覺(jué)呈現(xiàn)。以下是我們?cè)谄放苹蚍矫娴奶釤捙c運(yùn)用。以上是我們從場(chǎng)景化、人性化、個(gè)人性三個(gè)維度分析思考的當(dāng)前車(chē)機(jī)互聯(lián)界面設(shè)計(jì)六方面，未來(lái)隨著人工智能、大數(shù)據(jù)、通信等技術(shù)的發(fā)展，或許底層系統(tǒng)會(huì)演進(jìn)得更智能，在界面上的表達(dá)更貼近人們的期待。
轉(zhuǎn)發(fā)自： 公眾號(hào)（艾因思探 艾體驗(yàn)AIUX）
掃一掃，關(guān)注官方公眾號(hào)
