智能手機(jī)上,動效無處不在,是手機(jī)操作過程中呈現(xiàn)和使用頻率最高的功能之一.針對智能手機(jī)動效設(shè)計的基本原則、方法和準(zhǔn)則展開研究,就動效設(shè)計的體驗價值和商業(yè)價值,圍繞人與智能手機(jī)之間的自然交互問題進(jìn)行了綜合探討.通過智能手機(jī)經(jīng)典動效交互的案例研究,分析了多場景下的人機(jī)自然交互的動效設(shè)計體驗,探討了基于用戶對智能手機(jī)動效設(shè)計的需求來建立相應(yīng)的人機(jī)自然交互系統(tǒng)的理論與方法.在實際中的應(yīng)用表明,所提出的動效設(shè)計準(zhǔn)則便于交互、信息準(zhǔn)確、用戶友好. 

【文章來源】：計算機(jī)輔助設(shè)計與圖形學(xué)學(xué)報. 2020,32(07)北大核心

【文章頁數(shù)】：6 頁

【部分圖文】：

命令行界面的動效

在設(shè)計動畫效果的時候,常常面臨如何選擇進(jìn)出場方向或界面延伸方向的問題.智能手機(jī)的顯示范圍往往受物理顯示器大小的限制,而手機(jī)所要呈現(xiàn)的內(nèi)容量又遠(yuǎn)遠(yuǎn)大于這個屏幕范圍,于是就會經(jīng)常有滾動、切換頁面、出入場景等事件和用戶進(jìn)行交互;這類事件多由動畫效果來呈現(xiàn),稱之為導(dǎo)航事件.不同的導(dǎo)航事件涵蓋著不同的邏輯,所以在設(shè)計整個界面的時候經(jīng)常會需要考慮一個如圖2所示全局的邏輯空間結(jié)構(gòu).這個空間結(jié)構(gòu)不會完整地顯示在手機(jī)屏幕中,只是在適當(dāng)?shù)臅r候顯示出一部分,但是每一部分又通過導(dǎo)航事件連接起來.在導(dǎo)航事件的輔助下,用戶的意識中必須也有一個對該結(jié)構(gòu)清晰并且正確的理解,這樣用戶在各個頁面和場景之間才可以任意切換而不迷失方位,這就叫做結(jié)構(gòu)同步.在開發(fā)應(yīng)用程序界面時,設(shè)計人員一般會繪制界面邏輯圖,方便團(tuán)隊對界面的邏輯結(jié)構(gòu)有一個共同的理解,而這個邏輯結(jié)構(gòu)也應(yīng)該清晰地傳達(dá)給用戶.傳統(tǒng)的界面邏輯圖是二維的,但近年來應(yīng)用程序的內(nèi)容越來越多,導(dǎo)致二維平面無法承載,很多程序開發(fā)人員會設(shè)計三維的立體空間邏輯圖,除了寬度高度還有深度.因此在開始設(shè)計導(dǎo)航事件(動畫效果)之前,應(yīng)該先繪制出此三維邏輯結(jié)構(gòu)圖,把該虛擬結(jié)構(gòu)像現(xiàn)實存在的一臺精密儀器一樣具體地畫出來.這樣在涉及指向性或者空間拓展的動畫效果設(shè)計時,就可以很清楚地參考這個三維邏輯結(jié)構(gòu).圖2以情感用戶界面(emotion UI,EMUI)系統(tǒng)為例,介紹了全局的邏輯空間及其結(jié)構(gòu).

在智能手機(jī)的使用過程中,為了減少用戶的學(xué)習(xí),并符合用戶的心理預(yù)期,一致性在UI中起至關(guān)重要的作用.打破一致性會讓用戶產(chǎn)生交互上的錯亂感.例如,圖3所示紅框部分是Widget頁面中顯示的用戶曾經(jīng)打開過的應(yīng)用(App),而Widget頁面就是由手機(jī)左下角向上劃出的記錄用戶打開過的App的任務(wù)管理器.當(dāng)Widget頁面中打開已經(jīng)在任務(wù)管理器中的App時,App的進(jìn)場方式應(yīng)當(dāng)與關(guān)閉App時的出場方式保持一致性,即從哪里離場就從哪里進(jìn)場.如果這時打開的App從任意方向進(jìn)場,中間就缺少了有效信息的傳遞,會讓用戶感覺不知道這個應(yīng)用是從哪來,用戶就會覺得很奇怪,不符合一致性的交互原則,同時用戶也會獲得完全錯誤的交互信息.但由于手機(jī)交互界面中的導(dǎo)航事件動效時長較短,用戶的操作量級也相對較輕,所以用戶也許并不會察覺偶爾出現(xiàn)的錯亂.但是,桌面應(yīng)用所涉及的交互在日常使用中都會頻繁出現(xiàn),即便動效時間很短,但隨著用戶使用次數(shù)的不斷增加,用戶就會被迫地接受這些不符合一致性的交互的暗示.所以當(dāng)下一次用戶在任務(wù)管理器中找到之前打開過的應(yīng)用程序時,會發(fā)現(xiàn)任務(wù)管理器中打開一個App的方式和手機(jī)桌面上打開一個App的交互方式不同,這時用戶就會感到空間錯亂.然而,現(xiàn)在通用的手機(jī)界面設(shè)計并沒有給用戶提供一個方法可以完整地查看全局空間邏輯結(jié)構(gòu),因此保證UI動效出入場的邏輯位置,并始終保持方向和交互上的一致性就非常重要.3.1.2 用動效表示完整的空間邏輯順序


本文編號：2973953