這是一篇很好的總結(jié)文章，關(guān)于界面設(shè)計(jì)一些基本原則歸納，在設(shè)計(jì)的時(shí)候很有幫助

本文列舉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ì)