軟件工程:第13章 軟件用戶界面設(shè)計的重要性_第1頁
軟件工程:第13章 軟件用戶界面設(shè)計的重要性_第2頁
軟件工程:第13章 軟件用戶界面設(shè)計的重要性_第3頁
軟件工程:第13章 軟件用戶界面設(shè)計的重要性_第4頁
軟件工程:第13章 軟件用戶界面設(shè)計的重要性_第5頁
已閱讀5頁,還剩179頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院11.軟件用戶界面設(shè)計的重要性1.1發(fā)展趨勢軟件用戶界面的發(fā)展經(jīng)歷了從簡單到復(fù)雜、從低級到高級的過程,用戶界面在軟件系統(tǒng)中的價值比重越來越高。如果編程之道是完美的,那么操作系統(tǒng)就是完美的;如果操作系統(tǒng)是完美的,那么編譯程序就是完美的;如果編譯程序是完美的,那么應(yīng)用程序就是完美的。于是,用戶滿意之極,和諧應(yīng)運(yùn)而生。

——《編程之道》開篇語1.2開發(fā)競爭得益于互聯(lián)網(wǎng)的發(fā)展和普及,軟件開發(fā)的技術(shù)門檻在不斷下降,大部分軟件企業(yè)的技術(shù)手段也趨向于雷同,“軟件設(shè)計”變得越來越重要。當(dāng)大家都掌握了相似的技術(shù)和需求信息后,企業(yè)之間的開發(fā)競爭“比的就是設(shè)計”。軟件用戶界面設(shè)計要綜合考慮“易用性設(shè)計”、“藝術(shù)設(shè)計”和“技術(shù)實(shí)現(xiàn)”,很有挑戰(zhàn)性。1.3用戶挑剔用戶界面在很大程度上影響著軟件的命運(yùn),因為廣大用戶對軟件的評價主要來源于他們操作用戶界面的感受。同類軟件越多,選擇余地越大,購買者對軟件用戶界面就越挑剔。尤其是互聯(lián)網(wǎng)的軟件和服務(wù)(免費(fèi)或收費(fèi))。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院22.現(xiàn)狀、問題和原因2.1不容樂觀的現(xiàn)狀盡管國內(nèi)有很多技術(shù)出色、聰明過人的軟件工程師,但是不少人開發(fā)出來的軟件產(chǎn)品卻既難用又難看,客戶很不滿意。導(dǎo)致經(jīng)常要修改軟件的用戶界面,造成極大的生產(chǎn)力浪費(fèi)。到處是用戶界面設(shè)計缺陷:不可原諒的過失!界面措辭含糊,甚至有錯別字。連簡單的消息框都設(shè)計不好,可能存在文不對題的語病。界面布局混亂,缺乏邏輯,凡是能放的東西都堆集上去,讓用戶不知從何下手。沒有防錯處理,不對用戶輸入的數(shù)據(jù)進(jìn)行檢驗,不根據(jù)用戶的權(quán)限自動隱藏或者禁用某些功能。執(zhí)行破壞性的操作之前,不提醒用戶確認(rèn)。總之,如果用戶執(zhí)行了錯誤的操作,那他活該。不提供進(jìn)度條、動畫來反映正在進(jìn)行的比較耗時間的過程,對于重要的操作也不返回結(jié)果,讓用戶干著急。我們見到的用戶界面缺陷不勝枚舉……

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院32.現(xiàn)狀、問題和原因2.2問題和原因之一:教育缺陷國內(nèi)絕大多數(shù)大學(xué)的計算機(jī)學(xué)科沒有開設(shè)軟件用戶界面設(shè)計的課程,也沒有開設(shè)相關(guān)的如人機(jī)工程學(xué)、美學(xué)、心理學(xué)等課程。理工科人士天性喜歡鉆研技術(shù),不太關(guān)心用戶需要什么。由于學(xué)生們接受的教育幾乎全是科學(xué)與技術(shù),他們不知道怎樣才能設(shè)計易用、美觀的用戶界面,很多人甚至想都沒有想過。當(dāng)他們畢業(yè)后真正參與軟件產(chǎn)品開發(fā)時,只好憑著個人的經(jīng)驗與感覺設(shè)計軟件的用戶界面,這樣產(chǎn)生的界面往往得不到大眾用戶的認(rèn)可。最近幾年,國內(nèi)計算機(jī)相關(guān)專業(yè)的畢業(yè)生太多了,呈現(xiàn)“供大于求”的局面,很多畢業(yè)生難以找到合適的工作,剛畢業(yè)的普通程序員的工資低到僅供糊口的地步。另一方面,大部分軟件公司都需要招聘軟件用戶界面設(shè)計師,可是招聘不到人。建議:任何人,只要在工作中發(fā)現(xiàn)了自己的知識缺陷,他都應(yīng)該及時學(xué)習(xí),彌補(bǔ)不足。同時,企業(yè)應(yīng)當(dāng)設(shè)法邀請軟件用戶界面設(shè)計專家給員工們培訓(xùn),努力在最短的時間內(nèi)有效地提升員工們的用戶界面設(shè)計能力。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院42.現(xiàn)狀、問題和原因2.3問題和原因之二:服務(wù)對象錯位開發(fā)人員在設(shè)計用戶界面方面不僅存在先天的教育缺陷,更加糟糕的是還常常犯“錯位”的毛病。他以為只要自己感覺用戶界面漂亮、使用起來方便,那么用戶也一定會滿意。俗話說“王婆賣瓜,自賣自夸”。當(dāng)開發(fā)人員向用戶展示軟件時,常會得意地講:“這個軟件非常好用,我操作給你看,……是很好用吧!蠻漂亮的吧!”用戶出于禮貌可能會不斷地點(diǎn)頭,但點(diǎn)頭并不表示贊同。用戶總不好意思說他還沒有看明白怎么回事,請開發(fā)人員慢慢地再演示一遍吧?總不能在別人面前顯得自己很遲鈍吧!2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院52.現(xiàn)狀、問題和原因2.4問題和原因之三:混淆網(wǎng)站與Web軟件的用戶界面Web軟件和網(wǎng)站的運(yùn)行環(huán)境和技術(shù)幾乎完全相同,但是兩者的用途和特征很不相同。網(wǎng)站主要用于瀏覽信息,面向大眾用戶,主頁面的內(nèi)容隨時會更新,不存在統(tǒng)一的網(wǎng)站用戶界面格式。因此“個性化”和“不斷變化”是網(wǎng)站的用戶界面的特征。Web軟件本質(zhì)是軟件,只不過它在Web環(huán)境下運(yùn)行、以頁面的方式展示功能而已。軟件用于處理有固定流程(邏輯)的業(yè)務(wù),而不是僅僅讓人們?yōu)g覽信息用的。軟件用戶界面的設(shè)計要素有合適性、可理解、一致性、出錯處理、及時反饋信息、最少操作步驟、合理的布局和色彩等等,所以軟件與網(wǎng)站的用戶界面的特征是有很大差異的。不少企業(yè)都有自己的網(wǎng)站,也有不少基于Web的管理系統(tǒng),例如人力資源管理系統(tǒng)、辦公自動化系統(tǒng)、ERP系統(tǒng)等等。開發(fā)人員看慣了網(wǎng)站,不知不覺地把網(wǎng)站的用戶界面風(fēng)格套用到Web軟件上。結(jié)果Web軟件的用戶界面上到處是花花綠綠的超級鏈接和閃動的圖片,讓人不知如何下手。網(wǎng)站并不關(guān)心業(yè)務(wù)流程,幾乎沒有出錯處理,倘若Web軟件也沒有業(yè)務(wù)流程、沒有出錯處理的話,試問誰樂意用這樣的Web軟件?2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院62.現(xiàn)狀、問題和原因2.5誰來設(shè)計軟件的用戶界面毫無疑問,應(yīng)當(dāng)由用戶界面設(shè)計師來設(shè)計應(yīng)用軟件的用戶界面。問題是目前國內(nèi)大學(xué)沒有用戶界面設(shè)計這樣的專業(yè),軟件行業(yè)還沒有形成“用戶界面設(shè)計師”這樣的職業(yè)。職業(yè)化的用戶界面設(shè)計通曉“易用性設(shè)計”、“藝術(shù)設(shè)計”和“技術(shù)實(shí)現(xiàn)”,很難尋覓此人才。所以在目前,所謂“用戶界面設(shè)計師”還只是一種“角色”而不是“職業(yè)”。如果軟件企業(yè)里沒有專職的用戶界面設(shè)計師,那么請軟件開發(fā)工程師和美工人員共同設(shè)計用戶界面。建議如下:相比較而言,讓軟件開發(fā)人員學(xué)會用戶界面設(shè)計,要比美工人員學(xué)會軟件開發(fā)容易得多。對軟件開發(fā)工程師進(jìn)行用戶界面設(shè)計的培訓(xùn),然后讓軟件開發(fā)工程師負(fù)責(zé)應(yīng)用軟件用戶界面的設(shè)計和實(shí)現(xiàn),請美工人員做錦上添花的美化工作。很多人有疑慮,讓軟件開發(fā)工程師從事用戶界面設(shè)計,他們能做好嗎?回答是肯定的,只要軟件工程師不自我封閉,追求上進(jìn),那么他肯定能夠?qū)W會用戶界面設(shè)計,絕對比他原先做的用戶界面好。軟件工程師的智商都不低,只要他不懶惰,勤于學(xué)習(xí)、實(shí)踐和思考,那么他就能夠成為某些領(lǐng)域的行家乃至專家。論據(jù):我從來沒有學(xué)過美工,也沒有人指導(dǎo)我如何設(shè)計軟件用戶界面。通過自學(xué)和實(shí)踐之后,我自己可以總結(jié)用戶界面設(shè)計方法論,編寫著作,還給很多企業(yè)提供咨詢和培訓(xùn)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院73.用戶眼中的好軟件3.1“好”的軟件意味著“實(shí)用、易用、美觀”如果軟件的功能不實(shí)用(不能為用戶解決問題),那么不管該軟件是否易用和美觀,用戶一般都不愿意購買該軟件,除非用戶沒有選擇余地。如果兩個軟件的功能和價格都相似,那么用戶會挑選更加易用的那個軟件。如果兩個軟件的功能、價格、易用性都差不多,那么用戶會選擇更加美觀的那個軟件。3.2誰來評價“好或差”用戶才真正有資格說軟件“好或壞”。如果用戶對軟件很不滿意,開發(fā)人員不要有逆反情緒:從哪里找來的笨蛋用戶!其實(shí)不是用戶笨,是自己開發(fā)的軟件太笨了。當(dāng)用戶真的感到軟件很好用時,一股溫暖的感覺油然而生,于是就用“界面友好”來表揚(yáng)這個軟件。軟件行業(yè)很少發(fā)生那么感動人的場景:用戶熱切地握著開發(fā)人員的手,連聲稱贊“你們開發(fā)的軟件真是好用、真是漂亮啊”。可是我們看到的大多是相反的場景:用戶滿腹牢騷,開發(fā)人員垂頭喪氣。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院83.用戶眼中的好軟件3.3應(yīng)當(dāng)站在用戶的立場看待軟件很多公司都在宣揚(yáng)“以人為本”,可笑的是人力資源部往往最不懂得“以人為本”,能夠不“與人為敵”已經(jīng)不錯了。開發(fā)機(jī)構(gòu)宣揚(yáng)“以客戶為中心”,但是卻撇開客戶只顧忙碌地開發(fā)軟件,做出客戶不會用的東西。很多軟件開發(fā)人員不能夠一次性地完成某些開發(fā)任務(wù),主要原因不是技術(shù)水平低下,而是他們沒有真正理解用戶的需求,也沒有站在用戶角度看待軟件。如果用戶不滿意軟件的功能和界面,那么開發(fā)人員將被迫重新開發(fā)。重新開發(fā)的代價顯然要比修改Bug大得多。如果軟件企業(yè)能夠真正重視并且下功夫提升“需求分析”和“用戶界面設(shè)計”的能力,通常會顯著地提升軟件生產(chǎn)率和客戶的滿意度。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院94.軟件用戶界面設(shè)計要素4.1界面適合于展現(xiàn)功能,并且符合市場需求軟件的功能需要通過用戶界面來展現(xiàn)。毫無疑問,用戶界面一定要適合于軟件的功能,這是最基本的要求。如果用戶無法通過這個界面來使用軟件,“易用性”根本就無從談起。例如,對于一個三維建模軟件而言,如果用戶不能使用鼠標(biāo)對模型進(jìn)行旋轉(zhuǎn)、移動、縮放等操作,那么這個用戶界面就不適合該軟件的功能。如果不改進(jìn)用戶界面的話,即使軟件的內(nèi)核功能很強(qiáng)(如算法很先進(jìn)),這個軟件也很難賣得出去。“用戶界面適合于展現(xiàn)功能”是首要的設(shè)計原則,它提醒設(shè)計者不要片面追求界面外觀漂亮而導(dǎo)致華而不實(shí)。開發(fā)團(tuán)隊要分析產(chǎn)品的核心價值:“最吸引客戶的屬性;最賺錢的屬性”。要把主要精力用在對經(jīng)濟(jì)效益貢獻(xiàn)最大的地方,使“投入-產(chǎn)出”最大。普遍存在的“80-20”的現(xiàn)象注意,免費(fèi)軟件的“吸引客戶的屬性”和“最賺錢的屬性”可能不是同一回事情。產(chǎn)品的所有功能和界面對用戶而言都是必要的。可以錦上添花,但是不能畫蛇添足(否則得不償失)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院104.軟件用戶界面設(shè)計要素圖5-1(a)

