中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > 界面設(shè)計(jì)測試規(guī)范
網(wǎng)頁中英文混排行高不等問題 回到列表 網(wǎng)站的視覺設(shè)計(jì)
 界面設(shè)計(jì)測試規(guī)范

作者: 時(shí)間: 2008-08-22 文檔類型:轉(zhuǎn)載 來自:uichannel

第 1 頁 界面設(shè)計(jì)測試規(guī)范 [1]
第 2 頁 界面設(shè)計(jì)測試規(guī)范 [2]

老早前收藏的一篇文章了,發(fā)出來一起學(xué)習(xí)下

目前流行的界面風(fēng)格有三種方式:多窗體、單窗體以及資源管理器風(fēng)格,無論那種風(fēng)格,以下規(guī)則是應(yīng)該被重視的。

1.易用性

按鈕名稱應(yīng)該易懂,用詞準(zhǔn)確,屏棄沒楞兩可的字眼,要與同一界面上的其他按鈕易于區(qū)分,能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進(jìn)行相關(guān)的正確操作。

易用性細(xì)則:

  1. 完成相同或相近功能的按鈕用Frame框起來,常用按鈕要支持快捷方式。
  2. 完成同一功能或任務(wù)的元素放在集中位置,減少鼠標(biāo)移動的距離。
  3. 按功能將界面劃分局域塊,用Frame框括起來,并要有功能說明或標(biāo)題。
  4. 界面要支持鍵盤自動瀏覽按鈕功能,即按Tab鍵的自動切換功能。
  5. 界面上首先應(yīng)輸入的和重要信息的控件在Tab順序中應(yīng)當(dāng)靠前,位置也應(yīng)放在窗口上較醒目的位置。
  6. 同一界面上的控件數(shù)最好不要超過勞過度10個,多于10個時(shí)可以考慮使用分頁界面顯示。
  7. 分頁界面要支持在頁面間的快捷切換,常用組合快捷鍵Ctrl+Tab
  8. 默認(rèn)按鈕要支持Enter及選操作,即按Enter后自動執(zhí)行默認(rèn)按鈕對應(yīng)操作。
  9. 可寫控件檢測到非法輸入后應(yīng)給出說明并能自動獲得焦點(diǎn)。
  10. Tab鍵的順序與控件排列順序要一直,目前流行總體從上到下,同時(shí)行間從左到右的方式。
  11. 復(fù)選框和選項(xiàng)框按選擇幾率的高底而先后排列。
  12. 復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng),并支持Tab選擇。
  13. 選項(xiàng)數(shù)相同時(shí)多用選項(xiàng)框而不用下拉列表框。
  14. 界面空間較小時(shí)使用下拉框而不用選項(xiàng)框。
  15. 選項(xiàng)數(shù)叫少時(shí)使用選項(xiàng)框,相反使用下拉列表框。
  16. 專業(yè)性強(qiáng)的軟件要使用相關(guān)的專業(yè)術(shù)語,通用性界面則提倡使用通用性詞眼。

2.規(guī)范性

通常界面設(shè)計(jì)都按Windows界面的規(guī)范來設(shè)計(jì),即包含"菜單條、工具欄、工具廂、狀態(tài)欄、滾動條、右鍵快捷菜單"的標(biāo)準(zhǔn)格式,可以說:界面遵循規(guī)范化的程度越高,則易用性相應(yīng)的就越好。小型軟件一般不提供工具廂。

規(guī)范性細(xì)則:

  1. 常用菜單要有命令快捷方式。
  2. 完成相同或相近功能的菜單用橫線隔開放在同一位置。
  3. 菜單前的圖標(biāo)能直觀的代表要完成的操作。
  4. 菜單深度一般要求最多控制在三層以內(nèi)。
  5. 工具欄要求可以根據(jù)用戶的要求自己選擇定制。
  6. 相同或相近功能的工具欄放在一起。
  7. 工具欄中的每一個按鈕要有及時(shí)提示信息。
  8. 一條工具欄的長度最長不能超出屏幕寬度。
  9. 工具欄的圖標(biāo)能直觀的代表要完成的操作。
  10. 系統(tǒng)常用的工具欄設(shè)置默認(rèn)放置位置。
  11. 工具欄太多時(shí)可以考慮使用工具廂。
  12. 工具箱要具有可增減性,由用戶自己根據(jù)需求定制。
  13. 工具箱的默認(rèn)總寬度不要超過屏幕寬度的1/5。
  14. 狀態(tài)條要能顯示用戶切實(shí)需要的信息,常用的有:
    目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息等,如果某一操作需要的時(shí)間較長,還應(yīng)該顯示進(jìn)度條和進(jìn)程提示。
  15. 滾動條的長度要根據(jù)顯示信息的長度或?qū)挾饶芗皶r(shí)變換,以利于用戶了解顯示信息的位置和百分比。
  16. 狀態(tài)條的高度以放置五好字為宜,滾動條的寬度比狀態(tài)條的略窄。
  17. 菜單和工具條要有清楚的界限;菜單要求凸出顯示,這樣在移走工具條時(shí)仍有立體感。
  18. 菜單和狀態(tài)條中通常使用5號字體。工具條一般比菜單要寬,但不要寬的太多,否則看起來很不協(xié)調(diào)。
  19. 右鍵快捷菜單采用與菜單相同的準(zhǔn)則。

