用戶界面設計實例

用戶界面設計實例設計的系統(tǒng)名稱：個人日常事務管理系統(tǒng)針對用戶群是：廣闊電腦用戶〔有一定的電腦操作根底），officer和廣闊學生。、系統(tǒng)需求分析〔Thesystemrequirement〕針對officer和學生們的需求分析，從我自身分析：對于我日常的安排我平時會用專門的記事本記錄和更改，對于日常各種事務可能會沖突或不變攜帶，現(xiàn)在針對這些需求，設計出符合此人群適合的一款系統(tǒng)來幫助人們更好的安排日程和完成工作。此系統(tǒng)是要面向個人的，同企業(yè)系統(tǒng)相比，此軟件要力求操作簡單，效率要高效，由于針對的人群是officer和大學生，這些人都是年輕的一代人，對計算機和系統(tǒng)都比擬了解，而且傾向于華美的界面，但是該系統(tǒng)同時要解決高效，較少的操作較快地到達用戶的需求。由于工作原因或計算機系統(tǒng)崩潰等用戶在本機保存的日程安排等數(shù)據(jù)可能喪失的情況，同時，有些情況下可能無法連接網(wǎng)絡，此系統(tǒng)應支持 1.、本機數(shù)據(jù)保存。2、可以上傳到效勞器數(shù)據(jù)庫，用戶注冊可獲得免費的空間，用戶注冊后，只要登錄就能在隨時隨地獲得自己的日程安排等信息。、系統(tǒng)功能定義〔Thefunctiondefinitions〕個人日程管理系統(tǒng)主要是提供個人時間日程安排系統(tǒng)軟件，它具有相當方便的操作接口，讓用戶能夠?qū)λ才诺男谐桃荒苛巳唬ブ饕δ苓€附帶了更多功能和小工具，安排的行程可以生成通行路線，并會根據(jù)天氣預報提醒當天安排是否影響。而且用戶可以注冊，注冊后用戶有更多的效勞，安排的日程數(shù)據(jù)可以保存到本地同時可以更新到效勞器，這樣用戶就算到外地也可以隨時查看自己的日程安排，同時其他功能有：時鐘提醒、通訊錄、效率評估等。實現(xiàn)功能〔主界面導航〕：1/6'.一、 工作臺〔主要功能〕：1、待辦事件 2、日程安排 3、效率評估4、通訊錄 5、定時提醒二、 通行路線：可以和平時安排聯(lián)系起來，可以提前安排好行車路線三、 天氣情況和日程安排聯(lián)系起來，提醒用戶天氣狀況，便于用戶及時修改自己的日程安排。四、 桌面圖標將桌面快捷方式整理到這里，這是方便用戶的一個小工具，此功能為了挽留用戶，功能太單一，用戶可能會流失。三、界面設計和標準〔ThePrinciples〕風格設計分析：針對用戶年輕，更加偏好色彩豐富，但是針對于此軟件要求的功能應符合操作簡單。那么主要用鼠標點擊操作就可以方便的查看用戶的日程安排信息。雖然要追求界面的時尚和華美，但是界面過于艷麗，容易導致用戶視覺疲勞。那么輕松的淡彩色為主配色，灰色系為主。用戶導航顯示：簡單明了，文字描述要明了，通過文字和圖標配合示意，用戶看到按鈕，可以快速的明白此按鈕功能。布局應該滿足用戶習慣，結(jié)合廣闊軟件按鈕布局方式。為了保持界面在設計過程中，要求各個界面的風格的統(tǒng)一，先做出表格，列出界面制作統(tǒng)一的原那么和標準?？蝮w顏色外邊框輸入框按鈕登陸界面藍色，淡色，40%灰色，淡色，30%線條，淡色，50%灰白色，80%主界面線條，淡色，50%灰色，淡色，30%線條，淡色，50%灰白色，80%子界面線條，淡色，50%灰色，淡色，30%線條，淡色，50%灰白色，80%文字局部標題文字輸入框文字菜單文字幫助文字字體微軟雅黑加粗微軟雅黑微軟雅黑微軟雅黑大小小四五號五號五號顏色黑色灰色，50%黑色黑色四、我設計的界面〔TheGUIs〕2/6'.

1、登錄界面:個人白程管理系統(tǒng)2、主界面工柞畀甫OEtS點？4m白if?今日事昂iB彳了曉址犬氣狀況申E 腎I也o臨守衛(wèi)1、登錄界面:個人白程管理系統(tǒng)2、主界面工柞畀甫OEtS點？4m白if?今日事昂iB彳了曉址犬氣狀況申E 腎I也o臨守衛(wèi)t冃再口1TUjW界面左側(cè)為：工作界面、今日事務、通行路線、天氣狀況、桌面圖標界面上面是：日程安排、代辦事件、效率評估、定時提醒、通訊錄3、日程管理子界面顯示11lhQIflJ311lhQ胡rTi?TrialsV|91R QRffr廉二… -3/6'.