。搜索不是上網(wǎng)助手的功能,對上網(wǎng)助手沒有幫助,反而可能是用戶跳離本軟件的頁面。但是搜索卻是本公司真正賺錢的功能。所以要把“搜索”放在最現(xiàn)眼的界面頂部。圖5-1(b)

。“免費(fèi)看美女看笑話”不屬于上網(wǎng)助手的功能需求,這個低俗廣告將分散用戶的注意力,降低軟件品牌。但是低俗廣告卻是互聯(lián)網(wǎng)免費(fèi)軟件主要收入來源,所以被迫將低俗廣告放在上網(wǎng)助手中。示例分析2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院114.軟件用戶界面設(shè)計要素4.2界面適合于用戶群體一個軟件產(chǎn)品可能有許多類型的用戶,例如有些用戶對計算機(jī)比較外行,有一些用戶可能是計算機(jī)的行家。在設(shè)計用戶界面時應(yīng)當(dāng)盡可能多地了解不同類型用戶的使用習(xí)慣和水平,努力使不同類型用戶在操作軟件的時候感覺不到困難和麻煩。(理想境界)如果不能使所有類型的用戶都感到滿意,那么重點(diǎn)滿足以下類型的用戶:“主流用戶”,“有影響力的用戶”“主流用戶”是指占最大比例的那種類型的用戶。主流用戶可能不是水平最高的用戶,他們對界面的評價影響軟件產(chǎn)品的命運(yùn)。某開發(fā)者曾經(jīng)為杭州某工廠開發(fā)“生產(chǎn)管理軟件”,采用了很好的B/S技術(shù)構(gòu)架,界面也很美觀。但是工人不適應(yīng)B/S軟件界面,無法有效地進(jìn)行生產(chǎn)管理,最后報廢這個軟件。“有影響力的用戶”可能不是主流用戶,但是他們會影響其它用戶對軟件的印象。例如互聯(lián)網(wǎng)論壇版主、作家、傳媒人士等。努力提升用戶群體對軟件產(chǎn)品的好感,杜絕欺騙消費(fèi)者。由于互聯(lián)網(wǎng)的欺詐、惡意競爭的行為盛多,導(dǎo)致廣大網(wǎng)民對互聯(lián)網(wǎng)軟件和服務(wù)有很深的懷疑和恐懼。示例:網(wǎng)民被騙使用“收費(fèi)的免費(fèi)電子郵箱”,從而對該企業(yè)討厭之極。從此無論該企業(yè)推出什么軟件和服務(wù),用戶不再相信。要有效地收集用戶的使用反饋。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院124.軟件用戶界面設(shè)計要素4.3界面容易被用戶理解如果用戶很難理解界面的意圖,那么他使用起來肯定很費(fèi)勁。所以“容易理解”是“容易使用”的前提條件。注意事項:用戶界面中的所有元素都不能出現(xiàn)錯誤文字,也沒有令人費(fèi)解(例如二義性、邏輯混亂)的文字。用戶界面設(shè)計人員絕對不能對界面上的文字馬馬虎虎,措詞必須“正確、準(zhǔn)確”。圖標(biāo)按鈕的含義一定要直觀明了,最好給圖標(biāo)加文字說明,防止用戶誤解。所有的界面元素應(yīng)當(dāng)提供充分而必要的提示,例如當(dāng)鼠標(biāo)移動到工具條上的某個圖標(biāo)按鈕時,應(yīng)當(dāng)在該圖標(biāo)旁邊出現(xiàn)功能提示。界面結(jié)構(gòu)能夠清晰地反映工作流程,以便用戶按部就班地操作。文字信息和界面布局盡量和用戶群體的使用習(xí)慣相匹配。對于復(fù)雜的用戶界面而言,最好提供界面“向?qū)А保皶r讓用戶知道自己在界面結(jié)構(gòu)中所處的位置。例如對于基于Web的應(yīng)用軟件,應(yīng)該在界面上顯示“當(dāng)前位置”,否則用戶很容易在眾多的頁面中迷失方向。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院134.軟件用戶界面設(shè)計要素圖5-3(a)

。實(shí)名搜索是3721公司的盛名之作,這個搜索的界面有什么不妥嗎?圖5-3(b)

。“地址”兩字讓人費(fèi)解,讓人搞不清楚是住址,還是http網(wǎng)址?搜索一個名字行不行?“試一試,瀏覽器地址欄中也可以直接搜索”這句話有點(diǎn)多余(建議換一種提示方式),用戶不知道究竟從哪里搜索。如果從地址欄搜索,那么會跳離上網(wǎng)助手的頁面,可能放跑了用戶。示例分析2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院144.軟件用戶界面設(shè)計要素示例分析圖5-3.由于“專殺工具”和其它廣告太醒目了,喧賓奪主,使得下面的“功能排列”不被注意,或者潛意識地以為“功能排列”的所有條目都是宣傳廣告。另外,“下載上網(wǎng)助手”和“助手工具下載”在語義上重疊,初級用戶搞不明白要下載哪個東西。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院154.軟件用戶界面設(shè)計要素4.4一致性和個性化“用戶界面風(fēng)格一致”的最大好處就是能夠減少用戶的記憶量、減少出錯幾率,并且迅速積累操作經(jīng)驗。所以熟悉Word軟件的人基本上不用翻閱手冊就能使用PowerPoint軟件,可謂“無師自通”。軟件的用戶界面中同類的界面元素應(yīng)當(dāng)有相同的視感和相同的操作方式。例如命令按鈕是最常見的界面元素,所有命令按鈕的形狀、色彩以及對鼠標(biāo)的響應(yīng)方式都是一致的同一類型軟件的用戶界面應(yīng)當(dāng)有一定程度的相似性。例如Microsoft公司的Office家族里有Word、Excel、PowerPoint、Outlook等軟件,這些軟件提供的“復(fù)制、剪切、粘貼”功能的操作方式都是相同的。通用軟件產(chǎn)品的界面設(shè)計很注重一致性。設(shè)計者必須密切注意在相同應(yīng)用領(lǐng)域中最流行的軟件的界面,必須尊重用戶使用這些軟件的習(xí)慣。例如DOS和Windows下的軟件習(xí)慣于設(shè)置F1鍵為幫助熱鍵,如果某個設(shè)計者別出心裁地讓F1鍵成為軟件終止的熱鍵,那么在用戶渴望得到幫助而伸手擊F1鍵的一剎那,他的工作就此完蛋。相信這個用戶會被這另類的F1氣瘋了。目前流行的軟件開發(fā)工具如VisualC++、VisualBasic、Delphi、JavaBuilder、PowerBuilder等,都能夠快速地開發(fā)出非常相似的圖形用戶界面。在Internet/Intranet領(lǐng)域,瀏覽器幾乎成了唯一的客戶端軟件,因為Internet用戶希望用完全一致的瀏覽方式來完成千變?nèi)f化的任務(wù)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院164.軟件用戶界面設(shè)計要素4.4一致性和個性化用戶界面的“個性化”與“一致性”之間存在微妙的矛盾關(guān)系:對于一些非常注重安全性的商業(yè)軟件(如銀行軟件)而言,用戶界面的“一致性”要比“個性化”重要得多,因為一致的用戶界面可以減少用戶出錯的幾率。例如,國內(nèi)所有銀行的自動取款機(jī)的用戶界面都是非常相似的,誰也不會設(shè)計一些新花樣玩玩。而對于非嚴(yán)格系統(tǒng)的應(yīng)用軟件而言,有個性化的界面自然比泯然于眾的界面更具有吸引力。尤其是娛樂領(lǐng)域的軟件,用戶更加喜歡有個性的甚至是顛覆傳統(tǒng)的用戶界面。設(shè)計人員應(yīng)當(dāng)根據(jù)軟件的需求以及廣大用戶的喜好,在使用戶界面具備必要的“一致性”的前提下,突出該軟件的“個性”。不僅讓用戶使用起來方便,而且對軟件留下深刻的印象。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院174.軟件用戶界面設(shè)計要素示例分析圖5-4(a)

