研究案例描述

8. 提供管理者即時安全的控管機制

9. 提供可攜性服務，滿足企業行動辦公室之需求 10. 支援多國語言介面

針對使用者多樣化的操作需求，本研究希望能透過具有實際建置與設計網站郵件 系統經驗的設計人員，就其在設計層面上所面臨之問題，進行設計方法之分析與改 善。所採用之實務案例，為台灣北部某科技大學自行設計開發之網站郵件系統。該校 使用網站郵件系統的操作者有：學生、教師和行政人員。由於該系統與後端之校務行 政系統整合，針對不同使用者身份，提供差異化的功能服務。因此，網站郵件系統系 統所提供的功能和介面操作，亦有所差異。

就使用者介面設計層面而言，該校參與設計郵件系統介面設計的專家有三位：系 統設計師、介面設計師和研究使用者介面設計的教授。由於，該校網站郵件系統介面，

已有固定的設計模式存在。根據三位設計專家之意見，從系統所有組成的元件中，篩 選出 23 個最關鍵的操作的介面元件 (表 4)，作為本研究中主要的分析元件。相關元 件功能說明如下：

1. 框架(Frame)：網站資訊系統介面設計的基礎元件。所有其他介面元件都必頇在其 上建構。

2. 功能選單(Menu)：由超連結文字或超連結影像所構成的多項功能組合群組。

3. 瀏覽器列(Navigation bar or icon)：提供使用者常使用的功能(例如:上ㄧ頁、下一頁 或首頁)。

4. 單面板(single panel)：常用於網站郵件系統中，僅能顯現郵件大綱之元件。

5. 雙面板選擇器(two-panel selector)：常用於網站郵件系統中，可上下同時顯現郵件 大綱與詳細內容的元件。

6. 樹狀表格(Tree Table)：具備主功能與次要功能收合之元件，常與功能選單群組併 用。

7. 通訊錄(Address Box)：提供通訊名冊的功能。

8. 下拉式選單(Drop Down List)：當使用者點選此元件時，將會顯現預設的文字選 項，以供使用者點選。

9. 核取方塊(Check Box)：提供使用者勾選功能的元件。

10. 文字方塊(Text Box)：可輸入簡短文字的元件。

11. 按鍵(Button)：提供使用者啟動程式程序的元件。

12. 捲軸(Scroll Bar)：當顯示畫面超過螢幕可顯示範圍時，即會在視窗介面的右側或 下方出現的可移動操作按鈕。

13. 彈跳式訊息視窗(Pop Up MessageBox)：當提示重要訊息或因使用者操作錯誤，即 會另行開啟的視窗元件。

14. 超連結圖形 (Hyperlink graphic)：具備超連結的圖片。

15. 工具提示(Tool Tip)：當游標移至各項功能元件時，會顯示其說明。

16. 標籤(Tag)：用以區隔不同功能頁面的元件。

17. 搜尋欄位(Search field)：提供站內或網際搜尋的文字方塊與按鍵。

18. 標題(Header)：網站郵件系統的標題文字，通常具有超連結的功能，可以連回網站 郵件首頁。

19. 編輯區(Editor Zone)：提供撰寫郵件文字的元件。

20. 一般文字(Text)：不具備超連結功能的文字，常用以解說功能。

21. 超連結的文字(Hyper Text)：具備超連結文字，功能選單和瀏覽器列中的文字皆屬 於此種元件。

22. 廣告橫幅(Banner)：用以展示廣告的移動式影像或動畫。

23. 行事曆(Calender)：提供使用者簡易的行事曆功能。

表 4

網站郵件系統之介面元件

元件

C1 C2 C3 C4 C5 C6

名稱 ^框架

(Frame)

功能選單 (Menu)

瀏覽器列 (Navigation bar or icon)

單面板 (Single panel)

雙面板選擇器 (Two-panel selector)

樹狀表格 (Tree table)

元件 C7 C8 C9 C10 C11 C12

名稱 ^通訊錄

(Address Box)

下拉式選單 (Drop Down

List)

核取方塊 (Check Box)

文字方塊 (Text Box)

按鍵 (Button)

捲軸 (Scroll Bar)

元件 C13 C14 C15 C16 C17 C18

名稱

彈跳式訊息視窗 (Pop Up MessageBox)

超連結圖形 (Hyperlink

graphic)

工具提示 (Tool Tip)

標籤 (Tag)

搜尋欄位 (Search field)

標題 (Header)and)

元件 C19 C20 C21 C22 C23

名稱 編輯區(Editor Zone)

一般文字 (Text)

超連結文字 (Hyper Text)

廣告橫幅 (Banner)

行事曆 (Calender)