用戶(hù)界面設(shè)計(jì)試驗(yàn)

1、用戶(hù)界面設(shè)計(jì)實(shí)驗(yàn)報(bào)告學(xué) 號(hào)： 201521092041姓 名：汪業(yè)偉班級(jí)名稱(chēng)： 12軟工指導(dǎo)教師：王新年實(shí)驗(yàn)日期：序號(hào)版本號(hào)修訂內(nèi)容教師評(píng)語(yǔ)及成績(jī)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:中國(guó)工商銀行自動(dòng)取款機(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?可以再多增加幾種諦言，方便其他國(guó)家的人使用161What specific things did you like about this interface?界面簡(jiǎn)潔明了，非常干凈，給人很好的視覺(jué)體驗(yàn)。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針對(duì)officer和學(xué)生們的需求分析，從我自身分析，對(duì)于我日常的安排我平時(shí)會(huì)用 專(zhuān)門(mén)的記事本記錄和更改，對(duì)于日常各種事

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

9、己的日程安排等信 息。The aims方便學(xué)生記事What the users want to doThe function definitions實(shí)現(xiàn)功能（主界面導(dǎo)航）：一、工作臺(tái)【主要功能）：3、效率評(píng)估1、待辦事件2、日程安排4、通訊錄5、定時(shí)提醒、通行路線(xiàn):可以和平時(shí)安排聯(lián)系起來(lái)，可以提前安排好行車(chē)路線(xiàn)、天氣情況：和日程安排聯(lián)系起來(lái)，提醒用戶(hù)天氣狀況，便于用戶(hù)及時(shí)修改自己的日程 安排。四、桌面圖標(biāo)：將桌面快捷方式整理到這里，這是方便用戶(hù)的一個(gè)小工具，此功能為了挽 留用功能太單一，用戶(hù)可能會(huì)流失。The main GUI工作界面今日事務(wù)通彳搭線(xiàn)天氣狀況桌面圖標(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、登陸界面對(duì)比:個(gè)人日常管理系統(tǒng)2、主界面:3、子界面-主界面:4、子界面-子界面-主界面:任務(wù)信息7The Principles風(fēng)格設(shè)計(jì)分析：針對(duì)用戶(hù)年輕，更加偏好色彩豐富，但是針對(duì)于此軟件要求的功能應(yīng)符合操作簡(jiǎn)單。則主要用鼠標(biāo)點(diǎn)擊操作就可以方便的查看用戶(hù)的日程安排 信息。雖然要追求界面的時(shí)尚和華麗，但是界面過(guò)于艷麗，容易導(dǎo)致用戶(hù)視覺(jué)疲 勞。則輕松的淡彩色為主配色，灰色系為主。用戶(hù)導(dǎo)航顯示：簡(jiǎn)單明了，文字描述要明了，通過(guò)文字和圖標(biāo)配合示意

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

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

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

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