.上網(wǎng)助手的“首頁”以及每個Tab頁面的“功能介紹”頁面,其內(nèi)容和布局都比較亂,用戶摸不清楚界面的規(guī)律,增加了記憶難度,降低使用效率。本圖中,(1)右側(cè)“熱門功能推薦”,在邏輯上不是“IE修復(fù)的范疇”,應(yīng)當(dāng)放在其它合適的地方,避免擾亂用戶的思路。(2)左側(cè)的介紹不完整,少了4項功能的介紹,不一致。

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院184.軟件用戶界面設(shè)計要素示例分析圖5-4(b)

.IE的Toolbar按鈕一般不會有下拉菜單(與流行軟件的界面元素不一致)。如果要下拉菜單的話,應(yīng)該加“下拉”標(biāo)記。“清理”和“修復(fù)”含有立即執(zhí)行、并且會改動用戶計算機(jī)設(shè)置的含義,用戶擔(dān)心點(diǎn)擊“清理”和“修復(fù)”按鈕將出現(xiàn)不期望的操作。要設(shè)法消除用戶的畏懼和疑慮,讓用戶明白有下拉菜單。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院194.軟件用戶界面設(shè)計要素4.5及時反饋操作信息當(dāng)用戶進(jìn)行某項操作后,如果過了一會兒(幾秒鐘)用戶界面一點(diǎn)反應(yīng)都沒有,這將使用戶感到迷茫和不安,因為他不知道是自己操作錯了還是軟件死機(jī)了。及時反饋信息很重要,至少要讓用戶心里有數(shù),知道該任務(wù)處理得怎么樣了,有什么樣的結(jié)果。例如下載一個文件,界面上應(yīng)當(dāng)顯示“百分比”或相關(guān)數(shù)字來表示下載的進(jìn)度,否則人們不知道要等待多少時間。如果某些事務(wù)處理不能提供進(jìn)度等數(shù)據(jù),那么至少要給出提示信息如“正在處理,請等待…”。最好是提供合適的動畫,讓用戶明白軟件正在干活、沒有死機(jī)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院204.軟件用戶界面設(shè)計要素示例分析圖5-5

.專業(yè)軟件一般都要提供反饋操作信息的窗口區(qū)域。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院214.軟件用戶界面設(shè)計要素5.6防錯和出錯處理用戶在使用軟件的過程中,不可避免地會出現(xiàn)一些錯誤的操作。倘若用戶不小心輸入了錯誤的數(shù)據(jù)、或者錯誤地刪除了有用的數(shù)據(jù),而軟件傻乎乎地、將錯就錯地執(zhí)行了,那么用戶肯定很惱火,以后就不敢放心地使用軟件。在設(shè)計用戶界面時必須考慮防錯處理,目的是讓用戶不必為避免犯錯誤而提心吊膽、小心翼翼地操作。常見的防錯處理措施有:對輸入數(shù)據(jù)進(jìn)行校驗。如果用戶輸入錯誤的數(shù)據(jù),軟件應(yīng)當(dāng)識別錯誤并且提示用戶改正數(shù)據(jù)。對于Web頁面,開發(fā)人員一般要編寫JavaScript程序來進(jìn)行數(shù)據(jù)校驗。對于在某些情況下不應(yīng)該使用的菜單項和命令按鈕,應(yīng)當(dāng)將其“失效”(變成灰色,可見但不可操作)或者“隱藏”。例如對于某些軟件,不同的用戶有不同的操作權(quán)限。如果低權(quán)限的用戶登錄到系統(tǒng),那些僅供高級權(quán)限用戶使用的功能應(yīng)當(dāng)被隱藏,或者將其“失效”。執(zhí)行破壞性的操作之前,應(yīng)當(dāng)獲得用戶的確認(rèn)。例如用戶刪除一個文件時,應(yīng)當(dāng)彈出對話框:“真的要刪除該文件嗎”,當(dāng)用戶確認(rèn)后才真正刪除文件。盡量提供Undo功能,用戶可以撤銷剛才的操作。如果發(fā)生意外或錯誤,應(yīng)當(dāng)及時給出告警消息和錯誤消息,提醒用戶做出正確的處理。軟件人員經(jīng)常編寫出“劣質(zhì)”的消息框,例如措詞生硬、幼稚、蹩腳,甚至有文字、語法錯誤;消息文本、圖形標(biāo)志和命令按鈕在語義上不一致。讓人哀嘆!2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院224.軟件用戶界面設(shè)計要素示例分析圖5-6

.軟件人員經(jīng)常編寫出“劣質(zhì)”的消息框,例如措詞生硬、幼稚、蹩腳,甚至有文字、語法錯誤;消息文本、圖形標(biāo)志和命令按鈕在語義上不一致。

好的差的2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院234.軟件用戶界面設(shè)計要素4.7最少步驟、最高效率設(shè)計用戶界面時應(yīng)當(dāng)盡可能地替用戶著想,用戶應(yīng)當(dāng)用最少的操作步驟完成某項操作任務(wù),獲得最高的使用效率。(手機(jī)充值,超級女聲)盡管減少一個操作步驟而完成任務(wù)所節(jié)約的時間微乎其微(可能只有幾秒鐘),但是用戶的感覺反差卻很強(qiáng)烈。假設(shè)有兩個功能相似的免費(fèi)Webemail軟件A和B,倘若在收、發(fā)email的時候A比B節(jié)省一個操作步驟,有可能導(dǎo)致大量的B用戶抱怨B很笨,從而轉(zhuǎn)用A。所以業(yè)界流傳“多1個步驟,流失10%的用戶”。界面設(shè)計師要深入分析軟件的業(yè)務(wù)流程、用戶使用習(xí)慣,才能設(shè)計出最少的操作步驟。例如我們在使用字處理軟件時,“新建”、“打開”或“保存”文件是最常用的菜單功能。為了提高操作效率,軟件設(shè)計師把最常用的功能用圖標(biāo)按鈕的形式擺放在工具條(toolbar)上,這樣用戶直接點(diǎn)擊圖標(biāo)按鈕就可以執(zhí)“新建”、“打開”或“保存”,只需要一個操作步驟,顯然大部分用戶喜歡用圖標(biāo)按鈕的方式。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院244.軟件用戶界面設(shè)計要素示例分析圖5-7(a)

.Tab頁風(fēng)格的菜單結(jié)構(gòu)在技術(shù)上和視感上都比較流行,但是多了操作步驟。建議在首頁顯示“完整展開的功能樹”,讓用戶可以直接操作次級菜單,一步到位。

圖5-7(b)

.不顯眼的菜單排列,常被用戶忽視。至少要讓菜單排列和廣告互換位置。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院254.軟件用戶界面設(shè)計要素4.8合理的布局首先,界面的總體布局應(yīng)當(dāng)有一定的邏輯性,最好能夠與工作流程吻合。界面設(shè)計人員只有仔細(xì)地分析軟件的需求,才能提取對界面布局有價值的信息。其次,窗口(或頁面)上的界面元素的布局應(yīng)當(dāng)整齊清爽。界面元素應(yīng)當(dāng)在水平或者垂直方向?qū)R,行、列的間距保持一致。窗體的尺寸要合適,界面元素不應(yīng)放得太滿,邊界處需要留有一定的空間,也不可過于寬松,顯得零亂。界面元素需要一致的對齊方式,以避免參差不齊的視覺效果。同類的界面元素盡量保持大小一致,起碼要保證高度或?qū)挾鹊囊恢拢ɡ缑畎粹o)。邏輯相關(guān)的元素要就近放置,便于用戶操作。要善于利用窗體和界面元素的空白,以及分割用的線條。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院264.軟件用戶界面設(shè)計要素4.9合理的色彩相比于布局,設(shè)計合理的色彩就困難多了,因為色彩的組合千變?nèi)f化,并且人們對顏色的喜好也極不相同。例如,人們對黑色的理解差異很大。一般規(guī)律:如果不是為了顯示真實(shí)感的圖形和圖像,那么應(yīng)當(dāng)限制一幀屏幕的色彩數(shù)目,因為人們在觀察屏幕的時候很難同時記住多種色彩。應(yīng)當(dāng)根據(jù)對象的重要性來選擇顏色,重要的對象應(yīng)當(dāng)用醒目的色彩表示。使用顏色的時候應(yīng)當(dāng)保持一致性,例如錯誤提示信息用紅色表示,正常信息用綠色表示,那么切勿亂用紅色和綠色。在表達(dá)信息時,不要過分依賴顏色,因為有些用戶可能色盲或色弱。圖5-9

