《用戶界面設(shè)計(jì)與評(píng)測(cè)》實(shí)驗(yàn)指導(dǎo)書1027

1、 用戶界面設(shè)計(jì)與評(píng)測(cè)實(shí) 驗(yàn) 指 導(dǎo) 書 編 寫適用專業(yè)： 軟件工程、 計(jì)算機(jī)科學(xué)與技術(shù)（專升本） 閩江學(xué)院_計(jì)算機(jī)系2010年7 月前 言用戶界面設(shè)計(jì)在軟件開發(fā)過程中占有越來越重要的地位。用戶界面的好壞在很大程度上影響著軟件的命運(yùn)。本課程主要講授用戶界面的研究?jī)?nèi)容，用戶界面設(shè)計(jì)的基本原則，用戶界面設(shè)計(jì)的開發(fā)過程和基本方法，用戶界面的評(píng)測(cè)方法與過程等。學(xué)生通過本課程學(xué)習(xí)后，需要掌握用戶界面設(shè)計(jì)的過程和方法，具備通過綜合考慮“易用性設(shè)計(jì)”、“藝術(shù)設(shè)計(jì)”和“技術(shù)實(shí)現(xiàn)”等原理或原則設(shè)計(jì)良好的軟件用戶界面的能力。為了使學(xué)生更好地理解和深刻地把握這些知識(shí)，本課程設(shè)置了“設(shè)計(jì)過程體驗(yàn)”、“用戶界面需求分析與

2、概要設(shè)計(jì)”、“用戶界面詳細(xì)設(shè)計(jì)與原型開發(fā)”、“用戶界面評(píng)測(cè)”四個(gè)實(shí)驗(yàn)項(xiàng)目，都為必做項(xiàng)目。其中“設(shè)計(jì)過程體驗(yàn)”為驗(yàn)證性實(shí)驗(yàn)，主要讓學(xué)生體驗(yàn)用戶界面設(shè)計(jì)過程；“用戶界面需求分析與概要設(shè)計(jì)”、“用戶界面詳細(xì)設(shè)計(jì)與原型開發(fā)”為設(shè)計(jì)性實(shí)驗(yàn)，要求學(xué)生通過參與某一具體的軟件系統(tǒng)的界面分析、設(shè)計(jì)與開發(fā)，將理論與實(shí)際相合，培養(yǎng)軟件用戶界面設(shè)計(jì)的能力；“用戶界面評(píng)測(cè)”為演示性實(shí)驗(yàn)，要求學(xué)生演示已開發(fā)的界面原型，參與原型的評(píng)測(cè)。本實(shí)驗(yàn)指導(dǎo)書適合計(jì)算機(jī)科學(xué)與技術(shù)（專升本）、軟件工程本科專業(yè)使用。8目 錄實(shí)驗(yàn)一 設(shè)計(jì)過程體驗(yàn) 1實(shí)驗(yàn)二 用戶界面需求分析與概要設(shè)計(jì) 3實(shí)驗(yàn)三 用戶界面詳細(xì)設(shè)計(jì)與原型開發(fā) 5實(shí)驗(yàn)四 用戶界面

3、評(píng)測(cè) 7實(shí)驗(yàn)一 設(shè)計(jì)過程體驗(yàn)實(shí)驗(yàn)學(xué)時(shí)：2學(xué)時(shí)實(shí)驗(yàn)類型：（驗(yàn)證）實(shí)驗(yàn)要求：（必做）一、實(shí)驗(yàn)?zāi)康耐ㄟ^本次實(shí)驗(yàn)讓學(xué)生體會(huì)用戶界面設(shè)計(jì)過程。二、實(shí)驗(yàn)內(nèi)容每個(gè)人獨(dú)立設(shè)計(jì)一個(gè)裝修、產(chǎn)品外觀、軟件界面等一個(gè)作品的界面，要求可使用的，既要美觀又要好用。編寫符合規(guī)范的設(shè)計(jì)說明書和實(shí)驗(yàn)報(bào)告三、實(shí)驗(yàn)原理、方法和手段參考教材從p6開始的軟件界面設(shè)計(jì)概述一章，同時(shí)結(jié)合案例、課件等相關(guān)內(nèi)容。采用原型開發(fā)方法。上機(jī)操作四、實(shí)驗(yàn)組織運(yùn)行要求集中授課五、實(shí)驗(yàn)條件piii以上機(jī)型，內(nèi)存512m以上，安裝visual studio2005、jdk、eclipse和其他界面設(shè)計(jì)工具、圖形圖像處理工具，如office visio中“軟

