交互動畫

提交時間:2018-5-24 15:20:58    閱讀：2704次

什么是(shi)交互動畫？

交(jiao)互動畫(hua)(hua)(hua)(hua)是(shi)指在動畫(hua)(hua)(hua)(hua)作(zuo)品播放(fang)(fang)時(shi)支(zhi)持事件響應和(he)交(jiao)互功能的一種(zhong)動畫(hua)(hua)(hua)(hua)，也(ye)就是(shi)說，動畫(hua)(hua)(hua)(hua)播放(fang)(fang)時(shi)可(ke)以(yi)(yi)接受某(mou)種(zhong)控(kong)制，這種(zhong)控(kong)制可(ke)以(yi)(yi)是(shi)動畫(hua)(hua)(hua)(hua)播放(fang)(fang)者的某(mou)種(zhong)操(cao)作(zuo)，也(ye)可(ke)以(yi)(yi)是(shi)在動畫(hua)(hua)(hua)(hua)制作(zuo)時(shi)預(yu)先(xian)準備(bei)的操(cao)作(zuo)。 這種(zhong)交(jiao)互性提供了觀(guan)眾參與和(he)控(kong)制動畫(hua)(hua)(hua)(hua)播放(fang)(fang)內容的手段，使觀(guan)眾由被動接受變為主動選擇。 最(zui)典型的交(jiao)互式(shi)動畫(hua)(hua)(hua)(hua)就是(shi)FLASH動畫(hua)(hua)(hua)(hua)。觀(guan)看者可(ke)以(yi)(yi)用(yong)鼠標(biao)或鍵(jian)盤對(dui)動畫(hua)(hua)(hua)(hua)的播放(fang)(fang)進行控(kong)制。

交互設計的未來

      交(jiao)互(hu)設計不單單是指那些(xie)有(you)趣的優秀(xiu)案例。美國(guo)賓夕法尼亞州立大(da)學的研究(jiu)專家稱，用(yong)戶更(geng)容易(yi)被網站中(zhong)帶有(you)交(jiao)互(hu)特(te)色的信息說服。

   作為一種無形的設計，交互(hu)設計一直(zhi)以來都是(shi)UX中最難的(de)。以往(wang)，用(yong)戶會被簡單的(de)交(jiao)互(hu)吸(xi)引，如(ru)一個(ge)意料不到的(de)動畫(hua)。但現在(zai)的(de)動畫(hua)效(xiao)果已(yi)經隨(sui)處(chu)可見(jian)，包(bao)括那些以往(wang)覺得(de)很難實現的(de)微交(jiao)互(hu)。

   為了支持(chi)新技術，新的交(jiao)互(hu)形態日益興起。但是(shi)，交(jiao)互(hu)的基本原則是(shi)基本不變(bian)的。本文將探索交(jiao)互(hu)設(she)計在最近(jin)幾年的進展(zhan)，以及未來的發展(zhan)趨勢。

   交互的本質就是參(can)與（engagement）。無論你是哪個時代的(de)設計師，這一點(dian)是不會變(bian)的(de)；唯一不同的(de)是用戶參與時采取的(de)方法。交互(hu)設計樣(yang)式(shi)隨著HTML5、CSS、Javascript、jQuery等技術的支持而(er)逐漸演變(bian)。過去的網站(zhan)常常被(bei)大(da)量內(nei)部鏈(lian)接或圖片集限定——雖然如今依舊流行(xing)，但(dan)今天(tian)的(de)我們需要(yao)用更聰(cong)明、更具創造力的(de)方式去處理網站(zhan)的(de)交互設計。

無論采用什么(me)樣的技(ji)術，以下5個核心的交互設計原則需牢(lao)記。

     1. 目標(biao)驅動設(she)計(ji)（Goal-driven Design)。注(zhu)重用(yong)戶(hu)(hu)角(jiao)色、用(yong)戶(hu)(hu)場景劇本及用(yong)戶(hu)(hu)體(ti)驗地圖，以(yi)保證每一處交互細節(jie)都能讓用(yong)戶(hu)(hu)離(li)欲完成(cheng)的目標更近。

     2. 可用性（Usability）。網(wang)站功能在達(da)到趣味性之前，應先符合用戶直(zhi)覺、易信賴。只為用戶提供真正(zheng)需要的內容，并努(nu)力減少所有的細節(jie)沖突及認(ren)知負擔。

     3. 功(gong)能可見性和符號（Affordances & Signifiers）。由于視覺是最主要的感官(guan)，形式(shi)必須反射功能。

     4. 易學性（Learnability）。與網站已(yi)有設計及內部資源(yuan)相一(yi)致的(de)界面(mian)(mian)會更(geng)有預(yu)見性，這意味用戶的(de)學習成本(ben)很低。易學易懂的(de)界面(mian)(mian)自(zi)然(ran)更(geng)具可用性，因為這樣的(de)界面(mian)(mian)認知成本(ben)就少了很多。

     5. 反(fan)饋與響應時間（Feedback & Response Time）。界面必(bi)須以人性(xing)的(de)角度迅速(su)做(zuo)出響(xiang)應，如此才會有像真實(shi)的(de)對話(hua)一樣逼真的(de)體(ti)驗。交互設計就應該像人與人之間的(de)對話(hua)，而(er)不是(shi)機(ji)器對用(yong)戶(hu)所(suo)言(yan)所(suo)行的(de)簡單反(fan)應。

         無論(lun)是過(guo)去、現在、還是將來(lai)，這5個原則始終決定著交互設計的演變趨勢以及未來的發展方向。