”危險,有風(fēng)險,未知,基本安全”的顏色,有什么講究嗎?“黃色”看不清楚。另外,文字不完整,在數(shù)字后面加“個”,前后項留合適的間隔。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院274.軟件用戶界面設(shè)計要素4.10國際化軟件的國際化是大勢所趨(特別是上海、北京等地的軟件開發(fā)商)。為了能夠更好地適應(yīng)國內(nèi)和國際市場,在設(shè)計用戶界面的時候應(yīng)當(dāng)充分考慮語言和文化的差異。盡可能使用標(biāo)準(zhǔn)的圖解方式和國際通行的語言,要求簡單易懂,易于翻譯,方便不同母語的用戶。翻譯文字要地道,要符合本地習(xí)慣,不能硬翻譯,否則太不專業(yè)。MSNMessenger在發(fā)送文件的時候,出現(xiàn)如下圖所示的提示“傳輸:2407KB還未完成”。明顯是漢語中的病句,居然出現(xiàn)在微軟的產(chǎn)品中,顯然是硬翻譯英文Messenger的結(jié)果。正確的翻譯應(yīng)該是“文件正在傳輸,剩余2407KB”。特別要留意下列元素的國際化問題:字體、提示信息、在線幫助。貨幣、度量單位。日期格式(如MM/DD/YY、Year-MM-DD等格式)。人的名字、電話號碼、通信地址。圖標(biāo)、標(biāo)簽。閱讀順序或習(xí)慣2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院28第10章用戶界面設(shè)計在使用計算機(jī)的過程中,人和計算機(jī)是以人機(jī)界面為媒介傳遞信息的。用戶通過接口向計算機(jī)提供各種數(shù)據(jù)和命令,來讓計算機(jī)完成指定的任務(wù)。同時計算機(jī)將處理結(jié)果、出錯信息,通過接口反饋給用戶。用戶界面的設(shè)計發(fā)展可分為三個階段:字符用戶界面設(shè)計、圖形用戶界面設(shè)計和多媒體人機(jī)界面設(shè)計。

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院2910.1人的因素進(jìn)行人機(jī)交互部分設(shè)計之前,需要首先對該部分的需求進(jìn)行分析。一是對使用系統(tǒng)的人進(jìn)行分析,以便有的放矢地設(shè)計出適合其特點(diǎn)的交互方式和界面表現(xiàn)形式;二是對人和機(jī)器的交互過程進(jìn)行分析,核心問題是人如何命令系統(tǒng),以及系統(tǒng)如何向人提交信息。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院3010.1.1分析活動者——與系統(tǒng)交互的人人機(jī)界面是給人用的,讓使用者感到滿意是界面開發(fā)的根本目標(biāo)。人對界面的需求,不僅在于人機(jī)交互的內(nèi)容,而且在于他們對界面表現(xiàn)形式、風(fēng)格等方面的愛好。愛好是主觀的,不同的人有不同的愛好。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院31要針對界面使用者的具體情況作具體的分析,需要進(jìn)行以下工作。1.列舉所有的人員活動者2.區(qū)分人員類型3.調(diào)查研究4.估算各類人員的比例5.了解使用者的主觀需求2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院3210.1.2從UseCase分析人機(jī)交互

人機(jī)交互包括兩個方面。一方面是人對系統(tǒng)的輸入,包括向系統(tǒng)下達(dá)的命令,提供的命令參數(shù)和系統(tǒng)所需的其他輸入信息;另一方面是系統(tǒng)向人提供信息,即輸出。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院331.從UseCase抽取人機(jī)交互內(nèi)容及過程對Jacobson提出的UseCase作出如下改進(jìn):(1)在書寫方式上強(qiáng)調(diào)明確地區(qū)分活動者的行為和系統(tǒng)行為,活動者的行為向左對齊,系統(tǒng)行為向較為靠右的位置對齊。(2)根據(jù)對UseCase的詳細(xì)程度,要求活動者與系統(tǒng)交互過程中的每一個“回合”都不能省略。(3)引入控制語句、括號等結(jié)構(gòu)成分。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院34按以上改進(jìn)措施定義的UseCase對于識別人機(jī)交互的內(nèi)容與過程是十分有效的。活動者的行為陳述和系統(tǒng)的行為陳述按時間順序交替出現(xiàn)、左右分明,形成了一些彼此交叉排列的段落,如圖10-2所示。圖10-22022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院35其中,活動者行為陳述內(nèi)容包括:(1)活動者對系統(tǒng)的輸入。(2)活動者自身的行為陳述。(3)控制語句或括號。系統(tǒng)行為陳述內(nèi)容包括:(1)系統(tǒng)對活動者的輸出。(2)系統(tǒng)自身的行為陳述。(3)控制語句或括號。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院362.人機(jī)交互的細(xì)化

人機(jī)交互的細(xì)化包括對交互過程中每一次輸入和每一次輸出的細(xì)化。1)輸入的細(xì)化人對機(jī)器輸入的每一條信息都是為了表達(dá)某種意圖,其語義應(yīng)該是確定的。在保持這種語義的前提下,細(xì)化的主要內(nèi)容包括以下方面:(1)輸入設(shè)備的選擇。(2)輸入步驟的細(xì)化。(3)輸入信息表現(xiàn)形式的選擇。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院37命令表示形式和輸入方式的選擇主要考慮以下因素:(1)適合使用者的特點(diǎn)。(2)以文字方式表達(dá)的命令要求所使用的詞匯能夠較準(zhǔn)確地反映命令的語義。(3)與流行的、大家已經(jīng)習(xí)慣的命令表示形式和操作方式相符。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院382)輸出的細(xì)化人機(jī)交互過程中的每一項輸出都是機(jī)器向人提供的必要信息。輸出可分為三類:第一類是提示信息,是根據(jù)輸入的要求設(shè)置的,旨在告訴用戶應(yīng)進(jìn)行何種輸入以及如何輸入;第二類是系統(tǒng)向人報告的計算或處理結(jié)果;第三類是系統(tǒng)對輸入操作的反饋信息,表示系統(tǒng)已接收到用戶的輸入,僅用于對該項輸入的預(yù)計處理時間較長的情況。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院39和輸入的細(xì)化類似,輸出的細(xì)化也包括步驟的細(xì)化、設(shè)備的選擇和表現(xiàn)形式的選擇。(1)輸出設(shè)備的選擇。(2)輸出步驟的細(xì)化。(3)輸出信息表現(xiàn)形式的選擇。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院4010.1.3分析處理異常事件的人機(jī)交互

多數(shù)系統(tǒng)還需處理一些異常情況,為此需要定義處理異常情況的人機(jī)交互。當(dāng)系統(tǒng)正在執(zhí)行其正常功能時發(fā)生的事件稱作異常事件。它既可能來自人,也可能來自系統(tǒng),都是在系統(tǒng)運(yùn)行時隨機(jī)發(fā)生的。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院4110.1.4命令的組織

基本命令使用一項獨(dú)立的系統(tǒng)功能的命令。高層命令主要是由低層命令組合而成的。命令步是在執(zhí)行一條基本命令的交互過程中所包含的具體輸入步驟。從UseCase提取的交互過程中的各項輸入都是這樣的命令步。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院421.命令的組織措施交互式人機(jī)界面的特點(diǎn)是通過以下兩種措施改進(jìn)了人與機(jī)器之間的交互:1)組合當(dāng)命令很多時,將它們按功能或者按所屬的子系統(tǒng)組合成若干命令組。2)分解把一條復(fù)雜的命令分解成一系列較為簡單的命令。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院432.基本命令及其內(nèi)部結(jié)構(gòu)從一個UseCase提取的交互過程在整體上可以看作是一條命令,它針對系統(tǒng)的一項功能。其內(nèi)部包含一系列較細(xì)小的命令步,可以看作是對它的分解或細(xì)化。這些命令步之間的關(guān)系最簡單的情況是各個命令步形成一種線性結(jié)構(gòu)——從一個命令步開始,沒有分支,一直進(jìn)行到最后一步;典型的情況是樹形結(jié)構(gòu)——從一個命令步開始,每個命令步之后有多種可選的后繼命令步。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院443.高層命令及其結(jié)構(gòu)若基本命令的數(shù)量太多,就需要采用前面所說的組合措施將它們組織到一些高層命令之下。較常見的是以下兩種組合:(1)按命令所屬的子系統(tǒng)。較大的系統(tǒng)往往劃分為若干子系統(tǒng),把屬于同一個子系統(tǒng)的基本命令組織在一起。(2)按功能的相似性。許多命令在功能上有某種程度的相似性,可以把它們組織在一起,并給予一個可反映其共同特點(diǎn)的命名。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院454.多人機(jī)界面的命令組織有些系統(tǒng)的人機(jī)界面可能不止一個,而是有多個。在分布式系統(tǒng)中,凡是要在不同的處理機(jī)上進(jìn)行人機(jī)交互的系統(tǒng),一般需要多個獨(dú)立的人機(jī)界面。如果根據(jù)系統(tǒng)分布、子系統(tǒng)劃分或活動者分類等因素確定了系統(tǒng)要提供多個人機(jī)界面,則應(yīng)分別在每個獨(dú)立的人機(jī)界面范圍內(nèi)考慮命令的組織結(jié)構(gòu)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院465.異常命令處理異常事件的命令因其隨機(jī)性不能與正常的命令組織在同一個結(jié)構(gòu)中,而應(yīng)單獨(dú)進(jìn)行組織。在一個人機(jī)交互界面中,所有處理由人發(fā)動的異常事件的命令可以組織在一個結(jié)構(gòu)中,處理由系統(tǒng)發(fā)動的異常事件的命令要另外進(jìn)行組織。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院476.命令對界面的需求認(rèn)清了系統(tǒng)需要哪些基本命令之后,還需要解決的問題就是這些不同層次的命令或命令步對人機(jī)界面有什么要求。1)基本命令在界面上通過高層命令引導(dǎo)用戶選擇各項基本命令。2)高層命令在界面上按高層命令的結(jié)構(gòu)組織每一層命令的輸入。3)命令步命令步的輸入和處理都是在實(shí)現(xiàn)某個基本命令功能的對象中控制的。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院4810.1.5輸出信息的組織結(jié)構(gòu)本小節(jié)把每項輸出信息看作一個單元,討論它們之間的關(guān)系。人機(jī)交互過程中的輸出信息可根據(jù)其作用分為三種類型:(1)對輸入命令的反饋。(2)對當(dāng)前命令處理結(jié)果的報告。(3)對下一步可輸入命令的提示。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院49一個圖書館的計算機(jī)借閱系統(tǒng)由于圖書館的館員將每天使用這個系統(tǒng),因此他們使用系統(tǒng)的頻度很高。他們以前幾乎沒有人使用過計算機(jī),也沒有人有自動化圖書館借閱系統(tǒng)和計算機(jī)系統(tǒng)的知識。他們的絕大多數(shù)的智力水平在中等以上。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院50用戶特性表2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院51用戶工作分析用戶工作分析,也稱為任務(wù)分析。它是系統(tǒng)內(nèi)部活動的分解。用戶工作分析與需求分析中結(jié)構(gòu)化分析的方法類似,采用自頂向下,逐步進(jìn)行功能分解。與常規(guī)的功能分解不同的是,所有的系統(tǒng)任務(wù),包括與人相關(guān)的活動,都要考慮在內(nèi)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院52系統(tǒng)的功能分解,可以用數(shù)據(jù)流圖和數(shù)據(jù)詞典描述。任務(wù)可以由一組動作構(gòu)成,它們規(guī)定了為實(shí)現(xiàn)這個任務(wù)所必須的一系列活動。任務(wù)的細(xì)節(jié)可以使用結(jié)構(gòu)化語言來表達(dá)。它描述了動作完成的序列及在完成動作時的所有例外情況。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院53根據(jù)以上分析得到的度量表明,應(yīng)當(dāng)選擇一種不太復(fù)雜的對話界面。例如,下面是圖書館中借閱圖書的活動描述。