4、件”“windows xp用戶界面”、visual c+、delphi、ps、dreamweaver等。六、實(shí)驗(yàn)步驟步驟一：設(shè)定設(shè)計(jì)目標(biāo)步驟二：列舉設(shè)計(jì)原則步驟三：構(gòu)思步驟四：用軟件工具構(gòu)造界面原型步驟五：編寫設(shè)計(jì)說明書步驟六：寫實(shí)驗(yàn)報(bào)告七、思考題八、實(shí)驗(yàn)報(bào)告要求實(shí)驗(yàn)報(bào)告的內(nèi)容包括實(shí)驗(yàn)?zāi)康摹?shí)驗(yàn)設(shè)備、實(shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)記錄、實(shí)驗(yàn)結(jié)論五個(gè)部分。九、其它說明每個(gè)人至少熟練掌握一種可視化界面設(shè)計(jì)工具，能獨(dú)立設(shè)計(jì)各種用戶界面。還未掌握的同學(xué)請(qǐng)參考課件和教材相關(guān)內(nèi)容，自行學(xué)習(xí)界面設(shè)計(jì)工具軟件的使用。界面設(shè)計(jì)是技術(shù)與藝術(shù)的結(jié)合，為了能設(shè)計(jì)出好的軟件界面，除了要掌握相關(guān)軟件工具之外，平時(shí)應(yīng)結(jié)合教材中有關(guān)藝術(shù)設(shè)計(jì)

5、的原則，多觀摩、評(píng)價(jià)好的軟件界面、工業(yè)產(chǎn)品外觀、平面藝術(shù)等作品。實(shí)驗(yàn)二 用戶界面需求分析與概要設(shè)計(jì) 實(shí)驗(yàn)學(xué)時(shí)：6學(xué)時(shí)實(shí)驗(yàn)類型：（設(shè)計(jì)）實(shí)驗(yàn)要求：（必做）一、實(shí)驗(yàn)?zāi)康?.熟悉用戶界面需求分析過程；2.掌握用戶界面需求分析報(bào)告的編寫； 3.熟悉用戶界面設(shè)計(jì)的指導(dǎo)原則。二、實(shí)驗(yàn)內(nèi)容選擇一個(gè)小型軟件系統(tǒng)（至少10個(gè)界面），調(diào)查、分析出完整、準(zhǔn)確的小組所選定軟件系統(tǒng)用戶界面的需求和環(huán)境，編寫需求分析報(bào)告，并給出初步設(shè)計(jì)。按照小組所選擇軟件系統(tǒng)給定的需求完成包圖和類圖。三、實(shí)驗(yàn)原理、方法和手段參考教材相應(yīng)知識(shí)點(diǎn)，同時(shí)結(jié)合案例、課件中的相關(guān)內(nèi)容。上機(jī)操作四、實(shí)驗(yàn)組織運(yùn)行要求集中授課，課外學(xué)生自主練習(xí)。五、實(shí)

