用戶界面設(shè)計試驗

1、用戶界面設(shè)計實驗報告學(xué) 號： 201521092041姓 名：汪業(yè)偉班級名稱： 12軟工指導(dǎo)教師：王新年實驗日期：序號版本號修訂內(nèi)容教師評語及成績Ex1Ex2Ex3Ex4 TOC o 1-5 h z Experiment 1: Evaluation Practices 1Experiment 2: Design a graphic user interface 3Experiment 3: Error Messages GUI 10Experiment 4: Help Document 11Experiment 1: Evaluation PracticesMy Opinion about t

2、he web sites:中國工商銀行自動取款機(jī)No.CriteriaImportanceGoalActualmostleast12345TimeTime1Time to learnV一分鐘一分鐘2Speed performanceofVlowmodhighvery highlowmodhighvery high3Rate of errors usersbyVVV4Subjective satisfactionVVV5Retention over timeVVVUse the blank provided to answer the questions. Answer the question

3、s on a scale of 1 to 5, where 1 is a strong no, 5 is a strong yes, and 3 is neutral. If the question does not apply, use a 0.No.CriteriaScorenoneutralyes12345N/A6Is the terminology consistent?V7Is the terminology appropriate?V8Is the terminology in the users vocabulary?V9Are the instructions consist

4、ent?V10Do the instructions accurately describe the task?V11Do the display layouts simplify the tasks?V12Are the error messages helpful?/13Is it easy to correct errors?VNo.CriteriaScorenoneutralyes14Is the online help consistent and useful?VNo.Comment15What specific suggestions do you have to improve

5、 this interface?可以再多增加幾種諦言，方便其他國家的人使用161What specific things did you like about this interface?界面簡潔明了，非常干凈，給人很好的視覺體驗。Experiment 2: Design a graphic user interfaceNow, you can use the usability measurement to design a graphic user interface.First, you must select a system to finish sessions or tasks

6、for users, so users requirements must be analyzed to define all functions you want to realize.Second, you must draw a graphic UI using the software tools, such as Microsoft visual studio, or Visio, or others. All functions must be appeared in this GUI include a main interface and all assistant inter

7、faces.Finally, you must explain why and how you design these GUIs according to the usability measurement and the EIGTH GOLDEN RULES.The document format is described as follow. You can finish this work by PPT or MS Word.The system requirement針對officer和學(xué)生們的需求分析，從我自身分析，對于我日常的安排我平時會用 專門的記事本記錄和更改，對于日常各種事

8、務(wù)可能會沖突或不變攜帶現(xiàn)在針對這 些需求，設(shè)計出符合此人群適合的一款系統(tǒng)來幫助人們更好的安排日程和完成工 作。此系統(tǒng)是要面向個人的，同企業(yè)系統(tǒng)相比，此軟件要力求操作簡單，效率要 高效，由于針對的人群是officer和大學(xué)生，這些人都是年輕的一代人，對計算 機(jī)和系統(tǒng)都比較了解，而且傾向于華麗的界面，但是該系統(tǒng)同時要解決高效，較 少的操作較快地達(dá)到用戶的需求。由于工作原因或計算機(jī)系統(tǒng)崩潰等用戶在本機(jī) 保存的日程安排等數(shù)據(jù)可能丟失的情況，同時，有些情況下可能無法連接網(wǎng)絡(luò)， 此系統(tǒng)應(yīng)支持1.、本機(jī)數(shù)據(jù)保存。2、可以上傳到服務(wù)器數(shù)據(jù)庫，用戶注冊可獲 得免費(fèi)的空間，用戶注冊后，只要登錄就能在隨時隨地獲得自

9、己的日程安排等信 息。The aims方便學(xué)生記事What the users want to doThe function definitions實現(xiàn)功能（主界面導(dǎo)航）：一、工作臺【主要功能）：3、效率評估1、待辦事件2、日程安排4、通訊錄5、定時提醒、通行路線:可以和平時安排聯(lián)系起來，可以提前安排好行車路線、天氣情況：和日程安排聯(lián)系起來，提醒用戶天氣狀況，便于用戶及時修改自己的日程 安排。四、桌面圖標(biāo)：將桌面快捷方式整理到這里，這是方便用戶的一個小工具，此功能為了挽 留用功能太單一，用戶可能會流失。The main GUI工作界面今日事務(wù)通彳搭線天氣狀況桌面圖標(biāo)52 9 2 a.1 1叵1