TASK:loanbooks

DOWHILEborrowers

requestreader_ID

check

reader_ID

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院54

IFreader_IDinvalid

passtomembership_checkELSE

continueENDIFDOWHILEbook_requestsenterbook_markonborrower_slip

writereader_IDonborrower_slip

stampbookwithreturn_date

removebook_in_library_tagENDWHILEENDWHILE2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院55界面設(shè)計的基本類型在選用界面形式的時侯,應(yīng)當(dāng)考慮每種類型的優(yōu)點(diǎn)和限制。從以下幾個方面來考察,進(jìn)行抉擇:

使用的難易程度:對于沒有經(jīng)驗的用戶,該界面使用的難度有多大。

學(xué)習(xí)的難易程度:學(xué)習(xí)該界面的命令和功能的難度有多大。界面設(shè)計類型2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院56

操作速度:在完成一個指定操作時,該界面在操作步驟、擊鍵和反應(yīng)時間等方面效率有多高。

復(fù)雜程度:該界面提供了什么功能、能否用新的方式組合這些功能以增強(qiáng)界面的功能。

控制:人機(jī)交互時,是由計算機(jī)還是由人發(fā)起和控制對話。

開發(fā)的難易程度:該界面設(shè)計是否有難度、開發(fā)工作量有多大。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院572022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院58通常,一個界面的設(shè)計使用了一種以上的設(shè)計類型,每種類型與一個或一組任務(wù)相匹配。菜單(menu)界面的設(shè)計菜單是由系統(tǒng)預(yù)先設(shè)置好的,顯示于屏幕上的一組或幾組可供用戶選用的命令。這種菜單命令無需用戶通過鍵盤打入,而是由系統(tǒng)將那些在一定環(huán)境下所需用的操作命令(菜單命令),全部或部分地顯示在屏幕上,供用戶挑選。

按照顯示的形象或樣式來分類2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院59

正文菜單正文菜單實(shí)質(zhì)上是系統(tǒng)命令本身或者是其簡寫形式。在一個菜單中包含許多菜單項,可以象節(jié)目單那樣,按某種約定,在屏幕上成行或成列地排好。簡單的正文菜單的設(shè)置與選取方式:

①首字符匹配方式

②序號匹配方式

③亮條匹配方式2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院60序號匹配方式2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院61

圖標(biāo)菜單

圖標(biāo)菜單,簡稱圖標(biāo),是安置在一個小方框之中的一幅象形的或表意的圖畫。圖標(biāo)菜單項在功能上與正文菜單項沒有什么差別,只不過圖標(biāo)更形象、更直觀。

正文和圖標(biāo)混合的菜單

這種菜單基本上還是正文式的。從屏幕上看,它還是由字符串構(gòu)成。只不過在字符串的前端或末端綴有圖標(biāo)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院62

按屏幕位置和操作風(fēng)格來分類

固定位置菜單

固定位置菜單每次總是在屏幕的相對固定的位置出現(xiàn)。通常軟件系統(tǒng)的功能劃分多為樹型結(jié)構(gòu),要求系統(tǒng)的控制結(jié)構(gòu)也應(yīng)是樹型結(jié)構(gòu)。固定位置菜單可以很方便地實(shí)現(xiàn)一種三層結(jié)構(gòu)的菜單機(jī)制。

0層─主菜單:定位于屏幕中心或占領(lǐng)整個屏幕,菜單項的內(nèi)容是所屬各個子系統(tǒng)的名稱。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院63

1層─子系統(tǒng)層:這一層菜單在水平方向排成一行,安放于屏幕的上沿或下沿。菜單項的內(nèi)容是所屬各操作類的名稱。當(dāng)控制進(jìn)入下一層次時,這一層菜單并不消失,仍然留在原來的位置上。

2層

─當(dāng)用戶挑選了某一個操作類時,屏幕上將按垂直方向顯示這組操作類的名稱。這一層菜單項的內(nèi)容與應(yīng)用系統(tǒng)的具體某項操作有關(guān)。采用固定位置菜單對系統(tǒng)加以控制,其突出的優(yōu)點(diǎn)是層次清晰。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院64

浮動位置菜單浮動位置菜單(彈出式菜單)。其主要特點(diǎn)是:僅當(dāng)系統(tǒng)需要時,它才被瞬時顯示出來供用戶選用,完成使命后它立即從屏幕上消失。它的顯示位置可以根據(jù)用戶的操作或根據(jù)當(dāng)時的操作環(huán)境來決定。

彈出式菜單與用戶當(dāng)時正在執(zhí)行的操作密切相關(guān)。但是使用彈出式菜單,由于菜單的瞬時性,用戶不清楚自己當(dāng)前究竟處在系統(tǒng)的什么位置,看不到自己處于那一層次。

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院65

下拉式菜單

下拉式菜單將固定位置菜單與浮動位置菜單揉和在一起。其結(jié)構(gòu)分為兩層:第一層是各個父菜單項的名字,它們排成一行,放置在屏幕上沿的一個菜單帶區(qū)中。第二層是各個父菜單項的子菜單項,它們分別隸屬于所對應(yīng)的父菜單項。子菜單項平時是“藏”在屏幕后面的,僅僅當(dāng)其父菜單項被選上時,才緊挨在其父菜單項的下方立即顯示出來,以供用戶進(jìn)一步選用。選完之后它們又立即消失。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院66

下拉式菜單只能描述系統(tǒng)的兩個層次的控制結(jié)構(gòu),但是一般的系統(tǒng)的控制結(jié)構(gòu)不只兩層,解決辦法有兩個:

對于小系統(tǒng)或系統(tǒng)中的一個小范圍,可使用彈出式菜單。這種辦法比較實(shí)用,系統(tǒng)開銷也比較小。

如果系統(tǒng)相當(dāng)大,應(yīng)將原系統(tǒng)分為若干子系統(tǒng),子系統(tǒng)還可以再分解下去。對于各個子系統(tǒng)之間的接口控制,可以通過窗口來實(shí)現(xiàn),而在各個子系統(tǒng)內(nèi)部,仍可以使用下拉式菜單來進(jìn)行界面管理。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院67嵌入式菜單嵌入式菜單通常并不顯式地成行成列地出現(xiàn)在屏幕上,而是混在應(yīng)用之中。也可以說嵌入式菜單項本身就是它所在應(yīng)用中的一部分內(nèi)容。必要時可以用粗體字或字母高亮度顯示等方式加以突出。圖像所謂圖像,就是屏幕上一個矩形區(qū)域內(nèi)包含的象素所構(gòu)成的一個畫面。在用戶界面中,加入豐富多彩的畫面,將能夠更形象地為用戶提供有用的信息而達(dá)到可視化的目的。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院68圖像的隱蔽和再現(xiàn)

實(shí)用系統(tǒng)中常常頻繁地要求把屏幕上的某一塊矩形區(qū)域內(nèi)的圖像隱蔽起來,然后在以后的適當(dāng)時間,令其重新顯現(xiàn)。

例如,下拉式菜單和彈出式菜單在顯示時,就需要預(yù)先把將要被遮蓋的區(qū)域中的原先的屏幕圖像隱藏起來,而當(dāng)選取菜單項的工作完成之后,又需要把原來隱藏的那些圖形再現(xiàn)出來。為此,需要設(shè)置兩個專門用來保存屏幕上用戶工作區(qū)圖像的內(nèi)存緩沖區(qū)。

在執(zhí)行這一類圖像操作時,用于圖像緩沖區(qū)的內(nèi)存開銷較大。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院69

屏幕的滾動

通常,用于人機(jī)交互活動的物理屏幕僅能容納用戶需要顯示的內(nèi)容中的一部分內(nèi)容,因此,用戶必須通過屏幕滾動或其它措施才能看到全部內(nèi)容。

屏幕滾動可以將用戶的顯示內(nèi)容在物理屏幕上做平行移動,因此需要為此功能設(shè)置一個內(nèi)存緩沖區(qū)。圖案的顯示