3.幫助設(shè)施

系統(tǒng)應(yīng)該提供詳盡而可靠的幫助文檔,在用戶使用產(chǎn)生迷惑時(shí)可以自己尋求解決方法。

幫助設(shè)施細(xì)則:

  1. 幫助文檔中的性能介紹與說明要與系統(tǒng)性能配套一致。(我們的系統(tǒng)幫助文檔都是系統(tǒng)的祖先時(shí)期的說明,讓人困惑)。
  2. 打包新系統(tǒng)時(shí),對作了修改的地方在幫助文檔中要做相應(yīng)的修改。
  3. 操作時(shí)要提供及時(shí)調(diào)用系統(tǒng)幫助的功能。常用F1。
  4. 在界面上調(diào)用幫助時(shí)應(yīng)該能夠及時(shí)定位到與該操作相對的幫助位置。也就是說幫助要有即時(shí)針對性。
  5. 最好提供目前流行的聯(lián)機(jī)幫助格式或HTML幫助格式。
  6. 用戶可以用關(guān)鍵詞在幫助索引中搜索所要的幫助,當(dāng)然也應(yīng)該提供幫助主題詞。
  7. 如果沒有提供書面的幫助文檔的話,最好有打印幫助的功能。
  8. 在幫助中應(yīng)該提供我們的技術(shù)支持方式,一旦用戶難以自己解決可以方便的尋求新的幫助方式。

4.合理性

屏幕對角線相交的位置是用戶直視的地方,正上方四分之一處為易吸引用戶注意力的位置,在放置窗體時(shí)要注意利用這兩個位置。

合理性細(xì)則:

  1. 父窗體或主窗體的中心位置應(yīng)該在對角線焦點(diǎn)附近。
  2. 子窗體位置應(yīng)該在主窗體的左上角或正中。
  3. 多個子窗體彈出時(shí)應(yīng)該依次向右下方偏移,以顯示窗體出標(biāo)題為宜。
  4. 重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。
  5. 錯誤使用容易引起界面退出或關(guān)閉的按鈕不應(yīng)該放在易點(diǎn)位置。橫排開頭或最后與豎排最后為易點(diǎn)位置。
  6. 與正在進(jìn)行的操作無關(guān)的按鈕應(yīng)該加以屏蔽(Windows中用灰色顯示,沒法使用該按鈕)。
  7. 對可能造成數(shù)據(jù)無法恢復(fù)的操作必須提供確認(rèn)信息,給用戶放棄選擇的機(jī)會。
  8. 非法的輸入或操作應(yīng)有足夠的提示說明。
  9. 對運(yùn)行過程中出現(xiàn)問題而引起錯誤的地方要有提示,讓用戶明白錯誤出處,避免形成無限期的等待。
  10. 提示、警告、或錯誤說明應(yīng)該清楚、明了、恰當(dāng)。

出處:uichannel
責(zé)任編輯:bluehearts

上一頁 下一頁 界面設(shè)計(jì)測試規(guī)范 [2]

相關(guān)文章 更多相關(guān)鏈接
利用三維圖像讓您的設(shè)計(jì)更出彩
信息化軟件和圖形界面 Ⅴ
獻(xiàn)給剛剛出學(xué)門的設(shè)計(jì)同胞
對設(shè)計(jì)/設(shè)計(jì)師/設(shè)計(jì)行業(yè)的感受
立足于傳統(tǒng)行業(yè)設(shè)計(jì)
作者文章 更多作者文章
不成熟的標(biāo)準(zhǔn)化是我們唯一懼怕的
網(wǎng)站的視覺設(shè)計(jì)
Photoshop繪制真實(shí)的黑莓手機(jī)
各版本IIS下ASP.net請求處理過程
奧運(yùn)"長卷式海報(bào)"
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/21個記錄/頁 轉(zhuǎn)到 頁 共2個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報(bào)告錯誤,以利文檔及時(shí)修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報(bào)告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2