设计表单与报表天

1、表單與報表設計工作在表單與報表設計工作在SDLCSDLC的階段的階段 設計表單與報表設計表單與報表 在分析階段的時候，系統分析人員並不會在分析階段的時候，系統分析人員並不會 考慮表單與報表的精確外觀，只會考慮需考慮表單與報表的精確外觀，只會考慮需 要要哪些種類的表單與報表哪些種類的表單與報表以及表單與報表以及表單與報表 應該應該包含哪些內容包含哪些內容。 到了系統設計階段才需要設計出到了系統設計階段才需要設計出完整內容完整內容 與格式的表單與報表與格式的表單與報表。 表單與報表的內容表單與報表的內容與與DFDDFD中的資料流及實體中的資料流及實體 儲存資料儲存資料有相當的關連，因此系統分析人有

2、相當的關連，因此系統分析人 員應檢視所設計的表單與報表是否與員應檢視所設計的表單與報表是否與DFDDFD的的 資料流及實體儲存的資料有關。資料流及實體儲存的資料有關。 何謂表單何謂表單? ?何謂報表何謂報表? ? 表單表單 一種商業文件，一種商業文件，用來顯示查詢或輸入的資料用來顯示查詢或輸入的資料。可以是。可以是紙類的文件紙類的文件，或，或 者是者是電腦查詢與輸入的畫面電腦查詢與輸入的畫面。 報表報表 一種商業文件，只包含一種商業文件，只包含事先定義需要彙總內容的資料事先定義需要彙總內容的資料( (不能任意決定不能任意決定 查詢的內容查詢的內容) )，只能用來只能用來閱讀或觀看的被動文件閱讀

3、或觀看的被動文件。通常報表資料包含。通常報表資料包含 了一段時間營業或管理的了一段時間營業或管理的統計資訊統計資訊，而這些資訊的統計與查詢的方式，而這些資訊的統計與查詢的方式， 通常很少需要變動通常很少需要變動。 設計報表與表單時的基本問題設計報表與表單時的基本問題 誰會使用這份表單或報表？誰會使用這份表單或報表？ 表單或報表的目的是什麼？表單或報表的目的是什麼？ 什麼時候需要使用表單或報表？什麼時候需要使用表單或報表？ 這份表單或報表要在傳遞到何處使用？這份表單或報表要在傳遞到何處使用？ 有多少人需要使用這樣的表單或報表？有多少人需要使用這樣的表單或報表？ 設計報表與表單的方式設計報表與表單

4、的方式 根據使用者的需求，設計出原始表單與報表的雛形。根據使用者的需求，設計出原始表單與報表的雛形。 使用者重新檢閱雛形設計，可能會接受這個設計或要求使用者重新檢閱雛形設計，可能會接受這個設計或要求 改變。若要求改變，必須重複建構改變。若要求改變，必須重複建構- -評估評估- -修飾這樣修飾這樣 的週期的週期 表單與報表的設計成果，以表單與報表的設計成果，以設計規格書設計規格書 (design specification)(design specification)來呈現。它包含三來呈現。它包含三 個部分個部分 1.1.摘要敘述摘要敘述 2.2.範例設計範例設計 3.3.測試與可用性評估測試與

5、可用性評估 設計表單與報表格式的一般原則設計表單與報表格式的一般原則 表單與報表格式的一般原則表單與報表格式的一般原則 色彩色彩 vs.vs.無色彩無色彩 使用色彩的好處使用色彩的好處 看起來較順眼或較有印象看起來較順眼或較有印象 讓原本沈悶的畫面更活潑讓原本沈悶的畫面更活潑 在複雜的顯示畫面中有助在複雜的顯示畫面中有助 於區分於區分 強調邏輯性的資訊組織強調邏輯性的資訊組織 將注意力拉到警告訊息上將注意力拉到警告訊息上 喚起情緒上的反應喚起情緒上的反應 使用色彩的問題使用色彩的問題 可能完全看不見色彩或辨可能完全看不見色彩或辨 認困難者（如患有色盲者）認困難者（如患有色盲者） 會造成困擾會造

6、成困擾 解析度可能因不同顯示器解析度可能因不同顯示器 而降低而降低 色彩可能因不同的顯示器色彩可能因不同的顯示器 而失真而失真 若要列印或變換到其它媒若要列印或變換到其它媒 體可能不好轉換體可能不好轉換 表單與報表格式的一般原則表單與報表格式的一般原則 文字顯示文字顯示 以大小寫混合的字母與以大小寫混合的字母與適當的標點符號適當的標點符號來顯示文字來顯示文字 若空間允許若空間允許，各行之間應該隔以雙行距，或至少在，各行之間應該隔以雙行距，或至少在每段之間隔一行空白每段之間隔一行空白( (行與行之間不要太擁擠行與行之間不要太擁擠) ) 文字靠左對齊文字靠左對齊並允許右邊參差不齊並允許右邊參差不齊

7、 不要在兩行之間使用連字號不要在兩行之間使用連字號( (指的是英語字彙指的是英語字彙) ) 使用的縮寫或簡寫使用的縮寫或簡寫應求應求簡短簡短與與易了解易了解 表單與報表格式的一般原則表單與報表格式的一般原則 設計表格與清單設計表格與清單 標題標題 每個直欄與每個橫列都要每個直欄與每個橫列都要具備有意義具備有意義的標題的標題 標題應該標題應該突顯突顯起來，起來，與其它資訊有所區別與其它資訊有所區別 當資料當資料不只一個畫面或不只一頁時，再一次顯示其標題不只一個畫面或不只一頁時，再一次顯示其標題 除了要強調的重點外，一律使用除了要強調的重點外，一律使用單一字體單一字體 避免太過花俏的字體避免太過花