在人機(jī)對話過程中使用圖案顯示,可以大大提高應(yīng)用系統(tǒng)的視覺效果。連續(xù)地顯示預(yù)先準(zhǔn)備好的某動作過程中的一連串相接的瞬間圖案,就構(gòu)成為動畫。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院70

對話

對話(對話框)是系統(tǒng)在必要時顯示于屏幕上一個矩形區(qū)域內(nèi)的圖形和正文信息。通過對話,實(shí)現(xiàn)用戶和系統(tǒng)之間的通信。

通常,對話是一種輔助手段,它也可以用來在系統(tǒng)的執(zhí)行過程中,給出某種警告或提示信息。對話在屏幕上的出現(xiàn)方式與彈出式菜單類似,即瞬時彈出。與彈出式菜單不同的是,對話框在屏幕上顯示的位置是由系統(tǒng)所設(shè)置的。

有三種對話形式。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院71

必須回答式

必須回答式的對話在屏幕上出現(xiàn)時,用戶必須給予回答,否則系統(tǒng)不再做任何其他工作。無需回答式

這類對話在屏幕上的出現(xiàn),僅僅是為了告訴用戶一些參考信息,不需要用戶回答。因此,用戶可以不理睬它,繼續(xù)做原來的工作。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院72

警告式

這類對話主要用于系統(tǒng)報錯或者警告。警告式的對話,根據(jù)警告的內(nèi)容,可以是必須回答式的對話,也可以是無需回答式的對話,同時給出一些必要的警告信息。例如,在刪除一個文件時,鍵入了刪除文件命令后,為了確保不致誤刪不該刪除的文件,屏幕上將出現(xiàn)一個警告式的對話框:2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院73問題描述語言POL(ProblemOrientedLanguage)任務(wù)層:分析用戶需求,對軟件全部功能和性能進(jìn)行分解,確定目標(biāo)和子目標(biāo)。語義層:確定系統(tǒng)面對的對象以及基于這些對象之上的操作,建立問題解決的算法。語法層:將語義層的操作細(xì)化為由各種命令、用戶操作、上下文關(guān)系和狀態(tài)變量組成的語言,描述用戶和計算機(jī)如何按照文法交互。交互層:根據(jù)諸如擊鍵、設(shè)備驅(qū)動、顯示等具體操作來定義用戶操作命令和可供用戶選擇的處理過程。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院74任務(wù)層一個任務(wù)可以自頂向下分解成由子任務(wù)構(gòu)成的樹形結(jié)構(gòu),每個任務(wù)和它們的動作用帶有注釋和約束的結(jié)構(gòu)化格式來描述。各個任務(wù)涉及的對象叫做實(shí)體,而動作即是施加于其上的。自頂向下的分解要一直做到實(shí)體和任務(wù)結(jié)構(gòu)的詳細(xì)設(shè)想完成為止。

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院75語義層POL描述概念實(shí)體和實(shí)現(xiàn)任務(wù)所需的運(yùn)算。概念實(shí)體可以是抽象的概念,例如某種聯(lián)系,也可以是具體的對象,例如某個消息。系統(tǒng)本身由實(shí)體的集合組成,而操作只是與某個對象相聯(lián)系。在語義層中還要給出為了完成任務(wù)所需的方法或過程,它們是一個程序段,說明任務(wù)的處理過程,涉及到某些實(shí)體和操作。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院76語法層將操作和方法定義成命令。這些命令是由用戶來使用的。命令由語義操作建立,并具有上下文關(guān)系。通過上下文關(guān)系,利用顯示、命令或狀態(tài)變量,就可以描述整個系統(tǒng)。在語法層,系統(tǒng)實(shí)體細(xì)化為更具體的對象,對應(yīng)于屏幕顯示,對象的描述將更加細(xì)致。包括行文的布局、屏幕的顯示區(qū)域、目錄結(jié)構(gòu)等等。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院77交互層POL的文法有終極符

(自定義的不能再分的)和由終極符組成的非終極符。終極符為

W─When(時態(tài)規(guī)格說明原語)

P─Prompt(原始系統(tǒng)動作:提示)

R─Response(原始系統(tǒng)動作:響應(yīng))

A─Action(原始用戶動作:擊鍵)

這些終極符可組成非終級符結(jié)構(gòu)。對于每一個命令操作,可將提示、響應(yīng)和狀態(tài)的執(zhí)行序列用樹形結(jié)構(gòu)來描述。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院78D=“××的命令”B=“××的主體”S=“××的規(guī)格說明”2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院79窗口(window)

窗口是指屏幕上的一個矩形區(qū)域,在圖形學(xué)中叫做視圖區(qū)(viewport)。用戶可以通過窗口顯示、觀察其工作領(lǐng)域內(nèi)的全部或一部分內(nèi)容,并可以對所顯示的內(nèi)容進(jìn)行各種系統(tǒng)預(yù)先規(guī)定好的正文和圖形操作。由于物理條件的限制,窗口面積的大小一般都不能滿足用戶要求,在窗口顯示的內(nèi)容只占用戶空間的一部分。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院80在用戶界面,為了能夠通過窗口看到整個用戶空間的全貌,一個簡單的辦法就是讓窗口在用戶空間滾動,即所謂屏幕滾動。事實(shí)上,窗口本身并不屬于用戶空間,它僅僅是用于觀察、組織用戶空間的內(nèi)容,并對其進(jìn)行操作的用戶接口工具。習(xí)慣上把窗口視為虛擬屏幕,相對地,顯示器屏幕就稱為物理屏幕。采用滾動技術(shù),通過窗口能夠看到的用戶空間,比物理屏幕顯示的內(nèi)容要多得多;而另一方面,在同一物理屏幕上又可以設(shè)置多個窗口,各個窗口可以由不同的系統(tǒng)或系統(tǒng)成分分別使用。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院81數(shù)據(jù)輸入界面設(shè)計數(shù)據(jù)輸入界面的目標(biāo)是盡量簡化用戶的工作,并盡可能地減少輸入的出錯率。為此,在設(shè)計時要考慮盡可能減少用戶的記憶負(fù)擔(dān),使界面具有預(yù)見性和一致性,防止用戶輸入出錯,以及盡可能增加數(shù)據(jù)自動輸入。

數(shù)據(jù)輸入是指所有供計算機(jī)處理的數(shù)據(jù)的輸入。數(shù)據(jù)輸入界面是系統(tǒng)的一個重要組成部分,它常占用戶的極大部分使用時間。數(shù)據(jù)輸入的規(guī)則2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院82在軟件設(shè)計的范圍,可以通過以下方法來減少用戶輸入的工作量。對共同的輸入內(nèi)容設(shè)置默認(rèn)值(缺省值)。使用代碼和縮寫。動填入已輸入過的內(nèi)容或需要重復(fù)輸入的內(nèi)容。如果輸入內(nèi)容是來自一個有限的備選集,可以采用列表選擇或指點(diǎn)方式。數(shù)據(jù)輸入屏幕應(yīng)當(dāng)設(shè)計成盡量與輸入格式相匹配。如果沒有輸入格式,或舊的輸入格式設(shè)計得不好,就應(yīng)當(dāng)設(shè)計新的屏幕格式。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院83數(shù)據(jù)內(nèi)容應(yīng)當(dāng)根據(jù)它們的使用頻率,或它們的重要性,或它們的輸入次序進(jìn)行組織。數(shù)據(jù)輸入對話設(shè)計的一般規(guī)則。

明確的輸入:只有當(dāng)用戶按下輸入的確認(rèn)鍵時,才確認(rèn)輸入。這有助于在輸入過程中一旦出現(xiàn)錯誤能及時糾錯。

明確的動作:在表格項之間自動地跳躍/轉(zhuǎn)換并不總是可取的,尤其是對于不熟練的用戶,往往會被搞得無所適從,要使用TAB鍵或回車鍵控制在表格項間的移動。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院84

明確的取消:如果用戶中斷了一個輸入序列,已經(jīng)輸入的數(shù)據(jù)不要馬上丟棄。這樣才能對一個也許是錯誤的取消動作進(jìn)行重新思考。

確認(rèn)刪除:為避免錯誤的刪除動作可能造成的損失,在鍵入刪除命令后,必須進(jìn)行確認(rèn),然后才執(zhí)行刪除操作。例如,可以用Deleteyousure?[Y/N]

來確認(rèn)。

提供反饋:若一個屏幕上可容納若干輸入內(nèi)容,可將用戶先前輸入的內(nèi)容仍保留在屏幕上,以便用戶能夠隨時察看,明確下一步應(yīng)做的操作。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院85允許編輯:在一個文件輸入過程中或輸入完成后,允許用戶對其編輯,以修改他們正在輸入的數(shù)據(jù)或修改他們以前輸入的數(shù)據(jù)。應(yīng)采納一種前后一致的編輯方式。提供復(fù)原(Undo):應(yīng)允許用戶恢復(fù)輸入以前的狀態(tài)。這在編輯和修改錯誤的操作經(jīng)常用到。自動格式化:用戶可以采用自由格式進(jìn)行輸入。例如,用COBOL語言時,用79而不是0079去適應(yīng)格式PIC9(4)的要求。輸入對空格應(yīng)不敏感。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院86

提示輸入的范圍:應(yīng)當(dāng)顯示有效回答的集合及其范圍。例如,顯示“在1~10之間輸入打折扣量”。輸入表格設(shè)計數(shù)據(jù)表格設(shè)計是對較復(fù)雜的數(shù)據(jù)錄入時使用得最廣泛的一種對話類型。這種方法是在屏幕上顯示一張表格,類似于用戶熟悉的填表格式,以供用戶向計算機(jī)內(nèi)輸入數(shù)據(jù)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院87在這種輸入數(shù)據(jù)表格中,對于每一種輸入信息,都有一個表格項,并帶有一個表格項頭,以提示輸入信息的內(nèi)容及位置。由用戶使用移位鍵或者特殊定義的功能鍵控制屏幕上的光標(biāo),在各個表格項上定位以及數(shù)據(jù)的輸入。用戶鍵入數(shù)據(jù)之后,還可以以相同的屏幕格式顯示、修改這些數(shù)據(jù)。數(shù)據(jù)表格的優(yōu)點(diǎn)是它的視覺布局用戶比較熟悉,而且全部信息都可以顯示在屏幕上,只要表格設(shè)計得好,操作步驟非常簡便。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院882022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院89數(shù)據(jù)表格設(shè)計的規(guī)則

