GUI設計

GUI設計

Jeff Johnson:GUI設計禁忌中提及的明確針對Web設計和筆者認為對Web設計有參考意義的設計原則和禁忌。設計Web項目時盡量參考一下基本原則,避免設計禁忌,應該能使Web項目的GUI上一個層次。

基本原則


1、關注用戶及其任務,而不是技術
2、首先考慮功能,然後才是表示
3、從用戶的視角看問題,使用用戶的辭彙進行描述
4、不要向用戶暴露實現細節
5、使常用的用戶任務簡單化,不要讓用戶解決額外的問題
6、保持一致性,引導用戶的使用習慣
7、保持顯示慣性,傳遞信息,而不僅僅是數據
8、設計應滿足響應需求

禁忌


1、同一頁面包含重複功能的鏈接或按鈕
2、將複選框用作單選按鈕
3、無初始值的多選一設置
4、在非開/關設置中使用複選框
5、用文本框顯示只讀數據
6、單選按鈕之間間隔太大
7、屬性標記對齊方式不一致
8、當前無效的控制項不充分置灰
9、顯示對用戶無意義的錯誤提示
10、不同的類型頁面窗口顯示相同的標題
11、窗口的標題和調用的命令不一致
12、要求用戶輸入隨機數
13、相似的功能卻有不一致的用戶操作界面
14、取消按鈕無法真正取消操作
15、網站結構反映公司的結構或網站升級的歷史
16、返回按鈕不能達到預期的目的
17、搜索選項過多,過度複雜
18、使用容易被忽略的隱藏的圖片鏈接
19、需要向下滾動才能看到當前頁的重要信息
20、圖片按鈕對滑鼠按下操作沒有視覺變化
21、無意義的虛假進度條
22、執行長時間的任務時滑鼠指針不顯示成忙狀態
23、不考慮用戶可能的人為的錯誤輸入
24、認為好的UI就是漂亮的UI
25、盲目錯誤的使用頁面模塊化設計