• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
    • 軟件測試技術
    • 軟件測試博客
    • 軟件測試視頻
    • 開源軟件測試技術
    • 軟件測試論壇
    • 軟件測試沙龍
    • 軟件測試資料下載
    • 軟件測試雜志
    • 軟件測試人才招聘
      暫時沒有公告

    字號: | 推薦給好友 上一篇 | 下一篇

    軟件界面設計原則

    發布: 2008-4-22 17:39 | 作者: 網絡轉載 | 來源: 中程在線 | 查看: 513次 | 進入軟件測試論壇討論

    領測軟件測試網

    一:遵循一致的準則,確立標準并遵循

    無論是控件使用,提示信息措辭,還是顏色、窗口布局風格,遵循統一的標準,做到真正的一致。
    這樣得到的好處:

    1:使用戶使用起來能夠建立起精確的心里模型,使用熟練了一個界面后,切換到另外一個界面能夠很輕松的推測出各種功能,語句理解也不需要費神理解
    2:降低培訓、支持成本,支持人員不會行費力逐個指導。
    3:給用戶統一感覺,不覺得混亂,心情愉快,支持度增加

    做法:

    項目組有經驗人士,確立UI規范:
    美工提供色調配色方案,提供整體配色表 界面控制程序人員、用戶體驗人員提出合理統一使用的控件庫。參考標準界面使用規范

    控件功能遵循行業標準,windows平臺參見《Microsoft 用戶體驗》(MSDN中有,中文已經翻譯發行,項目組必須有一本)
    控件樣式在允許的范圍內可以統一修改其樣式、色調
    參考其他軟件先進操作,提取對本項目有用的功能,以使用,絕對不能盲從,漫無目的。
    根據需要,設計特殊操作控件,準則為:簡化操作、達到一定功能目的

    界面實施人員與美工商榷控件可實現性,(如不實行此步驟,將會導致各自對對方工作不滿意,也會產生不一致的混亂)。重復疊代上述工作。
    建立合理化文檔《UI標準》描述上述規范,
    強行界面設計者理解之,并作為開發準則,
    SQA人員進行監控開發人員是否遵循,及時告誡開發人員。

    二:(Color)顏色使用恰當,遵循對比原則

    1:統一色調,針對軟件類型以及用戶工作環境選擇恰當色調:
    如:安全軟件,根據工業標準,可以選取黃色,綠色體現環保,藍色表現時尚、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等
    2:如果沒有自己的系列界面,采用標準界面則可以少考慮此方面,做到與操作系統統一,讀取系統標準色表
    3:色盲、色弱用戶,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊指示符,如"!","?"著重號,以及圖標等
    4:顏色方案也需要測試,常常由于顯示器、顯卡的問題,色彩表現每臺機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試
    5:遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字,藍色文字以白色背景容易識別,而在紅色背景則不易分辨,原因是紅色和藍色沒有足夠反差,而藍色和白色反差很大。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色。
    6:整個界面色彩盡量少的使用類別不同的顏色
    itop色表
    具體標準參考美術學統計學術標準。
    色表的建設,對于美工在圖案設計、包裝設計上起著標準參考作用,對于程序界面設計人員設計控件、窗體調色起到有章可循的作用。

    三:(Resource)資源

    一個多姿多彩的人機交互界面,少不了精美的鼠標光標、圖標以及指示圖片、底圖等。

    1:也需要遵循統一的規則,包括上述顏色表的建立,圖標的建立步驟也應該盡可能的形成標準,參考itop的outlookbar圖標設計標準
    2:有標準的圖標風格設計,有統一的構圖布局,有統一的色調、對比度、色階,以及圖片風格
    3:底圖應該融于底圖,使用淺色, 低對比,盡量少的使用顏色。
    4:圖標、圖像應該很清晰的表達出意思,遵循常用標準,或者用戶機器容易聯想的到物件,絕對不允許畫出默認奇妙的圖案。
    5:鼠標光標樣式統一,盡量使用系統標準,杜絕出現重復的情況,例如某些軟件中一個手的形狀就有4鐘不同的樣子。
    如:《如何創建XP圖標》http://www.microsoft.com/china/msdn.../winxpicons.asp
    附件:Itop outlook howto.doc 描述itop項目中,outlookxp風格圖標的制作方法

    四:(Font)字體

    使用統一字體,字體標準的選擇依據操作系統類型決定。
    中文采用標準字體,“宋體”,英文采用標準 Microsoft Sans Serif 不考慮特殊字體(隸書、草書等,特殊情況可以使用圖片取代),保證每個用戶使用起來顯示都很正常。
    字體大小根據系統標準字體來,例如 MSS字體8磅,宋體的小五號字(9磅)五號字(10.5磅)。
    所有控件盡量使用大小統一的字體屬性,除了特殊提示信息、加強顯示等例外情況
    ITop采用BCB,所有控件默認使用 parent font,不允許修改,這樣有利于統一調整。

    系統大小字體屬性改變的處理。

    Windows系統有個桌面設置,設置大字體屬性,很多界面設計者常常為這個惱火,如果設計時遵循微軟的標準,全部使用相對大小作為控件的大小設置,當切換大小字體的時候,相對不會有什么特殊問題。
    但是由于常常方便使用點陣作為窗口設計單位,導致改變大字體后,出現版面混亂的問題。
    這個情況下,應該做相應處理:
    1:寫程序自動調節大小,點陣值乘以一個相應比例
    2:全部采用點陣作為單位,不理會系統字體的調節,這樣可以減少調節大字體帶來的麻煩。BCB/DELPHI中多采用這種方法,但是必然結果是和系統不統一。

    延伸閱讀

    文章來源于領測軟件測試網 http://www.kjueaiud.com/

    TAG: 界面 軟件 設計 原則

    31/3123>

    關于領測軟件測試網 | 領測軟件測試網合作伙伴 | 廣告服務 | 投稿指南 | 聯系我們 | 網站地圖 | 友情鏈接
    版權所有(C) 2003-2010 TestAge(領測軟件測試網)|領測國際科技(北京)有限公司|軟件測試工程師培訓網 All Rights Reserved
    北京市海淀區中關村南大街9號北京理工科技大廈1402室 京ICP備10010545號-5
    技術支持和業務聯系:info@testage.com.cn 電話:010-51297073

    軟件測試 | 領測國際ISTQBISTQB官網TMMiTMMi認證國際軟件測試工程師認證領測軟件測試網

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>