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