8、俏的字體 設計表格與清單設計表格與清單 將將數字、文字、文數字的資料格式化數字、文字、文數字的資料格式化 將將數字資料數字資料依小數點或其他定位符號依小數點或其他定位符號向右對齊向右對齊 將將文數字資料向左對齊文數字資料向左對齊。使用短行排列，通常一行有。使用短行排列，通常一行有3030至至4040個字元個字元 將一長串文數字資料分割成三、四個字元一組將一長串文數字資料分割成三、四個字元一組 書面報表書面報表 vs. vs. 電子報表電子報表 必須必須在設計時考慮產生書面報表用的印表機在設計時考慮產生書面報表用的印表機，避免格式不一致或者是，避免格式不一致或者是 印表機是否為黑白因而無法顯示顏

9、色印表機是否為黑白因而無法顯示顏色 表單與報表格式的一般原則表單與報表格式的一般原則 範例範例:設計不良的表單設計不良的表單 範例範例: :設計不良的表單設計不良的表單 範例範例:加強設計後的表單加強設計後的表單 範例範例: :加強設計後的表單加強設計後的表單 適當地運用表格與圖形適當地運用表格與圖形 使用使用表格表格的目的的目的: : 為了清楚顯示個別的為了清楚顯示個別的資料明細資料明細 使用使用圖形圖形的目的的目的: : (1) (1)為了為了快速的一覽資料及掌握重點快速的一覽資料及掌握重點 (2)(2)為了為了觀察資料的時間趨勢觀察資料的時間趨勢 (3)(3)為了為了清楚比較不同項目的比

10、重與差異清楚比較不同項目的比重與差異 範例範例: : 松谷家具公司的業務員銷售年報松谷家具公司的業務員銷售年報 範例範例: : 松谷家具公司的業務員業績比較表松谷家具公司的業務員業績比較表 ( (使用時間趨勢折線圖使用時間趨勢折線圖) ) 評估可用性評估可用性 表單與報表為人機互動過程的一部份，因此需把握三個特性表單與報表為人機互動過程的一部份，因此需把握三個特性 1.1.速度速度: : 你可以有效率地完成工作嗎你可以有效率地完成工作嗎? ? 2.2.精確精確: : 其輸出是否能夠提供你想要的資訊其輸出是否能夠提供你想要的資訊? ? 3.3.滿意滿意: : 你喜歡使用這個輸出資訊嗎你喜歡使用這

11、個輸出資訊嗎? ? 表單與報單可用性的一般設計原則表單與報單可用性的一般設計原則 在設計表單與報表時所考量的因素在設計表單與報表時所考量的因素 可用性的評估可用性的評估 可用性的測量可用性的測量 考量項目考量項目 學習時間學習時間 效能效能 錯誤率錯誤率 記憶持久性記憶持久性 主觀上的滿意度主觀上的滿意度 蒐集方法蒐集方法 觀察觀察 訪談訪談 擷取輸入擷取輸入 問卷問卷 設計網頁版面時的常見錯誤設計網頁版面時的常見錯誤 隨堂練習隨堂練習 EX1:請設計一個關於學生網路選修課程的輸入畫面。請設計一個關於學生網路選修課程的輸入畫面。 EX2:假設學校會在同學輸入選修課程兩週後，會印發一張報表假設學

12、校會在同學輸入選修課程兩週後，會印發一張報表 請同學簽名確認無誤。請設計這個修課確認的報表。請同學簽名確認無誤。請設計這個修課確認的報表。(報表需有報表需有 學生個人學籍資料，如學號、科系、班級、性別學生個人學籍資料，如學號、科系、班級、性別.等。此外需要等。此外需要 有選修課程情形，如課程代號、課程名稱、學分數、上課教室、有選修課程情形，如課程代號、課程名稱、學分數、上課教室、 上課時段、選修或必修上課時段、選修或必修.等等)。最後還需留適當空間給學生簽名。最後還需留適當空間給學生簽名。 設計報表與表單的方式設計報表與表單的方式 根據使用者的需求，設計出原始表單與報表的雛形。根據使用者的需求

13、，設計出原始表單與報表的雛形。 使用者重新檢閱雛形設計，可能會接受這個設計或要求使用者重新檢閱雛形設計，可能會接受這個設計或要求 改變。若要求改變，必須重複建構改變。若要求改變，必須重複建構- -評估評估- -修飾這樣修飾這樣 的週期的週期 表單與報表格式的一般原則表單與報表格式的一般原則 色彩色彩 vs.vs.無色彩無色彩 使用色彩的好處使用色彩的好處 看起來較順眼或較有印象看起來較順眼或較有印象 讓原本沈悶的畫面更活潑讓原本沈悶的畫面更活潑 在複雜的顯示畫面中有助在複雜的顯示畫面中有助 於區分於區分 強調邏輯性的資訊組織強調邏輯性的資訊組織 將注意力拉到警告訊息上將注意力拉到警告訊息上 喚起情緒上的反應喚起情緒上的反應 使用色彩的問題使用色彩的問題 可能完全看不見色彩或辨可能完全看不見色彩或辨