主要功能：日程安排分為日程主題、開始時間、結(jié)束時間、完成情況、持續(xù)時間、備注用戶可以直接點擊然后輸入內(nèi)容。由于可能日程安排太多，用戶可以在搜索框中輸入關鍵內(nèi)容，就可以快速搜索出所鎖定的日程。4、添加日程子界面添加日程，輸入主題，時間是圖形操作快速選擇時間同時也可以輸入時間，持續(xù)時間會根據(jù)開始和結(jié)束時間自動計算，優(yōu)先級的選擇，軟件會給出日程重要性排序，完成進度幫助用戶安排時間。備注：用來記錄日程的考前須知等。5、錯誤提示界面怕嘏廠底汗5、錯誤提示界面怕嘏廠底汗ir?件芒牛辭.期課；由于穀磁踐注確存入腫苗器說雕.爍檢萍■求SESS生的時槨晏求進費這些錯艮為了框助悔壺謖便用這款軟件?為了我也I耳匚些^謨鰹可氐|1[&需iBU妣佶思 [nap舷脛吿]I以啟扯詵鶴吿IfT4UK日糾時的搭圈sai；丄貝他舊昌KLIE3WL&4錯誤提示界面：要清楚的向用戶作出錯誤提示，說明錯誤產(chǎn)生的原因，此框體和軟件的框體保持風格和色調(diào)一致，并且請求用戶是否發(fā)送錯誤報告，這樣充分考慮到了用戶的心理，而且用戶可以選擇不顯示此框體，錯誤可以在后臺自動4/6'.解決并發(fā)送報告，前提這都是用戶根據(jù)自己的要求設置好的，這樣可以滿足用戶幫助改良這個軟件而且不會打攪到用戶。五、界面的可用性評估〔Theguidelines〕1、 Timetolearn:在進入界面開始，會有導航，和新手入門，一步步幫助用戶去了解和學習本軟件的功能，由于主要面對的用戶群是廣闊的學生和 officer們，都是有一定電腦操作根底的人群，設計的這個界面簡潔，按鈕文字很清楚的描述了所帶的功能，用戶會比擬快的時間內(nèi)掌握此軟件的使用。2、 Speedofperformance:此軟件設計數(shù)據(jù)支持本地存儲和上傳效勞器，當網(wǎng)速或其他原因，不便從服務器讀取數(shù)據(jù)時，那么可以先在本地操作，這種設計就加快了運行的速度。由于面向的個人事務管理，功能不夠強大，但是運行速度會較快，這很好的滿足了用戶的需要。3、 Rateoferrorsbyusers:軟件界面是分為三層的，主要都是在主界面完成的，而且會幫助用戶提醒所犯的錯誤，用戶的日程安排對時間的精確性要求比擬高，那么在時間設置和設置提醒方面那么不允許出錯，否那么可能會給用戶帶來不便，那么在時間方面會有糾錯能力,并且取出歧義，例如：24時或12時會明確指出上午、下午和晚上，也提醒用戶注意時間安排，如果有沖突也會提出有錯，并會指出錯誤的原因。4、 Subjectivesatisfaction:此界面清爽，顏色柔和，并且增加了一些小工具，在幫助用戶安排日程的同時，用戶也可以用此軟件幫助自己更好生活。天氣狀況，行車路線，在安排日程的同時也會和這些情況結(jié)合起來。例如：人們在安排日程任務的時候都會受到這些情況的影響，我們設計這款軟件就是為了滿足用戶的需求，那么在需求分析中就設計到了這點，這款軟件暫時集合了這些功能來滿足用戶安排好事務，結(jié)合良好的界面，估計用戶對這款軟件會比擬滿意。5、 Retentionovertime:此界面按鈕和字體設計比擬大，排版也很清晰，在很好滿足功能的同時盡可能劃分不同功能的區(qū)域于固定位置，這樣可以防止由于界面過于繁雜和密集導致用戶產(chǎn)生疲勞感，而且各種功能的實現(xiàn)根本都是通過主界面的導航實現(xiàn)的，這樣5/6'.可以使用戶方便簡捷的操作，從而讓用戶得到較好的用戶體驗。六、用戶測評和建議〔Review〕從班中找學生評價用戶身份：大學生分析：有一定的操作電腦的知識，接觸過較多的軟件測試用戶一：身份：大二學生〔男〕感受：認為功能實現(xiàn)上是滿意的，但是認為按鈕分布比擬亂，不清楚一些按鈕的功能，認為一些按鈕分布沒有必要，認為有些功能與想要實現(xiàn)的功能沒有關系，認為桌面快捷方式?jīng)]有關系。建議：可以讓界面色彩更豐富些，使界面可以換各種皮膚，按鈕字體可以小止匕—\O測試用戶