提升智能交通工具用戶體驗價值的微動效研究

（山東科技大學(xué) 藝術(shù)與設(shè)計學(xué)院 266590）

微動效設(shè)計利用視覺暫留原理，通過精細(xì)而恰當(dāng)?shù)膭赢嬓Ч〈鷤鹘y(tǒng)的指令式或說明式操作，增強用戶對產(chǎn)品直接操縱的感知，構(gòu)建功能與用戶體驗之間的連續(xù)性，是引導(dǎo)和響應(yīng)用戶操作、實現(xiàn)深度人機交互的重要載體1。因此，需從用戶體驗角度出發(fā)，規(guī)劃微動效反饋、轉(zhuǎn)場環(huán)境及呈現(xiàn)方式，維持智能出行的連續(xù)性體驗。

一、微動效元素分析

相比注重于“結(jié)果設(shè)計”的傳統(tǒng)動效，兼具良好使用體驗的“過程設(shè)計”更符合現(xiàn)代社會的關(guān)注。動畫的一切皆在于時間點和空間幅度2，通過“時間點”和“空間幅度”變化的微動效設(shè)計可為用戶建立動效運行的可信度，即視覺上的真實感，實現(xiàn)合理愉悅的體驗。

（一）動效時間點

動效元素時間點（包括位置、大小、旋轉(zhuǎn)、透明度等屬性）用以設(shè)置過渡和加載動效（見圖1），即時或緩時提供交互反饋和狀態(tài)。除此之外，延遲和偏移可錯開各元素的運動時間軌跡，構(gòu)建高效真實的引導(dǎo)，直觀地向用戶闡釋人機交互中各元素空間位置及層級關(guān)系，有效消除用戶使用時的焦慮。

圖1 過渡/加載動效

（二）空間幅度變化

IOS動效范式基本實現(xiàn)動效元素視覺幅度的穩(wěn)定性，對用符合用戶認(rèn)知的展示方式構(gòu)建顯示空間感極具參考價值。橫向切換用以表明界面層級變化，縱向滑動或彈出用以開啟子任務(wù)。通過具有隱性運動軌跡的景深、折疊、滑動變焦等微動效設(shè)計，實現(xiàn)元素空間位置的合理變換。維護視覺幅度穩(wěn)定性，降低冗雜元素的干擾，輕盈自然地引導(dǎo)視覺焦點轉(zhuǎn)移。

（三）“時間”與“空間”的視覺交互

考慮到交互界面的有限性，當(dāng)微動效涉及多個元素或?qū)蛹墪r，除有效表現(xiàn)元素屬性變化外，還應(yīng)將元素之間的主次、聯(lián)動、并列先后、因果等關(guān)系傳遞出來，以確保操作的順暢。即需通過“時間點”與“空間幅度”的綜合應(yīng)用詮釋元素變化的連續(xù)性，實現(xiàn)對附加內(nèi)容的漸進(jìn)展示，由此可有效減輕用戶的認(rèn)知體驗負(fù)擔(dān)。

二、智能交通工具微動效設(shè)計的目的和意義

智能交通工具改善出行體驗的同時也存在部分人機交互問題，微動效的靈活應(yīng)用則成為解決問題的有效方法。恰到好處的微動效設(shè)計可簡化產(chǎn)品模型、提高易用易推廣性、增強用戶的情感體驗等。

（一）簡化產(chǎn)品模型

微動效能在同一界面上擴大示的內(nèi)容范圍以解決產(chǎn)品界面內(nèi)容過載。在顯示結(jié)構(gòu)方面，為常用功能設(shè)置便捷訪問，將不常用功能改為附加選擇。通過累進(jìn)式設(shè)計3，簡化界面顯示，避免認(rèn)知超載。利用微動效吸引用戶注意力，提升用戶對內(nèi)容的點擊探索欲。同時強化重要元件位置，優(yōu)化布局切換順暢度，從而簡化產(chǎn)品模型。

（二）提高易用易推廣性

智能交通產(chǎn)品的豐富功能要求其布局多樣化，但易出現(xiàn)：功能布局混亂；相似功能點分散；重要功能不突出；界面多變、切換頻次高等問題，加劇用戶對新產(chǎn)品的畏懼感。微動效設(shè)計與圖標(biāo)配合提示下一步操作，實現(xiàn)用戶對操作結(jié)果的預(yù)知。提高使用邏輯性，減少迷茫感。操作過程中加入符合用戶直覺的過渡動效，對內(nèi)容與元素之間的邏輯和層級關(guān)系進(jìn)行直觀描述，有效解決用戶對上下文的理解混亂、對當(dāng)前所在位置迷惑等使用邏輯問題，降低理解成本及使用門檻，提高智能交通工具的易用易推廣性。

（三）增強用戶的情感體驗

用戶的使用感受基于現(xiàn)實生活中的真實體驗，適宜的微動效在視覺上與用戶建立擬實化交互，在智能交通工具體驗領(lǐng)域掀起了一場新一代智能交通產(chǎn)品微動效的革命。適度的微動效設(shè)計有效提升產(chǎn)品使用過程的趣味性、加強用戶與產(chǎn)品的情感連接、增加用戶對智能交通工具的友好度。例如：瀏覽菜單時，光標(biāo)經(jīng)過菜單項時，會感覺到輕微的“嘭嘭”聲，從立體聲的音頻到地圖縮放的焦距調(diào)節(jié)，微動效模擬來自現(xiàn)實世界的各種交互反饋，通過熟悉的控制持續(xù)保持精神集中的狀態(tài)，使用戶專注于當(dāng)下出行行為。或適當(dāng)?shù)刂圃煲恍靶◇@喜”，讓用戶產(chǎn)生快感和滿足感。提升使用黏性，擴大產(chǎn)品影響力。