6、驗(yàn)條件piii以上機(jī)型，內(nèi)存512m以上，安裝visual studio2005、jdk、eclipse和其他界面設(shè)計(jì)工具、圖形圖像處理工具，如office visio中“軟件”“windows xp用戶界面”、visual c+、delphi、ps、dreamweaver等。六、實(shí)驗(yàn)步驟步驟一：調(diào)查、分析、整理用戶需求，并以文字或圖形方式準(zhǔn)確描述；步驟二：用戶特性分析；步驟三：任務(wù)（功能）分析步驟四：編寫符合規(guī)范要求的需求分析報(bào)告；步驟五：進(jìn)行初步的用戶界面設(shè)計(jì)；步驟六：編寫一份用戶界面需求分析與概要設(shè)計(jì)實(shí)驗(yàn)報(bào)告。七、思考題八、實(shí)驗(yàn)報(bào)告要求實(shí)驗(yàn)報(bào)告的內(nèi)容包括實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)設(shè)備、實(shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)

7、記錄、實(shí)驗(yàn)結(jié)論五個(gè)部分。九、其它說明 在熟悉需求分析過程和方法的前提下，分小組（3-5人）選擇一個(gè)小型軟件系統(tǒng)（至少10個(gè)界面），每組開始討論、編寫符合標(biāo)準(zhǔn)的需求分析報(bào)告及用戶界面需求分析與概要設(shè)計(jì)實(shí)驗(yàn)報(bào)告，課內(nèi)無法完成的利用課外時(shí)間。下一次實(shí)驗(yàn)課時(shí)提交。實(shí)驗(yàn)三 用戶界面詳細(xì)設(shè)計(jì)與原型開發(fā) 實(shí)驗(yàn)學(xué)時(shí)：6學(xué)時(shí)實(shí)驗(yàn)類型：（設(shè)計(jì)）實(shí)驗(yàn)要求：（必做）一、實(shí)驗(yàn)?zāi)康?. 對(duì)所選定的軟件系統(tǒng)用戶界面進(jìn)行詳細(xì)設(shè)計(jì)并實(shí)現(xiàn)界面原型； 2. 掌握用戶界面設(shè)計(jì)的指導(dǎo)原則； 3. 掌握用戶界面設(shè)計(jì)的過程及方法。二、實(shí)驗(yàn)內(nèi)容按照小組所選定軟件系統(tǒng)給定的需求，使用工具設(shè)計(jì)、實(shí)現(xiàn)系統(tǒng)完整的界面原型。要求可操作，各個(gè)界面體現(xiàn)功

8、能性、易使用性和藝術(shù)性。以界面設(shè)計(jì)的黃金規(guī)則和各類界面設(shè)計(jì)的具體原則、藝術(shù)原則為衡量標(biāo)準(zhǔn)。包括系統(tǒng)的界面類型設(shè)計(jì)、交互設(shè)計(jì)、藝術(shù)設(shè)計(jì)、屏幕顯示與布局設(shè)計(jì)、幫助與出錯(cuò)界面設(shè)計(jì)等。用界面設(shè)計(jì)工具實(shí)現(xiàn)界面原型。三、實(shí)驗(yàn)原理、方法和手段參考教材第二章中軟件界面開發(fā)過程相關(guān)知識(shí)點(diǎn)，同時(shí)結(jié)合案例、課件中的相關(guān)內(nèi)容。上機(jī)操作、上機(jī)整理相關(guān)文檔。四、實(shí)驗(yàn)組織運(yùn)行要求集中授課，課外學(xué)生自主練習(xí)。五、實(shí)驗(yàn)條件piii以上機(jī)型，內(nèi)存512m以上，安裝visual studio2005、jdk、eclipse和其他界面設(shè)計(jì)工具、圖形圖像處理工具，如office visio中“軟件”“windows xp用戶界面”、v

