界面是軟件與用戶交互的最直接的層,界面的好壞決定用戶對軟件的第一印象。設計良好的界面能夠引導用戶自己完成相應操作,起到嚮導作用。界面設計主要是爲了達到以下目的:
1)以用戶爲中心。設計由用戶控制的界面,而不是界面控制用戶。
2)清楚一致的設計。所有界面的風格保持一致,所有具有相同含義的術語保持一致,且易於理解和使用。
3)擁有良好的直覺特徵。以用戶所熟悉的現實世界事務的抽象來給用戶暗示和隱喻,來幫助用戶能迅速學會軟件的使用。
4)較快的響應速度。
5)簡潔、美觀。
以下規則應該重視:
界面風格一致性 |
操作項 |
基本規範 |
UI色彩與字體 |
1)UI字體、色彩要一致
2)整體色彩搭配要融爲一體,起提示作用的部分要清楚醒目
3)不可修改的字段,統一使用灰色文字顯示 | |
窗口風格 |
1)所有窗口最大化、最小化風格要一致
2)報錯頁面的風格一致,最好有統一的報錯頁面
3)類似功能的窗口打開的風格要一致
4)相同功能在不同模塊的名稱要一致
5)子窗體應儘量在顯示在主窗體的左上或居中放置
6)彈出式窗口儘量在不借助滾動條的情況下顯示所有內容
7)窗體最小化/最大化時,控件也要隨着窗體而縮放 | |
佈局 |
1)窗體控件佈局和間距儘量與Windows標準保持一致
2)儘量採用Dock和錨點來讓佈局合理
3)儘量讓窗體中顯示大部分常用功能 | |
菜單深度 |
1)菜單深度一般不要超過三層
2)菜單層次太多時應給出返回主窗口、主分支的快捷鏈接。 | |
按鈕 |
1)按鈕風格相同,大小相似,字體一致
2)無效按鈕要屏蔽 | |
控件 |
1)各複選框和選項框按選擇機率的高低而先後排列
2)複選框和選項框要有默認選項,並支持Tab選擇
3)界面空間較小時使用下拉框而不用選擇框
4)選項數較少時使用選項框,相反使用下拉列表框 | |
文本框輸入 |
操作項 |
基本規範 |
必輸項 |
1)必輸項中不可爲空,不可輸入空格
2)必輸項給出必輸項標識(*) | |
字段長度 |
超過數據庫規定長度時不允許輸入 | |
格式校驗 |
1)身份證號、E-MAIL、郵箱等特定字段的格式要符合需求的規定 | |
日期格式 |
1)日期顯示格式一致,如 :yyyy-mm-dd
2)使用日期控件,儘量不是手工錄入 | |
特殊字符 |
1)輸入區域輸入特殊字符,插入數據庫時不出錯或提示不允許輸入特殊字符。特殊字符包括:'"=~$%^%¥&#@等 | |
英文輸入 |
英文輸入不區分大小寫,不可輸入漢字、數字及特殊字符 | |
數值字段 |
只能輸入+ - 0~9及功能鍵(BackSpace 光標) | |
字符字段 |
1)如果支持日韓文字,則要判斷全角假名/半角假名 | |
單行文本框/多行文本框 |
1) 長度合適,可以容納相應文字,但不能超過數據庫該字段長度,最好將可以輸入的最大字符數標在旁邊。建議單行文本框中當輸入的字符超過一定長度時再輸入無效;對於多行文本框給出最大字符數標識 | |
附件 |
1)可正常添加符合格式的附件
2)附件可正常打開和保存,附件名較長時可正常操作
3)直接輸入錯誤的附件地址,保存時應給出提示信息
4)附件打開/保存到本地時,文件名要顯示原文件文件名 | |
密碼輸入 |
1)需在需求中定義密碼是否允許爲空或空格;密碼是否允許特殊字符;是否區分大小寫,密碼的可輸入長度
2)程序中應給出文字說明密碼的可輸入長度 | |
用戶界面行爲 |
操作項 |
基本規範 |
鼠標 |
1)鼠標爲不可點擊狀態時顯示箭頭,可點擊狀態顯示手型;系統忙時顯示沙漏形狀 | |
光標定位 |
1)打開新增(修改)頁面時,光標初始定位在第一個待輸入的文本區
2)因輸入不正確提示用戶重新輸入時,光標默認focus在出錯的輸入區,並高亮全選該錯誤輸入
3)若必輸項未填寫完畢就提交,應給出說明信息並能自動獲得焦點
4)可寫控件檢測到非法輸入後應給出說明並能自動獲得焦點 | |
TAB鍵 |
1)界面支持鍵盤自動瀏覽按鈕功能。即TAB自動切換功能
2)Tab鍵的順序與控件排列順序要一致,一般情況下總體從上到下,同時行間從左到右的方式 |