|
總結(jié)一下這次項(xiàng)目設(shè)計(jì)過程中的交互,（因?yàn)轫?xiàng)目沒上線，所以不能透漏項(xiàng)目的名稱）雖然某些上線前實(shí)現(xiàn)不了。
1:使可點(diǎn)擊的元素看起來都是可點(diǎn)擊的.
對象本身的靜態(tài)視覺啟示:
全站統(tǒng)一的鏈接顏色,鏈接顏色與普通文字的顏色要有明顯的區(qū)別;
按扭有立體效果,看起來像按扭;
動態(tài)改變對象的視覺啟示，光標(biāo)經(jīng)過對象時(shí)改變光標(biāo)的視覺啟示:
鼠標(biāo)滑過鏈接的下劃線;鼠標(biāo)滑過圖標(biāo)的視覺變化;
圖標(biāo)與文字的組合,鼠標(biāo)滑過顯示的熱點(diǎn)區(qū)域應(yīng)包含圖標(biāo),而不僅僅是鏈接.
按扭和鏈接滑過的光標(biāo)啟示為手形,普通文字的光標(biāo)啟示為"工"形.這樣的習(xí)慣用法，用戶會很清晰此處不可點(diǎn)擊，但可復(fù)制。
2:盡量使每個(gè)操作都有可撤消的功能,避免使用"確認(rèn)"的彈出框.減少人機(jī)的交互.例如刪除功能,當(dāng)用戶單擊刪除時(shí),80%的用戶是確認(rèn)要刪除,彈出確認(rèn)的操作是沒有必要的.撤消功能的出現(xiàn)使20%用戶可能出現(xiàn)的誤操作可以撤消.又不會讓80%的用戶受到彈出框的打擾。
3:在視覺上表現(xiàn)元素之間平行(同一層次),包含(上下等級)的關(guān)系.
平行關(guān)系通過元素之間的間距來體現(xiàn);
包含關(guān)系通過元素之間的縮進(jìn)來表現(xiàn);
4:使操作與結(jié)果的反饋更順暢.
通過排序的方式，如下圖：
上圖中，操作在上面，結(jié)果在下面，所以排序的方式，應(yīng)該是最新的記錄與輸入框的距離最近。越老的記錄與輸入框的距離越遠(yuǎn)，因?yàn)樽钚碌慕Y(jié)果此時(shí)在用戶視覺的中心。
再看下圖：結(jié)果在上面，操作在下面，則排序的方式與上圖的相反。也是因?yàn)橐曈X中心所在位置的緣故。
好友搜索，結(jié)果在當(dāng)前頁中顯示。
搜索結(jié)果與搜索條件在同一頁面顯示，比頁面跳轉(zhuǎn)的交互會更好，同時(shí)支持再次搜索。
|