解說最新反饋式交互設(shè)計方法
何為交互設(shè)計?
交互設(shè)計，又稱互動設(shè)計，(英文Interaction Design, 縮寫 IxD 或者 IaD),是定義、設(shè)計人造系統(tǒng)的行為的設(shè)計領(lǐng)域。人造物，即人工制成物品，例如，軟件、移動設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)。
交互 設(shè)計在于定義人造物的行為方式(the "interaction",即人工制品在特定場景下的反應(yīng)方式)相關(guān)的界面。 交互設(shè)計師首先進(jìn)行用戶研究相關(guān)領(lǐng)域，以及潛在用戶，設(shè)計人造物的行為，并從有用性，可用性和情感因素(usefulness, usability and emotional)等方面來評估設(shè)計質(zhì)量。那么2012年最新反饋式交互設(shè)計的常用方法有哪些呢？
利用動畫效果提供反饋
其實，動畫自身就屬于視覺表現(xiàn)的一種方式，比如說登陸WordPress管理后臺時，用戶名和密碼錯誤，登陸框表單會表現(xiàn)出抖動的效果。提示用戶輸入用戶名或密碼錯誤。根據(jù)動畫的視覺表現(xiàn)是，也可以將動畫效果運(yùn)用在反饋上
比如說頁面內(nèi)的錨點鏈接跳轉(zhuǎn)，在系統(tǒng)默認(rèn)的情況下，錨點跳轉(zhuǎn)沒有任何動畫過度效果，頁面只是很突兀的移動到錨點所指定的位置，而現(xiàn)如今，我們可 以在很多優(yōu)秀注重用戶體驗的網(wǎng)站中看到具有平滑滾動效果鏈接的跳轉(zhuǎn)。部分網(wǎng)站在頁面在目標(biāo)到達(dá)位置后，將錨點所指定的位置進(jìn)行高亮顯示。這種細(xì)微的改變使 得整個交互方式更加符合用戶的直接。同時可以很清晰的講交互結(jié)果呈現(xiàn)給用戶。
利用視覺來提供反饋式交互設(shè)計
我們可以改變界面的視覺呈現(xiàn)效果和視覺元素屬性來改變反饋的表型形式。譬如在鼠標(biāo)移入圖片增加浮動層，改變風(fēng)格樣式，增加圖片圈選的效果，或者 頁面的配色和大小等方式來實施正面反饋。前面提到鏈接被點擊之前和被點擊之后所呈現(xiàn)高對比的背景色。Google plus加載過程中注水的過程，或者用戶注冊時填寫正確時所給出的狀態(tài)提示圖標(biāo)。再比如Twitter中頁腳模塊，鼠標(biāo)劃入通過改變文字顏色等方式來突出 顯示
在比如一個非常典型的例子，鼠標(biāo)指針的狀態(tài)變化。操作者(用戶)將鼠標(biāo)移動到可輸入文字的文本區(qū)域，指針會發(fā)生變化，變成I的標(biāo)識，意味著可輸 字。再比如鼠標(biāo)鼠標(biāo)指針的狀態(tài)變化，當(dāng)用戶將鼠標(biāo)指向一個可交互的界面元素，如鏈接或者是按鈕，他們會希望按鈕變成手形，鏈接變?yōu)槭中?，并增加下劃線，來 反饋并告知用戶鏈接和文本區(qū)別。如果系統(tǒng)在這里并沒有做出符合或者達(dá)到符合用戶預(yù)期的反饋，那么用戶很有可能會為此感到迷惑，甚至不解。
重慶網(wǎng)絡(luò)公司
渝公網(wǎng)安備 50010302000872號