界面設計的行業標準總結-- WEBUI設計的相關行業標準
WEBUI的特點:
1.         感官體驗:呈現給用戶視聽上的體驗,強調舒適性
2.         交互體驗:呈現給用戶操作上的體驗,強調易用、可用性
3.         瀏覽體驗:呈現給用戶瀏覽上的體驗,強調吸引性
4.         情感體驗:呈現給用戶心理上的體驗,強調友好性
5.         信任體驗:呈現給用戶的信任體驗,強調可靠性
2.1  WEBUI整體標準的制定
WEBUI的整體標準也從以下四個方面入手:
1.         規范性
2.         合理性
3.         一致性
4.         界面定制性
一、WEBUI的設計規范
WEBUI也要遵循一致性的準則,其目的與GUI一致:
1.         便于用戶操作
2.         使用戶感覺到統一、規范,在使用軟件的過程中愉快輕松的完成操作,提高對軟件的認知
3.         降低培訓、支持成本,不必花費較多的人力對客戶進行逐個指導
二、WEBUI布局的合理性
    WEBUI界面的合理性直接影響到軟件系統的可用性,下面將從幾個方面講述WEBUI的布局特點:
    1.設計風格:符合目標客戶的審美習慣,并具有一定的引導性
    2. 頁面布局:重點突出,主次分明,圖文并茂
    3. LOGO:確保logo的保護空間,確保品牌的清晰展示而又不占據過分空間
    4.頁面導航:導航條清晰明了、突出,層級分明
    5.圖標使用:簡潔、明了、易懂、準確,與頁面整體風格統一
    6.圖片展示:比例協調、不變形,圖片清晰。圖片排列既不過于密集,也不會過于疏遠
    7.動畫效果:與主畫面相協調,打開速度快,動畫效果節奏適中,不干擾主畫面瀏覽
    8.頁面色彩:遵循GUI界面顏色標準,主色調+輔助色不超過三種顏色
    9.頁面底色:所選顏色不能干擾主體頁面的閱讀
三、WEBUI風格的一致性
WEBUI的一致性與GUI大同小義,也指相同的信息表現方法,如在字體、標簽風格、顏色、術語、顯示錯誤信息等方面確保一致,但不同的是WEBUI對瀏覽器有一定的要求。
1. 在不同分辨率下的美觀程度
   WERUI要求所有頁面要在800*6001024*768兩種分辨率下運行通過
2.在不同版本瀏覽器上的運行
  例如要求在IE5.05.5以及6.0下運行通過而不發生錯誤
3.在不同廠商的瀏覽器上運行
  例如軟件系統可以在IEFirfoxGoogle等瀏覽器上正常運行
4.WEBUI的菜單、地址欄、圖標、狀態欄等風格、位置要一致
5.遵循GUI風格一致性的2-9所規定的一致性
四、WEBUI的可定制性
WEBUI的可定制性大致可分為以下幾個特性:
1.界面元素可定制
  允許用戶定義工具欄、狀態欄、地址欄等是否顯示,工具欄顯示在界面上的位置;允許用戶定義菜單的位置等。
2.工具欄可定制
  不同用戶對常用工具的使用是不同的,因此允許用戶建立新的工具欄,選擇要顯示的工具欄,定制工具欄上的按鈕等功能在軟件系統中經常被用到
2.2  WEBUI所包含各類元素標準的定制
WEBUI所包含各類元素:
WEBUI中頁面所包含元素與GUI有所不同,大至分為頁面、界面控件、菜單、圖標、鼠標、文字、幫助,見下圖2-1WEBUI的基本頁面構成
一、WEBUI頁面的標準
根據WEBUI的特性,下面列出十六個點來分別描述頁面的制定:
    1.頁面大小:適合多數瀏覽器瀏覽,如15寸、17寸、19等顯示器
    2.按鈕設置:對于交互性的按鈕必須清晰突出,以確保用戶可以清楚地點擊
    3.點擊提示:點擊瀏覽過的信息顏色需要顯示為不同的顏色,以區分于未閱讀內容,避免重復閱讀
4.錯誤提示:若表單填寫錯誤,應指明填寫錯誤之處,并保存原有填寫內容,減少重復工作
    5.顯示路徑:無論用戶瀏覽到哪一個層級,哪一個頁面,都可以清楚知道看到該頁面的路徑
    6.欄目的命名:與欄目內容準確相關,簡潔清晰,不宜過于深奧
    7.欄目的層級:最多不超過三層,導航清晰
    8.內容的分類:同一欄目下,不同分類區隔清晰,不要互相包含或混淆
9.頁面的長度:設置一定的頁面長度,避免頁面過長而影響閱讀
    10.分頁瀏覽:對于較長的內容可以進行分頁瀏覽
    11.表單填寫:盡量采用下拉選擇,需填寫部分需注明要填寫內容,并對必填字段作出限制
    12.頁面速度:正常情況下,盡量確保頁面在5秒內打開,對于大型軟件可以適當的延長等待時間
    13.頁面刷新:盡量減少頁面的刷新率,或采用無刷新技術
    14.新開窗口:盡量減少新開的窗口,以避免開過多的無效窗口,設置彈出窗口的關閉功能
    15.網頁地圖:為用戶提供清晰的網頁指引
    16.可以復用一些GUI窗口的相關標準,如菜單、標簽、按鈕的位置、字體、顏色等標準
二、WEBUI其他元素的標準
WEBUI的其他元素的制定標準,包括界面控件、菜單、圖標、鼠標、文字、幫助信息等與GUI一致,并且可根據具體情況酌情予以改變。