← 返回目錄

Chapter 10Designing Forms and Reports
設計表單與報告

Learning Objectives 學習目標

  1. Describe the general guidelines for designing forms and reports — 描述設計表單與報告的一般準則
  2. Explain the process of designing interfaces and dialogues — 說明設計介面與對話的流程
  3. Describe usability and its importance in system design — 描述可用性及其在系統設計中的重要性
  4. Discuss the design of web-based forms and reports — 討論網頁式表單與報告的設計

Key Terms 關鍵術語

Form
表單
用於呈現或收集單一項目資訊(如客戶、產品、事件)的介面元素
Report
報告
用於呈現彙總或格式化的資訊給決策者的輸出文件
Usability
可用性
系統易於學習和使用的程度,是衡量使用者體驗的重要指標
User Interface (UI) Design
使用者介面設計
設計使用者與系統互動方式的過程,包含畫面佈局、元素配置等
Dialogue Design
對話設計
設計使用者與系統之間互動序列的過程,定義互動流程與回饋方式
Menu-driven Interface
選單驅動介面
使用者透過從預定選項清單中選擇來操作系統的介面類型
Direct Manipulation
直接操作
使用者直接操作畫面上的物件(如拖曳、點擊圖示)來完成任務的互動方式
Form Fill-in
表單填寫
使用者在預定格式的欄位中輸入資料的互動方式
Command Language
命令語言
使用者透過輸入特定指令來操作系統的互動方式
Natural Language
自然語言
使用者用日常語言與系統互動的介面方式
Highlighting
強調
使用色彩、粗體、閃爍等視覺效果來吸引使用者注意力的設計技巧
Error Messages
錯誤訊息
系統向使用者回報錯誤的訊息,應具體、建設性且禮貌
Help System
輔助系統
提供使用者操作說明與指引的系統功能
Navigation
導航
使用者在系統各畫面或功能之間移動的方式與機制
Layout
版面配置
畫面上各元素(文字、圖片、按鈕等)的排列與組織方式
Consistency
一致性
介面元素在外觀、行為與術語上保持統一的設計原則
White Space
留白
版面中未使用文字或圖形的空間,用以提高可讀性與視覺清晰度
Data Validation
資料驗證
確保使用者輸入的資料符合正確格式與範圍的檢查機制
Input Mask
輸入遮罩
限制使用者輸入格式的範本,例如電話號碼或日期格式
Default Value
預設值
系統自動填入最常見或最可能的值,減少使用者輸入負擔
Logical Grouping
邏輯分組
將相關的資訊或欄位組織在一起,方便使用者理解與操作

Interactive Quiz 互動練習(共 30 題)

