關於Web GUI介面

2021-08-22 16:56:16 字數 1296 閱讀 8571

在國內,web軟體設計團隊中,軟體工程師的能力往往大大於ui設計工程師的能力,導致了許多原本優秀的軟體產品,即難用又難看,領導根本不滿意,產品根本賣不動,客戶根本不接受。往往在軟體開發的後期反覆地修改使用者介面和使用者操作,造成軟體無限制的返工。 所以找了一些設計的禁忌,只是給**能力ok的軟體開發人員做個參考。

本文列舉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、盲目錯誤的使用頁面模組化設計

做**可能需要注意的地方

關於介面測試

關於介面測試 by 授客 qq 1033553122 介面定義 介面泛指實體把自己提供給外界的一種抽象化物,用以由內部操作分離出外部溝通方法,使其能被修改內部而不影響外界其他實體與其互動的方式。舉例 有各種各樣的介面,比如電視遙控器的操作介面上的各種按鈕 電腦上主機板的網絡卡,插槽,硬碟資料線插槽,...

關於介面測試

介面定義 介面泛指實體把自己提供給外界的一種抽象化物,用以由內部操作分離出外部溝通方法,使其能被修改內部而不影響外界其他實體與其互動的方式。舉例 有各種各樣的介面,比如電視遙控器的操作介面上的各種按鈕 電腦上主機板的網絡卡,插槽,硬碟資料線插槽,軟體選單,dos命令視窗,軟體api函式 注意 介面不...

關於Parcelable介面

關於parcelable介面 1.需要實現抽象方法 可以不關心public int describecontents 方法的實現,直接返回任意int型別資料即可 public void writetoparcel parcel dest,int flags 用於表現如何將類的成員寫入到parcel容...