目前流行的介面設計的十條規則

來源:互聯網
上載者:User

老早前收藏的一篇文章了,發出來一起學習下

目前流行的介面風格有三種方式:多表單、單表單以及資源管理員風格,無論那種風格,以下規則是應該被重視的。

1.易用性

按鈕名稱應該易懂,用詞準確,屏棄沒楞兩可的字眼,要與同一介面上的其他按鈕易於區分,能望文知意最好。理想的情況是使用者不用查閱協助就能知道該介面的功能並進行相關的正確操作。

易用性細則:

  1. 完成相同或相近功能的按鈕用Frame框起來,常用按鈕要支援捷徑。
  2. 完成同一功能或任務的元素放在集中位置,減少滑鼠移動的距離。
  3. 按功能將介面劃分局域塊,用Frame框括起來,並要有功能說明或標題。
  4. 介面要支援鍵盤自動瀏覽按鈕功能,即按Tab鍵的自動切換功能。
  5. 介面上首先應輸入的和重要訊息的控制項在Tab順序中應當靠前,位置也應放在視窗上較醒目的位置。
  6. 同一介面上的控制項數最好不要超過勞過度10個,多於10個時可以考慮使用分頁介面顯示。
  7. 分頁介面要支援在頁面間的快捷切換,常用組合快速鍵Ctrl+Tab
  8. 預設按鈕要支援Enter及選操作,即按Enter後自動執行預設按鈕對應操作。
  9. 可寫控制項檢測到非法輸入後應給出說明並能自動獲得焦點。
  10. Tab鍵的順序與控制項排列順序要一直,目前流行總體從上到下,同時行間從左至右的方式。
  11. 複選框和選項框按選擇幾率的高底而先後排列。
  12. 複選框和選項框要有預設選項,並支援Tab選擇。
  13. 選項數相同時多用選項框而不用下拉式清單方塊。
  14. 介面空間較小時使用下拉框而不用選項框。
  15. 選項數叫少時使用選項框,相反使用下拉式清單方塊。
  16. 專業性強的軟體要使用相關的專業術語,通用性介面則提倡使用通用性詞眼。

2.規範性

通常介面設計都按Windows介面的規範來設計,即包含"菜單條、工具列、工具廂、狀態列、捲軸、右鍵捷徑功能表"的標準格式,可以說:介面遵循正常化的程度越高,則易用性相應的就越好。小型軟體一般不提供工具廂。

規範性細則:

  1. 常用菜單要有命令捷徑。
  2. 完成相同或相近功能的菜單用橫線隔開放在同一位置。
  3. 菜單前的表徵圖能直觀的代表要完成的操作。
  4. 菜單深度一般要求最多控制在三層以內。
  5. 工具列要求可以根據使用者的要求自己選擇定製。
  6. 相同或相近功能的工具列放在一起。
  7. 工具列中的每一個按鈕要有及時提示資訊。
  8. 一條工具列的長度最長不能超出螢幕寬度。
  9. 工具列的表徵圖能直觀的代表要完成的操作。
  10. 系統常用的工具列設定預設置放位置。
  11. 工具列太多時可以考慮使用工具廂。
  12. 工具箱要具有可增減性,由使用者自己根據需求定製。
  13. 工具箱的預設總寬度不要超過螢幕寬度的1/5。
  14. 狀態條要能顯示使用者切實需要的資訊,常用的有:
    目前的操作、系統狀態、使用者位置、使用者資訊、提示資訊、錯誤資訊等,如果某一操作需要的時間較長,還應該顯示進度條和進程提示。
  15. 捲軸的長度要根據顯示資訊的長度或寬度能及時變換,以利於使用者瞭解顯示資訊的位置和百分比。
  16. 狀態條的高度以放置五好字為宜,捲軸的寬度比狀態條的略窄。
  17. 菜單和工具條要有清楚的界限;菜單要求凸出顯示,這樣在移走工具條時仍有立體感。
  18. 菜單和狀態條中通常使用5號字型。工具條一般比菜單要寬,但不要寬的太多,否則看起來很不協調。
  19. 右鍵捷徑功能表採用與菜單相同的準則。

3.協助設施

系統應該提供詳盡而可靠的協助文檔,在使用者使用產生迷惑時可以自己尋求解決方案。

協助設施細則:

  1. 協助文檔中的效能介紹與說明要與系統效能配套一致。(我們的系統協助文檔都是系統的祖先時期的說明,讓人困惑)。
  2. 打包新系統時,對作了修改的地方在協助文檔中要做相應的修改。
  3. 操作時要提供及時調用系統協助的功能。常用F1。
  4. 在介面上調用協助時應該能夠及時定位到與該操作相對的協助位置。也就是說協助要有即時針對性。
  5. 最好提供目前流行的線上說明格式或HTML協助格式。
  6. 使用者可以用關鍵詞在協助索引中搜尋所要的協助,當然也應該提供說明主題詞。
  7. 如果沒有提供書面的協助文檔的話,最好有列印協助的功能。
  8. 在協助中應該提供我們的支援人員方式,一旦使用者難以自己解決可以方便的尋求新的協助方式。

4.合理性

螢幕對角線相交的位置是使用者直視的地方,正上方四分之一處為易吸引使用者注意力的位置,在放置表單時要注意利用這兩個位置。

合理性細則:

  1. 父表單或主表單的中心位置應該在對角線焦點附近。
  2. 子表單位置應該在主表單的左上方或正中。
  3. 多個子表單彈出時應該依次向右下方位移,以顯示表單出標題為宜。
  4. 重要的命令按鈕與使用較頻繁的按鈕要放在介面上注目的位置。
  5. 錯誤使用容易引起介面退出或關閉的按鈕不應該放在易點位置。橫排開頭或最後與豎排最後為易點位置。
  6. 與進行中的操作無關的按鈕應該加以屏蔽(Windows中用灰色顯示,沒法使用該按鈕)。
  7. 對可能造成資料無法恢複的操作必須提供確認資訊,給使用者放棄選擇的機會。
  8. 非法的輸入或操作應有足夠的提示說明。
  9. 對運行過程中出現問題而引起錯誤的地方要有提示,讓使用者明白錯誤出處,避免形成無限期的等待。
  10. 提示、警告、或錯誤說明應該清楚、明了、恰當。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。