《設(shè)計(jì)表單與報(bào)表》PPT課件.pptVIP

Copyright 2002 Prentice-Hall, Inc.,第 9 章 設(shè)計(jì)表單與報(bào)表,Jeffrey A. Hoffer Joey F. George Joseph S. Valacich,系統(tǒng)分析與設(shè)計(jì) 理論與實(shí)務(wù)應(yīng)用,表單與報(bào)表設(shè)計(jì)工作在SDLC的階段,設(shè)計(jì)表單與報(bào)表,在分析階段的時(shí)候，系統(tǒng)分析人員並不會(huì)考慮表單與報(bào)表的精確外觀，只會(huì)考慮需要哪些種類的表單與報(bào)表以及表單與報(bào)表應(yīng)該包含哪些內(nèi)容。 到了系統(tǒng)設(shè)計(jì)階段才需要設(shè)計(jì)出完整內(nèi)容與格式的表單與報(bào)表。 表單與報(bào)表的內(nèi)容與DFD中的資料流及實(shí)體儲(chǔ)存資料有相當(dāng)?shù)年P(guān)連，因此系統(tǒng)分析人員應(yīng)檢視所設(shè)計(jì)的表單與報(bào)表是否與DFD的資料流及實(shí)體儲(chǔ)存的資料有關(guān)。,何謂表單?何謂報(bào)表?,表單 一種商業(yè)文件，用來顯示查詢或輸入的資料?？梢允羌堫惖奈募?，或者是電腦查詢與輸入的畫面。 報(bào)表 一種商業(yè)文件，只包含事先定義需要彙總內(nèi)容的資料(不能任意決定查詢的內(nèi)容)，只能用來閱讀或觀看的被動(dòng)文件。通常報(bào)表資料包含了一段時(shí)間營業(yè)或管理的統(tǒng)計(jì)資訊，而這些資訊的統(tǒng)計(jì)與查詢的方式，通常很少需要變動(dòng)。,設(shè)計(jì)報(bào)表與表單時(shí)的基本問題,誰會(huì)使用這份表單或報(bào)表？ 表單或報(bào)表的目的是什麼？ 什麼時(shí)候需要使用表單或報(bào)表？ 這份表單或報(bào)表要在傳遞到何處使用？ 有多少人需要使用這樣的表單或報(bào)表？,設(shè)計(jì)報(bào)表與表單的方式,根據(jù)使用者的需求，設(shè)計(jì)出原始表單與報(bào)表的雛形。 使用者重新檢閱雛形設(shè)計(jì)，可能會(huì)接受這個(gè)設(shè)計(jì)或要求改變。若要求改變，必須重複建構(gòu)-評(píng)估-修飾這樣的週期,表單與報(bào)表的設(shè)計(jì)成果，以設(shè)計(jì)規(guī)格書(design specification)來呈現(xiàn)。它包含三個(gè)部分 1.摘要敘述 2.範(fàn)例設(shè)計(jì) 3.測試與可用性評(píng)估,設(shè)計(jì)表單與報(bào)表格式的一般原則,表單與報(bào)表格式的一般原則 色彩 vs.無色彩,使用色彩的好處 看起來較順眼或較有印象 讓原本沈悶的畫面更活潑 在複雜的顯示畫面中有助於區(qū)分 強(qiáng)調(diào)邏輯性的資訊組織 將注意力拉到警告訊息上 喚起情緒上的反應(yīng),使用色彩的問題 可能完全看不見色彩或辨認(rèn)困難者（如患有色盲者）會(huì)造成困擾 解析度可能因不同顯示器而降低 色彩可能因不同的顯示器而失真 若要列印或變換到其它媒體可能不好轉(zhuǎn)換,表單與報(bào)表格式的一般原則,文字顯示 以大小寫混合的字母與適當(dāng)?shù)臉?biāo)點(diǎn)符號(hào)來顯示文字 若空間允許，各行之間應(yīng)該隔以雙行距，或至少在每段之間隔一行空白(行與行之間不要太擁擠) 文字靠左對(duì)齊並允許右邊參差不齊 不要在兩行之間使用連字號(hào)(指的是英語字彙) 使用的縮寫或簡寫應(yīng)求簡短與易了解,表單與報(bào)表格式的一般原則,設(shè)計(jì)表格與清單 標(biāo)題 每個(gè)直欄與每個(gè)橫列都要具備有意義的標(biāo)題 標(biāo)題應(yīng)該突顯起來，與其它資訊有所區(qū)別 當(dāng)資料不只一個(gè)畫面或不只一頁時(shí)，再一次顯示其標(biāo)題 除了要強(qiáng)調(diào)的重點(diǎn)外，一律使用單一字體 避免太過花俏的字體,設(shè)計(jì)表格與清單 將數(shù)字、文字、文數(shù)字的資料格式化 將數(shù)字資料依小數(shù)點(diǎn)或其他定位符號(hào)向右對(duì)齊 將文數(shù)字資料向左對(duì)齊。使用短行排列，通常一行有30至40個(gè)字元 將一長串文數(shù)字資料分割成三、四個(gè)字元一組 書面報(bào)表 vs. 電子報(bào)表 必須在設(shè)計(jì)時(shí)考慮產(chǎn)生書面報(bào)表用的印表機(jī)，避免格式不一致或者是印表機(jī)是否為黑白因而無法顯示顏色,表單與報(bào)表格式的一般原則,範(fàn)例:設(shè)計(jì)不良的表單,範(fàn)例:設(shè)計(jì)不良的表單,範(fàn)例:加強(qiáng)設(shè)計(jì)後的表單,字體大小、密度適當(dāng) 標(biāo)題字體要大,有分隔線,數(shù)字向右靠齊,文字向左靠齊,分欄對(duì)齊且標(biāo)題清楚,總體的資訊,分項(xiàng)明細(xì)的資訊,範(fàn)例:加強(qiáng)設(shè)計(jì)後的表單,適當(dāng)?shù)剡\(yùn)用表格與圖形,使用表格的目的: 為了清楚顯示個(gè)別的資料明細(xì) 使用圖形的目的: (1)為了快速的一覽資料及掌握重點(diǎn) (2)為了觀察資料的時(shí)間趨勢 (3)為了清楚比較不同項(xiàng)目的比重與差異,範(fàn)例: 松谷家具公司的業(yè)務(wù)員銷售年報(bào),範(fàn)例: 松谷家具公司的業(yè)務(wù)員業(yè)績比較表 (使用時(shí)間趨勢折線圖),範(fàn)例: 松谷家具公司的業(yè)務(wù)員業(yè)績比較表 (使用長條圖),評(píng)估可用性,表單與報(bào)表為人機(jī)互動(dòng)過程的一部份，因此需把握三個(gè)特性 速度: 你可以有效率地完成工作嗎? 精確: 其輸出是否能夠提供你想要的資訊? 滿意: 你喜歡使用這個(gè)輸出資訊嗎?,表單與報(bào)單可用性的一般設(shè)計(jì)原則,在設(shè)計(jì)表單與報(bào)表時(shí)所考量的因素,可用性的評(píng)估,可用性的測量 考量項(xiàng)目 學(xué)習(xí)時(shí)間 效能 錯(cuò)誤率 記憶持久性 主觀上的滿意度 蒐集方法 觀察 訪談 擷取輸入 問卷,設(shè)計(jì)網(wǎng)頁版面時(shí)的常見錯(cuò)誤,電子商務(wù)應(yīng)用：如何在Web上設(shè)計(jì)表單與報(bào)表,隨堂練習(xí),EX1:請(qǐng)?jiān)O(shè)計(jì)一個(gè)關(guān)於學(xué)生網(wǎng)路選修課程的輸入畫面。 EX2:假設(shè)學(xué)校會(huì)在同學(xué)輸入選修課程兩週後，會(huì)印發(fā)一張報(bào)表請(qǐng)同學(xué)簽名確認(rèn)無誤。請(qǐng)