9、isual c+、delphi、ps、dreamweaver等。六、實(shí)驗(yàn)步驟步驟一：界面類型設(shè)計(jì)、交互設(shè)計(jì)等；步驟二：屏幕顯示和布局設(shè)計(jì)；步驟三：藝術(shù)設(shè)計(jì)；步驟四：幫助與出錯(cuò)界面設(shè)計(jì)；步驟五：原型建立與界面實(shí)現(xiàn)；步驟六：編寫一份用戶界面詳細(xì)設(shè)計(jì)與原型開發(fā)實(shí)驗(yàn)報(bào)告。七、思考題八、實(shí)驗(yàn)報(bào)告要求實(shí)驗(yàn)報(bào)告的內(nèi)容包括實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)設(shè)備、實(shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)記錄、實(shí)驗(yàn)結(jié)論五個(gè)部分。九、其它說明 在熟悉界面設(shè)計(jì)過程、原則和方法的前提下，分小組（3-5人），每組開始討論、分工設(shè)計(jì)界面原型，編寫符合標(biāo)準(zhǔn)的用戶界面設(shè)計(jì)報(bào)告和用戶界面詳細(xì)設(shè)計(jì)與原型開發(fā)實(shí)驗(yàn)報(bào)告，課內(nèi)無法完成的利用課外時(shí)間。本次實(shí)驗(yàn)課結(jié)束時(shí)提交可演示的界面

10、原型、用戶界面設(shè)計(jì)報(bào)告和用戶界面詳細(xì)設(shè)計(jì)與原型開發(fā)實(shí)驗(yàn)報(bào)告。界面設(shè)計(jì)是技術(shù)與藝術(shù)的結(jié)合，為了能設(shè)計(jì)出好的軟件界面，除了數(shù)量掌握相關(guān)軟件工具之外，平時(shí)應(yīng)結(jié)合教材中有關(guān)藝術(shù)設(shè)計(jì)的原則，多觀摩、評(píng)價(jià)好的軟件界面、工業(yè)產(chǎn)品外觀、平面藝術(shù)等作品。實(shí)驗(yàn)四 用戶界面評(píng)測(cè) 實(shí)驗(yàn)學(xué)時(shí)：2學(xué)時(shí)實(shí)驗(yàn)類型：（演示）實(shí)驗(yàn)要求：（必做）一、實(shí)驗(yàn)?zāi)康恼莆哲浖脩艚缑娴脑u(píng)測(cè)過程和方法。 二、實(shí)驗(yàn)內(nèi)容班級(jí)內(nèi)循環(huán)，每組對(duì)班級(jí)內(nèi)另一組同學(xué)的軟件系統(tǒng)界面原型進(jìn)行評(píng)測(cè)，編寫評(píng)測(cè)報(bào)告。三、實(shí)驗(yàn)原理、方法和手段用戶界面評(píng)價(jià)方法包括觀察方法、咨詢方法、實(shí)驗(yàn)方法等。上機(jī)操作四、實(shí)驗(yàn)組織運(yùn)行要求集中授課五、實(shí)驗(yàn)條件piii以上機(jī)型，內(nèi)存512m

11、以上，安裝visual studio2005、jdk、eclipse和其他界面設(shè)計(jì)工具、圖形圖像處理工具，如office visio中“軟件”“windows xp用戶界面”、visual c+、delphi、ps、dreamweaver等。六、實(shí)驗(yàn)步驟步驟一：參照需求分析報(bào)告和設(shè)計(jì)報(bào)告進(jìn)行完整性和準(zhǔn)確性評(píng)價(jià)；步驟二：確定評(píng)測(cè)過程和方法；步驟三：根據(jù)所掌握的界面設(shè)計(jì)的原則，按照所確定評(píng)測(cè)過程和方法，對(duì)每個(gè)界面進(jìn)行評(píng)測(cè)并做說明（包括優(yōu)點(diǎn)和缺點(diǎn)），要求給出相應(yīng)界面的截圖；步驟四：對(duì)整個(gè)系統(tǒng)的界面做整體性評(píng)測(cè)結(jié)論，給出等級(jí)或評(píng)分；步驟五： 編寫符合規(guī)范的評(píng)測(cè)報(bào)告和用戶界面評(píng)測(cè)實(shí)驗(yàn)報(bào)告。七、思考題八、實(shí)驗(yàn)報(bào)告要求實(shí)驗(yàn)報(bào)告的內(nèi)容包括實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)設(shè)備、實(shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)記錄、實(shí)驗(yàn)結(jié)論五個(gè)部分。九、其它說明