系統(tǒng)分析與設(shè)計(jì)SAD413v1課件

系統(tǒng)分析與設(shè)計(jì)，第四版學(xué)習(xí)目標(biāo)描述使用者接口與系統(tǒng)接口間的差異解釋為什么使用者接口是使用者的系統(tǒng)討論以使用者為核心的設(shè)計(jì)中三項(xiàng)原則的重要性說明人機(jī)互動(HCI)領(lǐng)域的歷史演進(jìn)學(xué)習(xí)目標(biāo)(續(xù))描述人機(jī)互動的三種比喻討論可見性與可利用性對可用程度的影響方式當(dāng)設(shè)計(jì)使用者接口時，運(yùn)用對白設(shè)計(jì)的八項(xiàng)黃金鐵律將整體系統(tǒng)結(jié)構(gòu)定義成菜單階層學(xué)習(xí)目標(biāo)(續(xù))將人機(jī)互動的場景寫成對白的形式建立腳本顯示對白中使用的窗體順序使用UML類別圖與循序圖，記錄對白的設(shè)計(jì)設(shè)計(jì)用來實(shí)作對白的窗口窗體與瀏覽器窗體列出網(wǎng)站設(shè)計(jì)的主要原則概述使用者接口負(fù)責(zé)處理輸入與輸出的工作，而這些工作的內(nèi)容則與系統(tǒng)使用者直接相關(guān)本章所要強(qiáng)調(diào)的地方，是使用者與計(jì)算機(jī)間的互動，也就是所謂的人機(jī)互動(HCI)描述使用者接口的比喻可用性語網(wǎng)站開發(fā)作業(yè)的指南記錄對白設(shè)計(jì)的做法，包括運(yùn)用對象導(dǎo)向開發(fā)方法的UML圖輸入與輸出的辨識與分類分析師在定義系統(tǒng)范圍時進(jìn)行確認(rèn)分析階段產(chǎn)生的需求模型事件數(shù)據(jù)表會幫每個外部的事件建立觸發(fā)程序這些觸發(fā)程序代表的就是輸入的內(nèi)容輸出內(nèi)容則以對事件的響應(yīng)方式呈現(xiàn)認(rèn)識使用者接口使用者接口的實(shí)體層面使用者真正會接觸到的設(shè)備、參考手冊、書面文件、窗體使用者接口的認(rèn)知層面使用者會看到、聽到或接觸到的每件事情（除了實(shí)體設(shè)備之外），像是屏幕對象、菜單與按鈕使用者接口的概念層面使用者對系統(tǒng)與邏輯功能方面知道的事項(xiàng)使用者接口的實(shí)體、認(rèn)知與概念層面以使用者為核心的設(shè)計(jì)在初期透過專注于需求層面,將注意力集中在使用者與他們的工作可用性-系統(tǒng)容易學(xué)習(xí)與使用的程度反復(fù)開發(fā)方法持續(xù)關(guān)注使用者在每次反復(fù)作業(yè)之后，都必須回到使用者需求之上并評估系統(tǒng)的功能人機(jī)互動(HCI)人類與機(jī)器間互動的研究人因工程(人體工學(xué))對HCI有所貢獻(xiàn)的學(xué)科人機(jī)互動的比喻直接操作的比喻使用者與屏幕上的對象互動文件的比喻與計(jì)算機(jī)的互動涉及的是瀏覽，以及在電子文件中輸入數(shù)據(jù)WWW,超文字,與超媒體對話的比喻與計(jì)算機(jī)的互動很像是在進(jìn)行一段對話在屏幕上顯示以直接操作觀點(diǎn)為基礎(chǔ)的桌面比喻在網(wǎng)頁瀏覽器中以超媒體方式顯示的文件比喻對話的比喻表示訊息傳送的概念設(shè)計(jì)使用者接口的指南可見性使用者應(yīng)該看得到所有的控件這些控件也應(yīng)該提供立即性的回饋，表示它正在響應(yīng)使用者的動作可利用性從任何控件的外觀，應(yīng)該可以看得出它的功能系統(tǒng)開發(fā)人員應(yīng)該使用出版的接口設(shè)計(jì)標(biāo)準(zhǔn)與指南設(shè)計(jì)交互式接口的八項(xiàng)黃金鐵律記錄對話的設(shè)計(jì)與其它的系統(tǒng)活動同時完成以使用者互動的輸入與輸出為基礎(chǔ)用來定義菜單的階層讓使用者可以瀏覽每個對話的內(nèi)容提供整體的系統(tǒng)結(jié)構(gòu)故事腳本、原型與UML圖整體菜單階層的設(shè)計(jì):每個使用案例都列在菜單之下加上公用程序,偏好設(shè)定,與說明對話與故事腳本記錄對話的方式很多按照活動的流程撰寫說明,就像是使用案例說明一樣文字的說明屏幕的草圖故事腳本的編制–顯示對話過程中屏幕草圖的順序DownTownVideos出租錄像帶對話的腳本(圖13-9)使用UML類別圖記錄對話的設(shè)計(jì)對象導(dǎo)向的觀點(diǎn)提供UML圖使用案例說明使用者與系統(tǒng)互動時會遵循的系列步驟活動圖為使用案例記錄使用者與計(jì)算機(jī)間的對話系統(tǒng)循序圖(SSD)參與者（也就是使用者）將訊息傳給系統(tǒng)系統(tǒng)使用訊息的形式回傳信息RMO中「查詢商品供貨情形」使用案例的循序圖(圖13-10)顯示構(gòu)成ProductQueryForm接口類別的類別圖顯示特定接口對象的循序圖(圖13-12)設(shè)計(jì)窗口窗體與瀏覽器窗體的指南每段對話都可能需要用到多個窗口窗體標(biāo)準(zhǔn)窗體非常普及窗口:VisualBasic,C++,C#,Java瀏覽器:HTML,VBScript,JavaScript,ASP,Javaservlets實(shí)作了解窗體的作用與其中的數(shù)據(jù)域位使用原型工具建立這些窗體窗體設(shè)計(jì)的課題窗體的版面設(shè)計(jì)與格式標(biāo)題、標(biāo)簽與商標(biāo)字型的大小、反白顯示與顏色數(shù)據(jù)輸入字段與按鈕的分配和順序數(shù)據(jù)的輸入方式(使用標(biāo)準(zhǔn)的控件)文字方塊,清單方塊,下拉式方塊等瀏覽與支持用的控件說明方面的支持–教學(xué)課程，索引式清單，以及內(nèi)容密集的說明文件設(shè)計(jì)網(wǎng)站的指南引用設(shè)計(jì)窗口窗體與瀏覽器窗體的指南與規(guī)則網(wǎng)站的用途企業(yè)的通訊顧客的信息與服務(wù)銷售,配銷,與營銷必須全天候提供顧客服務(wù)網(wǎng)站設(shè)計(jì)的十大優(yōu)質(zhì)作為在每個網(wǎng)頁上放置組織的名稱與商標(biāo)，并將商標(biāo)與首頁產(chǎn)生連結(jié)提供搜尋的功能撰寫簡潔的標(biāo)題，清楚說明網(wǎng)頁的內(nèi)容組織網(wǎng)頁的內(nèi)容，讓使用者便于掃瞄使用超級鏈接的功能，將信息組織在個別的網(wǎng)頁上網(wǎng)站設(shè)計(jì)的十大優(yōu)質(zhì)作為(續(xù))使用產(chǎn)品的相片(縮圖)，不過應(yīng)該避免使用太多的相片，造成加載速度太慢使用強(qiáng)化部份的影像壓技巧;縮小最相關(guān)的細(xì)節(jié)使用連結(jié)的標(biāo)題，讓使用者在按下它之前，可以預(yù)覽它的內(nèi)容確保殘障的使用者可以讀取所有重要的網(wǎng)頁請務(wù)必蕭規(guī)曹隨，因?yàn)槭褂谜邥谕囟ǖ墓δ茉O(shè)計(jì)RMO使用的對話對話模型的步驟記錄顧客的信息建立新的訂單記錄交易的細(xì)節(jié)確認(rèn)訂單的內(nèi)容傳統(tǒng)的開發(fā)方法–使用結(jié)構(gòu)圖對象導(dǎo)向的觀點(diǎn)–擴(kuò)充SSD加入窗體RMO需要的窗體主菜單的窗體（Mainmenuform）顧客的窗體（Customerform）項(xiàng)目搜尋的窗體（Itemsearchform）產(chǎn)品明細(xì)的窗體（Productdetailform）訂單摘要的窗體（Ordersummaryform）出貨與付款方式的窗體（Shippingandpaymentoptionsform）訂單確認(rèn)的窗體（Orderconfirmationform）建立新訂單對話中以順序?yàn)楹诵牡脑O(shè)計(jì)概念建立新訂單對話中以訂單為核心的設(shè)計(jì)概念以訂單為核心的原型窗體:MainMenu窗體(圖13-17a)OrderSummary與ProductDetail窗體(圖13-17b與13-17c)CompletedOrderSummary與ShippingPayment窗體(圖13-17d與13-17e)RMO網(wǎng)站的對話設(shè)計(jì)使用者與計(jì)算機(jī)間的基本對話，與電話訂購的情節(jié)是一樣的網(wǎng)站需要提供更多的信息給使用者，也需要更有彈性，而且還要更容易使用需要提供更多的圖片顧客需要的信息與電話訂單員工不同可見性與可利用性指南用來反映公司的正面形象RMO的首頁RMO網(wǎng)站中的產(chǎn)品明細(xì)網(wǎng)頁RMO網(wǎng)站中的購物籃網(wǎng)頁總結(jié)使用者接口指的是當(dāng)使用者接觸系統(tǒng)時的每件內(nèi)容實(shí)體、感官與概念對某些使用者來說，使用者接口就是系統(tǒng)以使用者為核心的設(shè)計(jì)指的是初期專注于使用者與他們的工作內(nèi)容評估設(shè)