可用性設計 選單框架

2021-08-27 07:17:22 字數 1431 閱讀 4241

1、完成相同或相近功能的按鈕用frame框起來,常用按鈕要支援快捷方式。

2、完成統一功能或任務的按鈕放在集中位置,減少滑鼠移動的距離。

3、按功能將選單劃分局域塊,用分隔線隔開,並要有功能說明或標題。

4、介面要支援鍵盤自動瀏覽按鈕功能,按tab鍵自動切換。

5、常用功能在選單中應當靠前,位置也應放在視窗上較醒目的位置。

6、統一介面上的按鈕數最好不要超過10個(這個數字按選單長度而定)。

7、按鈕太多時,將不太常用的功能收起,放置「更多

」按鈕的下拉列表中。

8、預設按鈕要支援enter及選操作,即按enter後自動執行預設按鈕對應操作。

9、tab鍵的順序與控制項順序要一致,目前流行總體從上到下,同時行間從左到右的方式。

10、核取方塊和選項框按選擇機率的高低而先後排列。

12、核取方塊和選項框要有預設選項,並支援tab。

13、選項數相同時多用選項框而不用下拉列表框。

14、介面空間較小時使用下拉框而不用選項框。

15、選項數較少時使用選項框,相反使用下拉列表框。

16、專業性強的軟體要使用相關的專業術語,通用性介面則提倡使用通用性詞眼。

- 按鈕較多時,可用代替文字說明。

- 常用選單要有命令快捷方式

- 完成相同或相近功能的選單用橫線隔開

- 選單前的圖示能直觀的代表要完成的操作

- 選單深度一般最多控制在三層以內

- 工具欄可以根據使用者的要求自己選擇定製

- 相同或相近功能的工具欄放在一起

- 工具欄中的每個按鈕要有及時提示資訊的功能

- 一條工具欄的長度最長不能超出螢幕的寬度

- 系統常用的工具欄設定預設放置位置

-工具欄太多時可以考慮使用工具箱

- 工具箱要具有可增減性,由使用者自己根據需求定製

- 工具箱的預設總寬度不要超過螢幕寬度的1/5

-狀態條要能顯示使用者切實需要的資訊,常用的有:目前的操作、系統狀態、使用者位置、使用者資訊、提示資訊、錯誤資訊等,如果某一操作需要的時間較長,還應該顯示進度條和程序提示。

- 滾動條的長度要根據顯示資訊的長度或寬度能及時變換,以利於使用者了解顯示資訊的位置和百分比。

- 狀態條的高度以放置5號字為宜,滾動條的寬度比狀態條略窄。

- 選單和工具條要有清楚的界限,選單要求凸出顯示,這樣在移走工具條時仍有立體感。

- 選單和狀態條中通常使用5號字型。工具條一般比選單要寬,但不要寬的太多,否則看起來很不協調。

-右鍵快捷選單採用與選單相同的準則。

可用性測試

工作一直緊張,但今天還是岔出了一件事情,就是對我負責的模組進行使用者可用性測試。兩個小時的測試還是有點收穫,小記之。剛剛從公司的培訓課程中學到了 usability test 沒想到這麼快就用到了實踐中,雖然這次的可用性測試不是很正式的從公司外部請使用者來做,也沒有用單面透視玻璃對使用者行為作 暗訪...

IT系統可用性

it系統可用性重新認識 今天看了一篇關於it系統可用性研究的文章,有些自己的想法,一併記載下來,若以後在此基礎上有新的發現,將及時更新。it系統可用性定義 what it系統中計算機軟硬體,網路等對使用者有效使用和令人滿意的程度。換句話說,盡量縮短因系統崩潰所導致的停機時間。包括確保機器的響應速度,...

可用性測試

1.頁面部分 1.頁面清單是否完整 是否已經將所需的頁面全部都列出來了 2.頁面是否顯示 在不同解析度下頁面是否存在,在不同瀏覽器版本中頁面是否顯示 3.頁面在視窗中的顯示是否正確 美觀 在調整瀏覽器視窗大小時,螢幕重新整理是否顯示 4.頁面特殊效果顯示是否正確 2.頁面元素部分 2.元素是否顯示 ...