綜上，恰當(dāng)?shù)奈有зx予智能交通工具以靈動的生命感，使產(chǎn)品易于打動用戶的同時還能提升固有的藝術(shù)性。用戶體驗時，無論產(chǎn)品界面截圖多么華麗，也比不上一個微動效所帶來的效果震撼，擁有一個更愉快的互動體驗——這對智能交通工具的發(fā)展總是有好處的。

三、微動效設(shè)計在智能交通工具設(shè)計中的法則

微動效作為智能交通產(chǎn)品的特殊“表達(dá)能力”，完善交互信息的同時提供安全優(yōu)質(zhì)的出行體驗。為此需更注重微動效功能性的體現(xiàn)，依據(jù)自然人機交互指南和交互原則提出反饋及時、重點突出、過渡流暢這三個核心設(shè)計法則。

（一）反饋及時適度，符合物理響應(yīng)法則

好的微動效應(yīng)自然、貼近實際情況。考慮出行過程的復(fù)雜多變，微動效設(shè)計要精準(zhǔn)響應(yīng)用戶，及時給予交互反饋，通過所觸發(fā)的反饋內(nèi)容多少來控制動效出現(xiàn)頻率和時長。其運動軌跡需遵循真實自然的物理狀態(tài)以順應(yīng)用戶的場景感受，主要體現(xiàn)在極速反饋、緩慢跳轉(zhuǎn)、自然過渡等方面。對起止動效響應(yīng)和運動參數(shù)做出適當(dāng)調(diào)整，模仿產(chǎn)品在真實世界的受力，賦予微動效實時加速度或者減速度的設(shè)計以取締動效發(fā)生突然停止或啟動，平滑實現(xiàn)了界面切換時的過渡，呈現(xiàn)出用戶可預(yù)期、可感知的動效效果，緩解用戶在等待過程中的焦慮。

（二）視覺重點突出，給予用戶充足清晰的閱讀時間

智能交通工具為提供智能、優(yōu)質(zhì)、安全的出行方式而生。因此，需突出微動效的重點功能，避免過度消耗用戶注意力。對出行環(huán)境秉持可覺察性，便于用戶根據(jù)需求決定或更改出行方案。例如Denso新一代智能汽車座艙，除發(fā)光方向盤顯示車輛的行進(jìn)方向外，另于駕駛?cè)苏胺皆O(shè)中控顯示屏，通過控制反饋的轉(zhuǎn)場動效突出顯示必要的環(huán)境數(shù)據(jù)及分析結(jié)論（由先進(jìn)駕駛輔助系統(tǒng)（簡稱ADAS）在第一時間匯總傳感器收集），使駕駛者在最快的時間察覺可能發(fā)生的危險，提高駕駛安全性。通過具有引導(dǎo)意向的微動效使視覺焦點在適宜的時間聚焦在恰當(dāng)?shù)狞c上，改善智能交通工具操作的可學(xué)習(xí)性與可記憶性。構(gòu)建符合用戶邏輯的思維架構(gòu)，既可提升操作效率，又能給予用戶充足清晰的閱讀時間。

（三）過渡流暢，保持視覺連續(xù)性

過多等待易催生焦躁感，為保障流暢的微動效視覺體驗，需對界面中的動效進(jìn)行簡約化處理。充分考慮微動效目標(biāo)、出現(xiàn)頻率和觸發(fā)機制，調(diào)整微動效類型及交互反饋的響應(yīng)順序，零卡頓、不生硬的轉(zhuǎn)場動效才能帶來更優(yōu)質(zhì)的出行體驗。例如V2X聯(lián)網(wǎng)車的HMI，它包含三個黃色LED顯示區(qū)，及時指示V2X感知到的威脅來自何方。下方閃藍(lán)色光的信息方框用于顯示與鄰近車輛的聯(lián)機狀態(tài)，預(yù)演對實時交通信息分析所得結(jié)果。通過簡潔的設(shè)計，使用戶專注于路況以及潛在威脅。信息的更新顯示具備了轉(zhuǎn)場微動效應(yīng)有的簡單、明確、一致等優(yōu)點，通過由速度、響應(yīng)性和意向所統(tǒng)一的微動效保持基本視覺的連續(xù)性，緩沖過渡做到一氣呵成。

四、結(jié)語

在產(chǎn)品生產(chǎn)流程逐漸完備體系化和模塊化的今天，交通工具若仍是功能組件的重復(fù)拼湊而無更多的價值輸出，產(chǎn)品同質(zhì)化會愈發(fā)嚴(yán)重。優(yōu)秀的微動效設(shè)計能有效拉開與同類產(chǎn)品的差距，在細(xì)節(jié)上提高和開發(fā)交通工具的可用性，在用戶與產(chǎn)品之間建立感性聯(lián)系，并提供更為良好的審美感官體驗，微動效設(shè)計也即將成為提升智能交通工具用戶體驗價值的核心競爭力之一。

注釋：

1.于思航.移動應(yīng)用界面的動效設(shè)計研究[J].工業(yè)設(shè)計，2019（09）：70-71.

2.李月怡.淺議動效設(shè)計在APP中的交互應(yīng)用方式[J].西部皮革，2018，40（12）：36.

3.繆永偉，馮小紅，于莉潔，陳佳舟，李永水.基于單幅圖像的三維建筑物交互累進(jìn)式建模[J].計算機輔助設(shè)計與圖形學(xué)學(xué)報，2016，28（09）：1410-1419.