Q1. 下列何者是 Form(表單)的主要用途?
Form 表單用於呈現或收集單一項目的資訊,如客戶、產品或事件。
Q2. Report(報告)主要是用於呈現彙總或格式化的資訊給決策者。
Report 報告的目的是將資料彙總或格式化後呈現給決策者,以支援決策。
Q3. 下列哪一項不屬於表單與報告的一般設計準則?
一般設計準則包含有意義的標題、使用說明、邏輯分組與一致的術語,而非最大化色彩數量。
Q4. Usability(可用性)是指系統易於學習和使用的程度。
Usability 可用性衡量的是系統對使用者來說有多容易學習和使用。
Q5. 下列哪種介面類型允許使用者直接操作畫面上的物件?
Direct Manipulation 直接操作讓使用者可以直接操作畫面上的物件,如拖曳與點擊。
Q6. Command Language(命令語言)介面適合初學者使用,因為不需要記憶指令。
Command Language 需要使用者記憶並輸入特定指令,對初學者來說較不友善。
Q7. Dialogue Design(對話設計)的目的是什麼?
Dialogue Design 對話設計是設計使用者與系統之間互動序列的過程。
Q8. Error Messages(錯誤訊息)應該具體、建設性且禮貌。
良好的錯誤訊息應具體說明問題所在、提供建設性的解決建議,並以禮貌的語氣呈現。
Q9. 下列何者是 White Space(留白)的主要功能?
White Space 留白是版面中未使用的空間,主要目的是提高可讀性與視覺清晰度。
Q10. Menu-driven Interface(選單驅動介面)讓使用者透過輸入指令來操作系統。
Menu-driven Interface 是讓使用者從預定選項中選擇,而非輸入指令。輸入指令是 Command Language。
Q11. 下列哪一項是 Data Validation(資料驗證)的目的?
Data Validation 資料驗證的目的是確保使用者輸入的資料符合正確的格式與範圍。
Q12. Input Mask(輸入遮罩)可以限制使用者的輸入格式。
Input Mask 輸入遮罩提供預定的格式範本,限制使用者只能按照指定格式輸入資料。
Q13. 下列關於 Consistency(一致性)的敘述,何者正確?
Consistency 一致性要求介面元素在外觀、行為與術語上保持統一,降低使用者的學習成本。
Q14. Natural Language(自然語言)介面允許使用者用日常語言與系統互動。
Natural Language 自然語言介面讓使用者用日常語言(如中文、英文)與系統溝通。
Q15. 下列何者不是常見的使用者介面互動方式?
Database Normalization(資料庫正規化)是資料庫設計技術,不是使用者介面互動方式。
Q16. Default Value(預設值)的主要目的是增加使用者必須輸入的欄位數量。
Default Value 預設值的目的是自動填入最常見的值,減少使用者的輸入負擔。
Q17. 下列哪一項是 Help System(輔助系統)的功能?
Help System 輔助系統的功能是提供使用者操作說明與指引。
Q18. Highlighting(強調)可以使用色彩、粗體、閃爍等方式來吸引使用者注意力。
Highlighting 強調透過色彩、粗體、閃爍、底線等視覺效果引導使用者注意重要資訊。
Q19. 設計表單時,下列哪一項是良好的設計原則?
良好的表單設計應包含有意義的標題,幫助使用者了解表單的目的。
Q20. Navigation(導航)設計只需考慮使用者如何進入系統,不需考慮如何在系統內移動。
Navigation 導航設計需考慮使用者在系統各畫面與功能之間移動的完整方式。
Q21. 下列何者最能描述 Layout(版面配置)的意義?
Layout 版面配置是指畫面上各元素(文字、圖片、按鈕等)的排列與組織方式。
Q22. Web Design(網頁設計)需要考慮響應式設計與跨瀏覽器相容性。
網頁設計需要考慮響應式設計(不同裝置)、無障礙設計以及跨瀏覽器相容性。
Q23. 下列哪一種介面類型最適合專業且經驗豐富的使用者?
Command Language 命令語言需要記憶指令,效率高但學習門檻高,最適合專業且經驗豐富的使用者。
Q24. Logical Grouping(邏輯分組)是指將不相關的資訊隨機排列在畫面上。
Logical Grouping 邏輯分組是將相關的資訊或欄位組織在一起,而非隨機排列。
Q25. 下列關於 Form Fill-in(表單填寫)的敘述,何者正確?
Form Fill-in 表單填寫是使用者在預定格式的欄位中輸入資料的互動方式。
Q26. 良好的錯誤訊息應該使用技術術語,讓使用者知道系統內部發生了什麼問題。
良好的錯誤訊息應避免使用過多技術術語,而是以使用者能理解的方式說明問題與解決方法。
Q27. 下列哪一項是設計表單時應包含的元素?
設計表單時應包含使用說明(Instructions),幫助使用者了解如何正確填寫表單。
Q28. User Interface (UI) Design 的範圍僅限於畫面的視覺美觀。
UI Design 不僅包含視覺美觀,還包括使用者與系統互動的方式、流程設計與使用體驗。
Q29. 下列何者是提升表單可用性的有效方法?
使用 Input Mask 限制輸入格式可以減少輸入錯誤,提升表單的可用性。
Q30. 在網頁設計中,無障礙(Accessibility)設計確保所有使用者(包括身障人士)都能使用系統。
無障礙設計是網頁設計的重要考量,確保包括視覺、聽覺或行動障礙的使用者都能存取與使用系統。
得分:0 / 30