第6章用户介面管理(论文资料).pptVIP

決策支援系統 第6章 用戶介面管理 第6章 用戶介面管理 康寧專校 資管科 凃保民 報告內容 人機互動與對話管理 人機互動方式 用戶介面設計 圖形介面的設計 統計結果的顯示 顏色的運用 多媒體與超媒體介面 結論與未來展望 1. 人機互動與對話管理 用戶介面的演進 第一代：文字 第二代：圖形 第三代：多媒體 1. 人機互動與對話管理 1. 人機互動與對話管理 2. 人機互動方式 選單互動 指令互動 問答對話互動 表格互動 物件操控方式 其他互動方式 3. 用戶介面設計 設計原則 一般原則 輸入設計 輸出設計 介面功能 使用者控制 交談格式 協助與錯誤訊息 4. 圖形介面的設計 圖形介面(Graphical User Interface, GUI)係指用戶可以透過關係、符號、色彩，以及其他動態或靜態圖形來傳遞事實、概念與動作，以和電腦做互動 GUI的基本原理是圖形比文字更容易讓使用者了解與使用系統 GUI系統的基本理念在以「點、按、拉」(Point-Click-Drag)等動作來操作系統，取代原有鍵盤導向的文字介面 4. 圖形介面的設計 GUI的元件 點選設備 視窗 圖像 按鈕與熱點(Hot Spot) 4. 圖形介面的設計 GUI的設計原則 組織 一致性 螢幕配置 顯示彼此關係 可導覽性 4. 圖形介面的設計 GUI的設計原則 經濟 簡單 明瞭 區別 強調 4. 圖形介面的設計 GUI的設計原則 溝通 可辨識性 可讀性 字形選擇 符號使用 視角 顏色 5. 統計結果的顯示 表格 表格可顯示大量數字，配合顏色的使用也可以特別凸顯其中某些特定數字 一般分為： 表頭：說明表格之主旨與重點 本體：將內容有秩序地加以排列 註解：說明相關事項 5. 統計結果的顯示 圖形 散布圖：主要用於顯示資料分布的狀況，其使用應局限於二維顯示，而且可以使用技巧凸顯特殊且應注意之點 5. 統計結果的顯示 5. 統計結果的顯示 圖形 直線圖：可以顯示一組資料的趨勢，以及多組資料相互之間的趨勢比較 同一圖中不要超過四或五條線，否則容易產生混淆 不同的線可採用不同線形、符號或顏色加以區別 重要資料可以用粗線或特別顏色加以凸顯 在比較實際與預測值時，最好用實線表示實際值、虛線表示預測值 5. 統計結果的顯示 5. 統計結果的顯示 圖形 直條圖：對於需要將相關資料（如今年春季與去年春季的銷售額）做比較，並希望看出趨勢時相當有用；有時可將相關資料加以堆疊起來在一個直線上，比直線圖更有彈性 直線與直線間的空間要小於直條寬度的一半較佳 重要資料的直條可以用符號或顏色加以凸顯 多項資料比較時，不同直條中的資料顯示之順序要一致 5. 統計結果的顯示 5. 統計結果的顯示 5. 統計結果的顯示 圖形 圓形圖：優點是可以顯示不同項目的比例，而其總和為100% 圖中最好不要分太多塊，五塊以下較佳 每塊面積最好不要低於5%（18度），否則不易識別 每塊面積上可以直接顯示百分比或數字，以便於閱讀 除非有意凸顯某一項目，否則應讓各塊看起來都一樣重要 凸顯某塊的常用技巧是把它由大餅中區分出來，或用對比顏色來顯示 5. 統計結果的顯示 5. 統計結果的顯示 6. 顏色的運用 顏色可吸引使用者對特定資訊的注意，也可以美化資訊的呈現方式 色彩的主要用途在使格式更加明顯，或讓特定資訊更為顯著、物件更自然，也會增加畫面的吸引力 但是不當使用反而可能會造成資訊超載或因顏色混淆而產生副作用 6. 顏色的運用 顏色使用的優點 可於複雜的畫面中強調某個重點 區分不同顯示區域 顯示警告或特別資訊 聚集相似資訊 顯示不同狀態（如紅燈，表示危險、警告的狀態） 建立愉快的顯示 6. 顏色的運用 顏色使用的缺點 不必要的顏色刺激 產生資訊超載 對色盲的使用者無效 可能會造成文化差異 產生視覺混淆 不同使用者的色彩敏感度不同 6. 顏色的運用 顏色使用的原則 運用顏色聚集同類資訊 顏色的使用要兼顧差別與和諧 要強調重點時，使用亮的顏色，不重要者則用暗色 顏色選用要和人們的經驗相符 善用背景與前景，先選背景顏色再選前景顏色 顏色的使用要可區別、有意義、前後一致且美觀 7. 多媒體與超媒體介面 多媒體技術的組合中可以包括文字、聲音、靜態影像、動畫，以及虛擬實境(Virtual Reality, VR)等，是多樣而豐富的 這些媒體亦可搭配電視、廣播或有線及無線等傳遞方式，發揮最大的效果 7. 多媒體與超媒體介面 超媒體是多媒體運用的一種方式，係指文件中將不同媒體型態表現的資料（如文字、圖形等）以「連結」(link)的方式加以組織起來，讓使用者更方便使用與了解 目前的Web介面即是一種超媒體介面 超媒體介面的特性： 連結性：不同的資訊可用連結加以組織 多媒體性：連結的對象可以跨越不同的媒體 固定性：所有資訊連結的組織要事先