數(shù)據(jù)驗證

數(shù)據(jù)輸入很容易出錯。出錯的原因可能是忽略了某一項,或在某一項的輸入中鍵入了不正確的數(shù)據(jù),或是數(shù)字或字符敲錯。數(shù)據(jù)驗證是要檢查是否所有必需的項目都已填充,數(shù)據(jù)輸入是否正確,是否合理。出錯驗證可能得到以下三種結(jié)果:

致命錯誤:引起處理混亂的錯誤。此時,用戶要么重新輸入一個正確的數(shù)據(jù),要么退出輸入,不允許其它做法。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院90

警告:由很不可信的數(shù)據(jù)引起的錯誤。此時應(yīng)停止處理并提請用戶重新輸入數(shù)據(jù)。

建議:由不大可信的數(shù)據(jù)引起的錯誤。此時,處理不必停止,但要發(fā)出一個警告信息,使得用戶或是立即停止檢查,或是在處理結(jié)束時進(jìn)行檢查。

屏幕設(shè)計

通常把屏幕劃分為數(shù)據(jù)輸入、命令與出錯處理三個區(qū)域。在屏幕設(shè)計時,應(yīng)注意以下幾點(diǎn):應(yīng)用不同的底色來區(qū)別各個區(qū)域。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院912022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院92

數(shù)據(jù)輸入?yún)^(qū)內(nèi)各個輸入項應(yīng)左側(cè)對齊。在空間允許時,最好一行僅對應(yīng)一個輸入。當(dāng)回答中包含的字符數(shù)已知時,數(shù)據(jù)輸入?yún)^(qū)應(yīng)設(shè)置有相應(yīng)格式的回答區(qū)域。如果輸入中有量的單位時,單位應(yīng)在輸入項中的左邊指定。標(biāo)題、命令、重要的提示和填充指令應(yīng)是簡練、準(zhǔn)確的。應(yīng)使用為用戶易于理解的詞匯。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院93報信

報信對于通知用戶出錯的類型,為用戶提供控制輸入順序和修改錯誤是很重要的。在報信時所用的行文應(yīng)當(dāng)用詞準(zhǔn)確、簡明、完備。出錯信息的提示應(yīng)當(dāng)報告錯誤出在何處,是什么錯誤,為什么錯了,以及要修改錯誤應(yīng)當(dāng)采取什么措施。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院94提示信息不應(yīng)使用專業(yè)術(shù)語,應(yīng)當(dāng)使用肯定方式和主動語態(tài)。例如,用“做…”來表達(dá),不要用“不做…”來表達(dá);用主動語態(tài)“按任意鍵繼續(xù)…”,而不要用被動語態(tài)“通過按Break鍵此段可被終止”。

數(shù)據(jù)輸入對話控制數(shù)據(jù)輸入的對話控制是為了防止錯誤發(fā)生,如果一旦發(fā)生了錯誤,它應(yīng)為用戶提供簡單有效的改錯方法。數(shù)據(jù)輸入對話則應(yīng)當(dāng)精心設(shè)計以便編輯和改錯。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院95

在對話序列中應(yīng)設(shè)置若干斷點(diǎn),以休息和復(fù)位點(diǎn)來提高注意力。斷點(diǎn)的設(shè)置要考慮到信息塊及屏幕布局。

對于比較復(fù)雜的控制命令序列,如果采用語法制導(dǎo)編輯技術(shù),提供各類的語法模板,用戶可以不必記憶許多繁瑣的語法公式,關(guān)鍵字和標(biāo)識符,只要按語法結(jié)構(gòu)選擇控制結(jié)構(gòu)就可以了。在這種情況下,各種語法模板也可以看作是一些數(shù)據(jù)表格,用戶在模板的提示下,鍵入需要的參數(shù),使得這個復(fù)雜的命令序列得以順利執(zhí)行。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院96其它數(shù)據(jù)輸入的方法它們分為兩類,一類是用菜單或關(guān)鍵詞進(jìn)行軟件設(shè)計,另一類是用硬件方法來自動完成全部或部分?jǐn)?shù)據(jù)輸入任務(wù)。

菜單選擇輸入

如果數(shù)據(jù)從一個確定的可供選擇的清單中選取輸入,則可用菜單方式。方法很簡單,把所有的選擇項都顯示在屏幕上,用戶只需輸入代表各項的數(shù)字代碼,就可選擇一個或幾個數(shù)據(jù),較復(fù)雜的選擇方式是使用光筆或鼠標(biāo)器對文字菜單或圖標(biāo)進(jìn)行選擇。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院972022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院98進(jìn)行菜單項顯示設(shè)計時,應(yīng)按照執(zhí)行邏輯將內(nèi)容組織在一起,以便引導(dǎo)用戶找到所需要的內(nèi)容。

關(guān)鍵詞數(shù)據(jù)輸入

關(guān)鍵詞數(shù)據(jù)輸入比菜單選擇數(shù)據(jù)輸入更快速、更有效。并可以以不同的順序輸入,允許更復(fù)雜的文件輸入。例如,在繪圖系統(tǒng)中,利用關(guān)鍵詞line、brok、rect和circ作為畫直線、折線、矩形和圓的助記符,進(jìn)行識別和操作。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院99

光學(xué)標(biāo)記/識別(OMR)

光學(xué)標(biāo)記/識別在表格中使用。用戶在表格的一個區(qū)域中打標(biāo)記□或■,然后讓表格通過一個光敏讀入設(shè)備,其中用暗標(biāo)記■表示“是”,用亮標(biāo)記□(即未標(biāo)記過)表示“否”。

光學(xué)字符識別(OCR)

OCR系統(tǒng)可讓計算機(jī)通過模式比較來識別一些具有不同字體和大小的印刷體。首先它讓字符識別系統(tǒng)熟悉鉛字字體的特征。經(jīng)過若干次嘗試,使計算機(jī)系統(tǒng)了解這種字體的規(guī)則,并將這些規(guī)則記憶到模式匹配算法中。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院100

磁性墨水字符識別(MICR)

MICR字體就是在銀行支票上的帳號和分類號所使用的字符。

條形碼(BarCode)

條形碼由許多粗細(xì)不等的豎線組成的標(biāo)簽,這些豎線條在特定位置上出現(xiàn)或不出現(xiàn)就表示某個特定的數(shù)據(jù)。條形碼的代碼由一個特殊的光敏裝置或條形碼讀入器讀入,讀入器在橫穿過條形碼時挑選出暗帶,并根據(jù)暗帶在位置x,x+1等處是否出現(xiàn)而將條形碼序列翻譯成數(shù)據(jù),計算機(jī)將條形碼與檢查相比較以計算出商品的號碼或數(shù)值。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院101

聲音數(shù)據(jù)輸入

聲音數(shù)據(jù)輸入有許多很明顯的優(yōu)點(diǎn)。它輸入速度很快,可用于不宜使用紙張及不能使用鍵盤的場合。這種方式不需要書寫,只需用戶使用自己的聲音器官發(fā)聲即可。聲音數(shù)據(jù)的輸入包括了語音和自然語言對話的所有問題。在目前的技術(shù)條件下,在限定200~8000個詞匯量的的范圍內(nèi),進(jìn)行有限的單個關(guān)鍵詞的輸入是可能的。現(xiàn)在已經(jīng)有一種聲控打字機(jī),它擁有的詞匯量達(dá)到8000,已能滿足人們?nèi)粘捤褂糜谜Z的詞匯量。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院102數(shù)據(jù)顯示界面設(shè)計進(jìn)行數(shù)據(jù)輸出顯示設(shè)計,應(yīng)當(dāng)了解數(shù)據(jù)顯示的要求,解決應(yīng)該顯示哪些數(shù)據(jù),屏幕上一次顯示多少信息的問題。顯示的信息對于用戶任務(wù)來說應(yīng)當(dāng)是適當(dāng)?shù)模灰^于擁擠。選擇顯示內(nèi)容,應(yīng)當(dāng)考慮以下準(zhǔn)則。只顯示必需的數(shù)據(jù)。與用戶需求無直接關(guān)系的一律省略。數(shù)據(jù)顯示界面包括屏幕查詢、文件瀏覽、圖形顯示和報告。數(shù)據(jù)顯示的規(guī)則2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院103在一起使用的數(shù)據(jù)應(yīng)顯示在一起。顯示出的數(shù)據(jù)應(yīng)與用戶執(zhí)行的任務(wù)有關(guān)。每一屏數(shù)據(jù)的數(shù)量,包括標(biāo)題,欄題等等,不應(yīng)超過整個屏幕面積的30%。利用這些規(guī)則,并根據(jù)用戶要求,下一步應(yīng)當(dāng)將數(shù)據(jù)分組,然后將每組數(shù)據(jù)按一定的結(jié)構(gòu)形式來安排,總的目的是使得用戶感到使用方便。顯示設(shè)計要使得相關(guān)的數(shù)據(jù)成組地出現(xiàn),并由用戶與系統(tǒng)的會話來控制。可根據(jù)屏幕的大小,使每幀屏幕包含若干個子區(qū)域,讓每個子區(qū)域顯示不同的信息。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院104進(jìn)行屏幕布局時,還需要考慮其它一些規(guī)則。應(yīng)盡量少使用代碼和縮寫,不應(yīng)讓讀者去翻譯或猜測這些代碼或縮寫。如果安排了若干個顯示畫面,最好建立一個統(tǒng)一的格式。提供明了的標(biāo)題、欄題以及其它提示信息。幫助用戶瀏覽各種顯示畫面。遵循用戶的習(xí)慣。采用在分析過程中得到的用戶模型,并保留用戶使用的術(shù)語。采用顏色、字符大小、下劃線或不同的字體等方式來強(qiáng)化重要數(shù)據(jù)。

