设计表单与报表

《设计表单与报表》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章設計表單與報表JeffreyA.HofferJoeyF.GeorgeJosephS.Valacich系統分析與設計理論與實務應用Copyright2002Prentice-Hall,Inc.表單與報表設計工作在SDLC的階段設計表單與報表在分析階段的時候，系統分析人員並不會考慮表單與報表的精確外觀，只會考慮需要哪些種類的表單與報表以及表單與報表應該包含哪些內容。到了系統設計階段才需要設計出完整內容與格式的表單與報表。表單與報表的內容與DFD中的資料流及實體儲存資料有相當的關連，因此系統分析人員應檢視所設計的表單與報表是否與DFD的資料流及實體儲存

2、的資料有關。何謂表單?何謂報表?表單一種商業文件，用來顯示查詢或輸入的資料。可以是紙類的文件，或者是電腦查詢與輸入的畫面。報表一種商業文件，只包含事先定義需要彙總內容的資料(不能任意決定查詢的內容)，只能用來閱讀或觀看的被動文件。通常報表資料包含了一段時間營業或管理的統計資訊，而這些資訊的統計與查詢的方式，通常很少需要變動。設計報表與表單時的基本問題誰會使用這份表單或報表？表單或報表的目的是什麼？什麼時候需要使用表單或報表？這份表單或報表要在傳遞到何處使用？有多少人需要使用這樣的表單或報表？設計報表與表單的方式根據使用者的需求，設計出原始表單與報表的雛形。

3、使用者重新檢閱雛形設計，可能會接受這個設計或要求改變。若要求改變，必須重複「建構-評估-修飾」這樣的週期表單與報表的設計成果，以設計規格書(designspecification)來呈現。它包含三個部分1.摘要敘述2.範例設計3.測試與可用性評估設計表單與報表格式的一般原則表單與報表格式的一般原則色彩vs.無色彩使用色彩的好處看起來較順眼或較有印象讓原本沈悶的畫面更活潑在複雜的顯示畫面中有助於區分強調邏輯性的資訊組織將注意力拉到警告訊息上喚起情緒上的反應使用色彩的問題可能完全看不見色彩或辨認困難者（如患有色盲者）會造成困擾解析度可能因不同顯示器而降低色彩可

4、能因不同的顯示器而失真若要列印或變換到其它媒體可能不好轉換表單與報表格式的一般原則文字顯示以大小寫混合的字母與適當的標點符號來顯示文字若空間允許，各行之間應該隔以雙行距，或至少在每段之間隔一行空白(行與行之間不要太擁擠)文字靠左對齊並允許右邊參差不齊不要在兩行之間使用連字號(指的是英語字彙)使用的縮寫或簡寫應求簡短與易了解表單與報表格式的一般原則設計表格與清單標題每個直欄與每個橫列都要具備有意義的標題標題應該突顯起來，與其它資訊有所區別當資料不只一個畫面或不只一頁時，再一次顯示其標題除了要強調的重點外，一律使用單一字體避免太過花俏的字體設計表格與清單將數字

5、、文字、文數字的資料格式化將數字資料依小數點或其他定位符號向右對齊將文數字資料向左對齊。使用短行排列，通常一行有30至40個字元將一長串文數字資料分割成三、四個字元一組書面報表vs.電子報表必須在設計時考慮產生書面報表用的印表機，避免格式不一致或者是印表機是否為黑白因而無法顯示顏色表單與報表格式的一般原則範例:設計不良的表單範例:設計不良的表單範例:加強設計後的表單字體大小、密度適當標題字體要大有分隔線數字向右靠齊文字向左靠齊分欄對齊且標題清楚總體的資訊分項明細的資訊範例:加強設計後的表單適當地運用表格與圖形使用表格的目的:為了清楚顯示個別的資料明細使用圖

6、形的目的:(1)為了快速的一覽資料及掌握重點(2)為了觀察資料的時間趨勢(3)為了清楚比較不同項目的比重與差異範例:松谷家具公司的業務員銷售年報範例:松谷家具公司的業務員業績比較表(使用時間趨勢折線圖)範例:松谷家具公司的業務員業績比較表(使用長條圖)評估可用性表單與報表為人機互動過程的一部份，因此需把握三個特性速度:你可以有效率地完成工作嗎?精確:其輸出是否能夠提供你想要的資訊?滿意:你喜歡使用這個輸出資訊嗎?表單與報單可用性的一般設計原則在設計表單與報表時所考量的因素可用性的評估可用性的測量考量項目學習時間效能錯誤率記憶持久性主觀上的滿意度蒐集方法觀

7、察訪談擷取輸入問卷設計網頁版面時的常見錯誤電子商務應用：如何在Web上設計表單與報表隨堂練習EX1:請設計一個關於學生網路選修課程的輸入畫面。EX2:假設學校會在同學輸入選修課程兩週後，會印發一張報表請同學簽名確認無誤。請設計這個修課確認的報表。(報表需有學生個人學籍資料，如學號、科系、班級、性別..等。此外需要有選修課程情形，如課程代號、課程名稱、學分數、上課教室、上課時段、選修或必修..等)。最後還需留適當空間給學生簽名。t*w-A1D5G8JbNeQhTlWo#r%u(y+B2E6H9LcOfRjUmXp!s&v)z0C4F7IaMdPgSkVnZq

8、$t*x-A1D5G8KbNeQiTlWo#r%v(y+B3E6H