譯文|交互設(shè)計(jì)的基本元素
![](http://image.woshipm.com/wp-files/img/42.jpg)
文章譯自u(píng)sability.gov,轉(zhuǎn)載請(qǐng)先詢問(wèn)筆者意見(jiàn)并注明出處。
交互設(shè)計(jì)專注于以深思熟慮后的措施來(lái)創(chuàng)造引人入勝的用戶界面。了解用戶和技術(shù)之間如何相互交流是這個(gè)領(lǐng)域的基礎(chǔ)。有了這一層了解,你就可以預(yù)測(cè)用戶會(huì)如何與系統(tǒng)交互,從而盡早地解決問(wèn)題,以及發(fā)明出新的行為方式。
交互設(shè)計(jì)的最佳實(shí)踐
在創(chuàng)建包含有交互式元素的數(shù)字產(chǎn)品時(shí),請(qǐng)問(wèn)下你自己以下這些交互設(shè)計(jì)需要考慮的問(wèn)題——
一、定義好用戶如何與界面交互
1.用戶用他們的鼠標(biāo),手指或手寫筆直接與界面交互能做到什么?
這里面也包括了點(diǎn)按鈕,在界面間拖拽和放置等等。
2.用戶能通過(guò)什么命令(這個(gè)命令本身不是產(chǎn)品的一部分)與界面交互?
“間接操控”的一個(gè)例子是當(dāng)一個(gè)用戶按下“ctrl+c”的時(shí)候,他們希望能夠復(fù)制一塊內(nèi)容。
二、在用戶行動(dòng)之前給予他們行為的線索
1.所有的外觀(比如顏色、形狀、大小等)是否為用戶提供如何使用功能的線索?
所有這些都將會(huì)幫助用戶理解如何使用界面。
2.你提供了什么樣的信息,以讓用戶在執(zhí)行操作之前知道接下來(lái)到會(huì)發(fā)生什么?
這個(gè)問(wèn)題的答案,告訴了用戶如果他們決定繼續(xù)其行動(dòng)后將會(huì)發(fā)生什么。這些信息可能包括,有意義的按鈕標(biāo)簽,提交前的最后指令,等等。
三、預(yù)測(cè)并減少錯(cuò)誤
1.你是否在合適的位置放置了約束,以防止用戶犯錯(cuò)?
防錯(cuò)法的原則中提到,放置這些約束將可以迫使用戶調(diào)整自己的行為,以推進(jìn)他們?cè)扔?jì)劃的行動(dòng)。
2.你提供給用戶的錯(cuò)誤信息是否為用戶提供了糾正錯(cuò)誤的方法或者解釋問(wèn)題是如何發(fā)生的?
有用的錯(cuò)誤信息應(yīng)該要給出解決方案以及使用環(huán)境。
四、考慮系統(tǒng)的反饋和響應(yīng)時(shí)間
1.當(dāng)用戶執(zhí)行一次動(dòng)作后會(huì)得到什么反饋?
當(dāng)用戶參與并執(zhí)行一個(gè)動(dòng)作時(shí),系統(tǒng)需要作出響應(yīng),表明系統(tǒng)已經(jīng)得知用戶的行動(dòng),并讓用戶知道系統(tǒng)當(dāng)前正在做什么。
2.動(dòng)作和產(chǎn)品的響應(yīng)之間的時(shí)間有多長(zhǎng)?
響應(yīng)性(延遲)的特點(diǎn)可以分成四個(gè)等級(jí):立即(小于0.1秒),遲頓(0.1-1秒),中斷(1-10秒),損壞(超過(guò)10秒)。
五、戰(zhàn)略性地思考每一個(gè)元素
1.界面元素是否有一個(gè)合理的可交互的大?。?/strong>
費(fèi)茨定律說(shuō)明了,元素,比如說(shuō)按鈕,需要有足夠的大小,用戶才能夠順便地點(diǎn)擊它。這在移動(dòng)環(huán)境中是特別重要的,因?yàn)橐苿?dòng)界面極為可能包括多個(gè)觸摸組件。
2.邊框和圓角是否有被戰(zhàn)略性地使用于定位交互元素,比如菜單?
費(fèi)茨定律還說(shuō)明了,因?yàn)檫吙蚰芴峁┦髽?biāo)或手指不能越過(guò)的邊界,這往往為菜單和按鈕提供了很好的位置。
3.你是否遵循了規(guī)范?
用戶對(duì)界面元素應(yīng)該如何工作有一些既成的理解。除非有比舊的方法更加優(yōu)秀的新方法,你才應(yīng)該去背離標(biāo)準(zhǔn)。
六、適當(dāng)簡(jiǎn)化以提高易學(xué)性
1.信息是否被劃分成7(±2)塊?
喬治·米勒發(fā)現(xiàn),在人們忘記或搞錯(cuò)之前,只能維持五到九項(xiàng)短期記憶。
2.用戶端是否已經(jīng)被盡可能地簡(jiǎn)化?
特斯位的守恒定律指出,你需要試著在用戶端盡可能消除復(fù)雜性,并能通過(guò)構(gòu)建好系統(tǒng)本身來(lái)解決復(fù)雜性問(wèn)題。除此之外,他還指出,要記住一件事情在保持功能正常的前提下只能簡(jiǎn)化到某個(gè)一定的程度。
3.你是否使用了用戶較為熟悉的模式?
??怂苟芍赋?,用戶做出決策的時(shí)間由三個(gè)方面決定的——用戶有多熟悉當(dāng)前的模式,有多熟悉選項(xiàng),以及他們需要從中選擇的選項(xiàng)的數(shù)量。
上述內(nèi)容的引用來(lái)自以下的書(shū)籍或文章——
- 《為交互而設(shè)計(jì):構(gòu)建創(chuàng)新的應(yīng)用和設(shè)備(第二版)》
- 《萬(wàn)維網(wǎng)的信息體系結(jié)構(gòu):設(shè)計(jì)大規(guī)模網(wǎng)站》
- 《交互設(shè)計(jì)初學(xué)者的完全指南》
- 《交互設(shè)計(jì)簡(jiǎn)介》
#專欄作家#
IrioLee,簡(jiǎn)書(shū)ID@IrioLee,人人都是產(chǎn)品經(jīng)理專欄作家,學(xué)習(xí)和專注于交互設(shè)計(jì),用戶體驗(yàn)設(shè)計(jì),關(guān)注web設(shè)計(jì)和移動(dòng)互聯(lián)網(wǎng)產(chǎn)品,專業(yè)逛各類設(shè)計(jì)網(wǎng)站,摸索設(shè)計(jì)認(rèn)知,翻譯好文共享,愛(ài)好攝影,旅行和繪畫(huà),其他愛(ài)好發(fā)展中~
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,不得轉(zhuǎn)載。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!