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