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