1、. ."用戶界面設計"實驗報告學 號：1姓 名：汪業偉班級名稱：12軟工指導教師：王新年實驗日期：序號版本號修訂內容教師評語及成績Ex1Ex2Ex3Ex4- 優選. .目 錄Experiment 1: Evaluation Practices1Experiment 2: Design a graphic user interface3Experiment 3: Error Messages GUI6Experiment 4: Help Document6. .word.zl. .Experiment 1: Evaluation PracticesMy Opinion abo

2、ut the web sites: 中國工商銀行自動取款機No.CriteriaImportanceGoalActual mostleast  12345TimeTime1Time to learn一分鐘一分鐘2Speed of performancelowmodhighvery highlowmodhighvery high3Rate of errors by users4Subjective satisfaction5Retention over timeUse the blank provided to answer the questions. Answe

3、r the questions 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.CriteriaScore noneutralyes 12345N/A6Is the terminology consistent"7Is the terminology appropriate"8Is the terminology in the user's v

4、ocabulary"9Are the instructions consistent"10Do the instructions accurately describe the task"11Do the display layouts simplify the tasks"12Are the error messages helpful"13Is it easy to correct errors"14Is the online help consistent and useful"No.ment 15What speci

5、fic suggestions do you have to improve this interface"可以再多增加幾種語言，方便其他國家的人使用16What 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 mu

6、st select a system to finish sessions or tasks 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

7、include a main interface and all assistant interfaces. 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.1. The system requirement針對offi

8、cer和學生們的需求分析，從我自身分析，對于我日常的安排我平時會用專門的記事本記錄和更改，對于日常各種事務可能會沖突或不變攜帶現在針對這些需求，設計出符合此人群適合的一款系統來幫助人們更好的安排日程和完成工作。此系統是要面向個人的，同企業系統相比，此軟件要力求操作簡單，效率要高效，由于針對的人群是officer和大學生，這些人都是年輕的一代人，對計算機和系統都比較了解，而且傾向于華美的界面，但是該系統同時要解決高效，較少的操作較快地到達用戶的需求。由于工作原因或計算機系統崩潰等用戶在本機保存的日程安排等數據可能喪失的情況，同時，有些情況下可能無法連接網絡，此系統應支持1.、本機數據保存。2、可

9、以上傳到效勞器數據庫，用戶注冊可獲得免費的空間，用戶注冊后，只要登錄就能在隨時隨地獲得自己的日程安排等信息。1.1 The aims方便學生記事1.2 What the users want to do2. The function definitions實現功能(主界面導航)：一、工作臺【主要功能：1、待辦事件 2、日程安排 3、效率評估4、通訊錄 5、定時提醒二、通行路線：可以和平時安排聯系起來，可以提前安排好行車路線三、天氣情況：和日程安排聯系起來，提醒用戶天氣狀況，便于用戶及時修改自己的日程安排。四、桌面圖標：將桌面快捷方式整理到這里，這是方便用戶的一個小工具，此功能為了挽留用功能太單

10、一，用戶可能會流失。3.2 The main GUI3.3 The other GUIs4. Your GUIs versus other similar GUIs1、登陸界面比照：2、主界面：3、子界面-主界面：4、子界面-子界面-主界面：5. The Principles風格設計分析：針對用戶年輕，更加偏好色彩豐富，但是針對于此軟件要求的功能應符合操作簡單。那么主要用鼠標點擊操作就可以方便的查看用戶的日程安排信息。雖然要追求界面的時尚和華美，但是界面過于艷麗，容易導致用戶視覺疲勞。那么輕松的淡彩色為主配色，灰色系為主。用戶導航顯示：簡單明了，文字描述要明了，通過文字和圖標配合示意，用戶看到

11、按鈕，可以快速的明白此按鈕功能。布局應該滿足用戶習慣，結合廣闊軟件按鈕布局方式。為了保持界面在設計過程中，要求各個界面的風格的統一，先做出表格，列出界面制作統一的原那么和標準。框體顏色外邊框輸入框按鈕登陸界面淡藍色灰色灰白色主界面淺綠色灰色灰白色子界面灰色灰白色文字局部標題文字輸入框文字菜單文字幫助文字字體微軟雅黑微軟雅黑微軟雅黑微軟雅黑大小小四五號五號五號1) 確定用戶水平2) 任務識別3) 選擇交互風格4) 八條黃金規那么5) 預防錯誤原那么6. The guidelines1) 界面導航在進入界面開場，會有導航，和新手入門，一步步幫助用戶去了解和學習本軟件的功能，由于主要面對的用戶群是廣

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

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

14、足夠的提示可以使用戶預防錯誤。7. ReviewLet your two classmate review your GUIs and give three remendations at least. (Using usability or the eight golden rules).1，池杰：該界面的功能實現很好，但按鈕分布較亂，不清楚一些按鈕的功能； 2，馬均衡：該界面滿足大多一樣用戶的要求，可以廣泛使用 5，余和陽：該界面的各種功能都為用戶考慮到了，但在輸入內容的界面不是很好。Experiment 3:Error Messages GUIYou can draw a GUI for error messages, why do you design this "這個錯誤提示界面用來提示用戶輸入的用戶名或者密碼錯誤，將錯誤反響給用戶，并提供用戶幾種解決方法，來幫助用戶正常操作.Experiment 4: Help DocumentDesign a