本文列舉Jeff Johnson:《GUI設(shè)計(jì)禁忌》一書(shū)中提及的明確針對(duì)Web設(shè)計(jì)和筆者認(rèn)為對(duì)Web設(shè)計(jì)有參考意義的設(shè)計(jì)原則和禁忌。設(shè)計(jì)Web項(xiàng)目時(shí)盡量參考一下基本原則,避免設(shè)計(jì)禁忌,應(yīng)該能使Web項(xiàng)目的GUI上一個(gè)層次。
基本原則:
1、關(guān)注用戶及其任務(wù),而不是技術(shù)
2、首先考慮功能,然后才是表示
3、從用戶的視角看問(wèn)題,使用用戶的詞匯進(jìn)行描述
4、不要向用戶暴露實(shí)現(xiàn)細(xì)節(jié)
5、使常用的用戶任務(wù)簡(jiǎn)單化,不要讓用戶解決額外的問(wèn)題
6、保持一致性,引導(dǎo)用戶的使用習(xí)慣
7、保持顯示慣性,傳遞信息,而不僅僅是數(shù)據(jù)
8、設(shè)計(jì)應(yīng)滿足響應(yīng)需求
禁忌:
1、同一頁(yè)面包含重復(fù)功能的鏈接或按鈕
2、將復(fù)選框用作單選按鈕
3、無(wú)初始值的多選一設(shè)置
4、在非開(kāi)/關(guān)設(shè)置中使用復(fù)選框
5、用文本框顯示只讀數(shù)據(jù)
6、單選按鈕之間間隔太大
7、屬性標(biāo)記對(duì)齊方式不一致
8、當(dāng)前無(wú)效的控件不充分置灰
9、顯示對(duì)用戶無(wú)意義的錯(cuò)誤提示
10、不同的類型頁(yè)面窗口顯示相同的標(biāo)題
11、窗口的標(biāo)題和調(diào)用的命令不一致
12、要求用戶輸入隨機(jī)數(shù)
13、相似的功能卻有不一致的用戶操作界面
14、取消按鈕無(wú)法真正取消操作
15、網(wǎng)站結(jié)構(gòu)反映公司的結(jié)構(gòu)或網(wǎng)站升級(jí)的歷史
16、返回按鈕不能達(dá)到預(yù)期的目的
17、搜索選項(xiàng)過(guò)多,過(guò)度復(fù)雜
18、使用容易被忽略的隱藏的圖片鏈接
19、需要向下滾動(dòng)才能看到當(dāng)前頁(yè)的重要信息
20、圖片按鈕對(duì)鼠標(biāo)按下操作沒(méi)有視覺(jué)變化
21、無(wú)意義的虛假進(jìn)度條
22、執(zhí)行長(zhǎng)時(shí)間的任務(wù)時(shí)鼠標(biāo)指針不顯示成忙狀態(tài)
23、不考慮用戶可能的人為的錯(cuò)誤輸入
24、認(rèn)為好的UI就是漂亮的UI
25、盲目錯(cuò)誤的使用頁(yè)面模塊化設(shè)計(jì)
出處:相關(guān)論壇
責(zé)任編輯:moby
|