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

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

一、微動效元素分析

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

（一）動效時(shí)間點(diǎn)

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

圖1 過渡/加載動效

（二）空間幅度變化

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

（三）“時(shí)間”與“空間”的視覺交互

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

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

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

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

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

（二）提高易用易推廣性

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

（三）增強(qiáng)用戶的情感體驗(yàn)

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

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

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

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

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

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

（二）視覺重點(diǎn)突出，給予用戶充足清晰的閱讀時(shí)間

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

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

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

四、結(jié)語

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

注釋：

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

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

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