10、 -s 5 1 1120 3 0 7 4 17113 3The other GUIsYour GUIs versus other similar GUIs1、登陸界面對比:個人日常管理系統(tǒng)2、主界面:3、子界面-主界面:4、子界面-子界面-主界面:任務(wù)信息7The Principles風(fēng)格設(shè)計分析：針對用戶年輕，更加偏好色彩豐富，但是針對于此軟件要求的功能應(yīng)符合操作簡單。則主要用鼠標(biāo)點擊操作就可以方便的查看用戶的日程安排 信息。雖然要追求界面的時尚和華麗，但是界面過于艷麗，容易導(dǎo)致用戶視覺疲 勞。則輕松的淡彩色為主配色，灰色系為主。用戶導(dǎo)航顯示：簡單明了，文字描述要明了，通過文字和圖標(biāo)配合示意

11、，用戶 看到按鈕，可以快速的明白此按鈕功能。布局應(yīng)該滿足用戶習(xí)慣，結(jié)合廣大軟件 按鈕布局方式。為了保持界面在設(shè)計過程中，要求各個界面的風(fēng)格的統(tǒng)一，先做出表格，列 出界面制作統(tǒng)一的原則和規(guī)范?？蝮w顏色外邊框輸入框按鈕登陸界面淡藍(lán)色灰色灰白色主界向淺綠色灰色灰白色子界向灰色灰白色文字部分標(biāo)題文子輸入框文字菜單文字幫助文字字體微軟雅黑微軟雅黑微軟雅黑微軟雅黑大小小四五號五號五號1）確定用戶水平2）任務(wù)識別3）選擇交互風(fēng)格4）八條黃金規(guī)則5）預(yù)防錯誤原則The guidelines1）界面導(dǎo)航在進(jìn)入界面開始，會有導(dǎo)航，和新手入門，一步步幫助用戶去了解和學(xué)習(xí) 本軟件的功能，由于主要面對的用戶群是廣大的學(xué)

12、生和 officer們，都是有一定 電腦操作基礎(chǔ)的人群，設(shè)計的這個界面簡潔，按鈕文字很清楚的描述了所帶的功 能，用戶會比較快的時間內(nèi)掌握此軟件的使用。2）組織顯示軟件界面是分為三層的，主要都是在主界面完成的，而且會幫助用戶提醒所 犯的錯誤，用戶的日程安排對時間的精確性要求比較高， 則在時間設(shè)置和設(shè)置提 醒方面則不允許出錯，否則可能會給用戶帶來不便，則在時間方面會有糾錯能力， 并且取出歧義，例如：24時或12時會明確指出上午、下午和晚上，也提醒用戶 注意時間安排，如果有沖突也會提出有錯，并會指出錯誤的原因3）引起用戶注意此界面清爽，顏色柔和，并且增加了一些小工具，在幫助用戶安排日程的同 時，用戶

13、也可以用此軟件幫助自己更好生活。天氣狀況，行車路線，在安排日程 的同時也會和這些情況結(jié)合起來。例如：人們在安排日程任務(wù)的時候都會受到這 些情況的影響，我們設(shè)計這款軟件就是為了滿足用戶的需求，則在需求分析中就 設(shè)計到了這點，這款軟件暫時集合了這些功能來滿足用戶安排好事務(wù)，結(jié)合良好 的界面，估計用戶對這款軟件會比較滿意。4）數(shù)據(jù)輸入此軟件設(shè)計數(shù)據(jù)支持本地存儲和上傳服務(wù)器，當(dāng)網(wǎng)速或其他原因，不便從服 務(wù)器讀取數(shù)據(jù)時，則可以先在本地操作，這種設(shè)計就加快了運(yùn)行的速度。由于面 向的個人事務(wù)管理，功能不夠強(qiáng)大，但是運(yùn)行速度會較快，這很好的滿足了用戶 的需要。5）預(yù)防錯誤此界面對于錯誤的輸入可以給出相應(yīng)的提示

14、，并且足夠的提示可以使用戶預(yù)防錯誤。ReviewLet your two classmate review your GUIs and give three recommendations at least. （Usingusability or the eight golden rules）.201521079011,池杰：該界面的功能實現(xiàn)很好，但按鈕分布較亂，不清楚一些按鈕的功能；201521092052,馬均衡：該界面滿足大多相同用戶的要求，可以廣泛使 用201521092045,余和陽：該界面的各種功能都為用戶考慮到了，但在輸 入內(nèi)容的界面不是很好。Experiment 3: Error Messages GUIYou can draw a GUI for error messages, why do you design this個人日常管理系統(tǒng)密碼記住都碼登廟2211973735注冊找回自動登錄I設(shè)置密碼錯誤！這個錯誤提示界面用來提示用戶輸入的用戶名或者密碼錯誤，將錯誤反饋給用戶，并提供用戶幾種解決方法，來幫助用戶正常操作.10Experiment 4: Help DocumentDesign a help document according to Experiment 2.系統(tǒng)介紹：本系統(tǒng)主要用于記錄用戶日常的安排和更改，以免各種事務(wù)