2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院105設(shè)計了數(shù)據(jù)的顯示結(jié)構(gòu)之后,根據(jù)是圖形顯示還是字符顯示,進(jìn)一步考慮細(xì)節(jié)設(shè)計。字符數(shù)據(jù)的顯示

字符數(shù)據(jù)的畫面顯示主要是屏幕布置和數(shù)據(jù)內(nèi)容安排格式,以便于用戶查找和閱讀的問題。

純正文的顯示

英文正文中應(yīng)避免連續(xù)使用大寫字母,大寫字母應(yīng)使用印刷體,且一般為強(qiáng)調(diào)而使用。英文正文應(yīng)當(dāng)是左邊頂格,右邊可以參差不齊。如果要求左、右兩邊都頂格,參差不齊的間隔容易分散視力。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院106

列表和表格

數(shù)據(jù)列表應(yīng)當(dāng)豎排而不應(yīng)橫排,因為這樣有助于計算總和。欄題應(yīng)當(dāng)安排在數(shù)據(jù)列之上。顯示不應(yīng)是一個固定的格式。一般來說,顯示的內(nèi)容應(yīng)由用戶控制。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院107

控制顯示

用戶應(yīng)當(dāng)擁有一種獲得不同顯示畫面的靈活的手段。數(shù)據(jù)顯示對話應(yīng)允許用戶在無需進(jìn)入數(shù)據(jù)檢索狀態(tài)下就能實(shí)現(xiàn)換屏和上下滾動顯示。在換屏控制顯示時,前一次顯示的部分內(nèi)容應(yīng)顯示在新顯示畫面的頂部或底部,以使用戶感到連貫。在畫面滾動顯示時,其速度應(yīng)由用戶控制,使得不感興趣的內(nèi)容快速跳過而感興趣的內(nèi)容緩慢通過,以便查看。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院108圖形顯示由于圖形從數(shù)據(jù)集合中概括出某些特性并且具有“直觀”的優(yōu)點(diǎn),因此對于識別和分析處理結(jié)果更有效。為了做好圖形顯示,必須仔細(xì)地選擇圖形類型和進(jìn)行布局設(shè)計。

圖形類型與數(shù)據(jù)集分類

在一定程度上,圖形類型的選擇是有限的,因為它是根據(jù)數(shù)據(jù)類型來決定的。圖形的數(shù)據(jù)集來自三個方面,其數(shù)值可以是:順序的(布爾值,即有/無);標(biāo)稱的(整數(shù));十進(jìn)制的(實(shí)數(shù))。數(shù)據(jù)集可以按標(biāo)繪圖類型來分類。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院109常用的二維圖形

在商用的圖形庫中,常取下列4種圖形。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院110

三維圖形

當(dāng)每個對象有三個測量值(x,y,z)時,可用三維圖形方法。

三維直方圖,三維餅圖,三維線圖等2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院111報告報告的功能和分類

報告是輸出字符的一個子集,它的功能可以是從一個系統(tǒng)向另一個系統(tǒng)傳遞信息;也可以是某一系統(tǒng)的總結(jié);還可以是一個歷史文獻(xiàn)、簡單的列表等等。報告可以歸為四類。

文宗報告:報告中輸出的是數(shù)據(jù)處理的結(jié)果。它主要用于在各個系統(tǒng)之間傳送信息,包括正在處理的對象的信息。例如,訂貨單、發(fā)貨單、發(fā)票、購物單、帳單等。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院112

信息報告:報告中包含的系統(tǒng)信息有描述系統(tǒng)進(jìn)程和活動的數(shù)據(jù)。這些信息主要是系統(tǒng)管理人員用來監(jiān)測、控制和修改系統(tǒng)的行為。例如,異常報告、監(jiān)控和分析報告、管理總結(jié)報告等。

歷史和檔案報告:此類報告所載的信息記錄了系統(tǒng)在某一時刻的狀況,或者是記錄系統(tǒng)的歷史。今后或許還會用到的已處理過的數(shù)據(jù)也存在檔案報告中。

瀏覽報告:這相當(dāng)于顯示查詢結(jié)果的屏幕或文件列表。信息一般用比較簡單的格式表示。用戶可以用各種方法使用它。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院113報告的用途分析

報告中的內(nèi)容應(yīng)當(dāng)在系統(tǒng)的輸出數(shù)據(jù)流和用戶要求中指明。但是,在報告中數(shù)據(jù)如何分組,還受到下面一些因素的影響。

提出報告的頻度:有隨機(jī)提交的報告、定期提交的報告。各種報告所需信息不盡相同。因此,時效性的需求要求考慮信息應(yīng)當(dāng)存放在那一種報告中。

報告的打印量:需求量不同的報告應(yīng)分別進(jìn)行處理。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院114

信息的時效性和精確性:要求信息的及時程度以及陳舊信息對用戶的使用價值,都會影響提出報告的時間。對于數(shù)值數(shù)據(jù),還要考慮它的精度。

保密:信息的機(jī)密程度以及需要采取什么預(yù)防措施以保證數(shù)據(jù)不被未授權(quán)的人存取,這一點(diǎn)與打印報告的設(shè)備及分發(fā)報告的管理有關(guān)。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院115布局設(shè)計報告有三種布局設(shè)計。列表適用于記錄信息的簡單羅列,瀏覽報告和檔案報告即屬于這一類;塊結(jié)構(gòu)是用行、列和總計等形式來組織數(shù)據(jù),信息報告就屬于這一類;分組結(jié)構(gòu)則在塊內(nèi)進(jìn)一步做更復(fù)雜的成組的信息布局,文宗報告一般屬于此類。報告設(shè)計的步驟可以應(yīng)用前述的屏幕顯示設(shè)計的許多準(zhǔn)則。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院116列表報告

數(shù)據(jù)通常以記錄格式給出,數(shù)據(jù)按記錄規(guī)定格式成行打印。各頁應(yīng)加頁號。如果列表中的數(shù)據(jù)以某種順序排列或分類,在各分類的組間應(yīng)加空行,使結(jié)構(gòu)更清楚。數(shù)據(jù)域應(yīng)分列安排并加上欄題。

塊結(jié)構(gòu)報告在報告中信息分塊,各塊按設(shè)計要求順序排列。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院117可變項應(yīng)安排在報告右邊的列中,以免顯得凌亂。信息塊應(yīng)當(dāng)用空格分開,而不要用分隔符。在信息塊頂部的左側(cè)應(yīng)加上題頭,為信息塊做標(biāo)記。若有總計數(shù)字,必須緊跟在與其有關(guān)的數(shù)據(jù)后面安排。如果有多層次的合計數(shù)字,需要增加總結(jié)頁,說明合計數(shù)字間的層次和所屬關(guān)系。

組結(jié)構(gòu)報告

可以利用通常的報告設(shè)計的規(guī)則來設(shè)計組的內(nèi)容和數(shù)據(jù)的布局順序。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院118信息組應(yīng)以空格分隔開,或者是用方框或背景色來分隔,應(yīng)避免使用過多的分隔符。報告的標(biāo)題應(yīng)居中安排。特別對于文宗報告,在報告的右上角應(yīng)使用清晰而唯一的代碼對報告進(jìn)行標(biāo)識或索引。具體布局

布局的規(guī)則類似于屏幕顯示中的規(guī)則。再加一些參考規(guī)定:應(yīng)檢查數(shù)據(jù)內(nèi)容的類型和格式,以確定它所需的打印字符的數(shù)目。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院119字符左側(cè)對齊,數(shù)字右側(cè)對齊,有小數(shù)點(diǎn)則對齊小數(shù)點(diǎn)。負(fù)號放在前面會使數(shù)列變得不規(guī)整,可把負(fù)號放在后面。各列之間的間隔至少用三個空格。標(biāo)題應(yīng)安排在列的正中。可用粗體字、不同的字體、下劃線或不同的色彩等來強(qiáng)調(diào)重要的部分。給每頁加頁碼和名稱。每次要給報告加上日期和時間。當(dāng)一切細(xì)節(jié)設(shè)計好之后,不能忘記征求用戶的意見。需要同用戶磋商,交換意見,然后做出修改以滿足其要求。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院120控制界面的設(shè)計控制對話可以是簡單的問答形式,系統(tǒng)提出是否需要某個操作,然后用戶以Y/N的方式回答。設(shè)計控制界面的主要目的是讓用戶能夠主動地控制計算機(jī)上軟件系統(tǒng)的工作,使得用戶能夠很容易地訪問計算機(jī)的各種設(shè)備。其主要方式有控制對話、菜單、功能鍵、圖標(biāo)、直接指點(diǎn)、窗口、命令語言和自然語言等。

用控制對話選擇操作命令2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院121復(fù)雜的對話形式是基于菜單的系統(tǒng)。這種對話方式容易使用,但每次的操作都是單調(diào)重復(fù)的,老的用戶往往會感到冗長乏味。在設(shè)計對話的時候,需要注意的要點(diǎn)是:每次只能有一個提問,避免多個詢問;當(dāng)需要幾個關(guān)聯(lián)的回答時,應(yīng)重新顯示上一個回答。如果以前的回答在后面還需要用到時,在用到的時侯要重新顯示它,否則會因短期記憶出現(xiàn)錯誤。保持提問的順序與原文檔或用戶模型一致。2022/11/3廣東工業(yè)大學(xué)計算機(jī)學(xué)院122用菜單界面進(jìn)行控制通常用戶在菜單條件下做出應(yīng)答有兩種方式:使用應(yīng)答碼在屏幕顯示的菜單做出選擇。應(yīng)答碼可以是數(shù)字,也可以是字符。字符碼通常應(yīng)當(dāng)能夠記憶并且能夠代表這個選擇的實(shí)際含義,例如,利用“F”表示對磁盤格式化。但有時找不到合適的字符來表示選擇,例如,用“E”表示“edit”,還是用“E”表示“exit”。因此需

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論