原文地址:http://jinjin2000.spaces.live.com/blog/cns!20B561BF21000DD3!262.entry
易用性在傳統(tǒng)行業(yè)中是非常重視的,一款易用性好的產(chǎn)品能夠大大提高產(chǎn)品在市場上的競爭力和銷售量。軟件同樣作為一種產(chǎn)品,開發(fā)廠商也越來越重視產(chǎn)品的易用性問題。尤其是在操作頻率很高的業(yè)務(wù)系統(tǒng)中,目前,很多的業(yè)務(wù)系統(tǒng)還是采用傳統(tǒng)的
GUI程序,Web程序雖然比GUI程序在很多方面具有優(yōu)勢,但GUI程序在易用性和開發(fā)成本上具有不可比擬的優(yōu)勢。
工作后,一直在做公司內(nèi)部的Web業(yè)務(wù)系統(tǒng),由于公司的主打產(chǎn)品是GUI的,公司員工已經(jīng)習(xí)慣了GUI程序的操作,例如快速響應(yīng)、快捷方式等,因此對于內(nèi)部使用的業(yè)務(wù)系統(tǒng)的易用性要求極高,對我們團(tuán)隊也提出了更高的要求。
我們在設(shè)計一套系統(tǒng)的時候,常常需要在易用和有用之間做權(quán)衡,易用是用戶在操作上的要求,而有用是業(yè)務(wù)功能上的考慮。我的體會是保證有用的基礎(chǔ)上最大限度提高系統(tǒng)的易用性。
Web系統(tǒng)易用性的核心是站在用戶的角度,換位思考,處處為用戶著想,假想你是最終用戶,你希望得到怎樣的用戶體驗,這樣設(shè)計出的系統(tǒng)才是一個人性化的交互系統(tǒng),而不是冷冰冰的。在提高易用性方面我們應(yīng)該從下面三個方面進(jìn)行考慮:1)易見性:用戶很容易找到他所需的信息和操作入口;2)映射:對于第一次接觸的頁面,人的第一反應(yīng)就是馬上映射到他腦海中、生活中熟悉的事物中去,因此我們的設(shè)計要盡量符合常理,也就是說符合大多數(shù)人的習(xí)慣,某些操作盡量符合“Windows”標(biāo)準(zhǔn),畢竟人家MS已經(jīng)深入人心了。3)反饋:就是當(dāng)用戶點擊按鈕進(jìn)行完一步操作之后系統(tǒng)給用戶的反饋信息,例如“信息傳輸中……”、“已成功×××”等等,包括一些錯誤的提示等。
以下是我們團(tuán)隊的一些有益的嘗試:
1.鍵盤操作還是鼠標(biāo)操作。
就Web程序而言,客戶端的操作多數(shù)依靠鼠標(biāo)+鍵盤來完成,這就要求操作人員右手一會兒放在鼠標(biāo)上,一會兒又移到鍵盤上,想想你一天8小時坐在電腦面前,這樣頻繁的切換,是件多么累人的事情啊。尤其是在單據(jù)錄入界面尤其明顯。但是所有的界面都使用鍵盤事件進(jìn)行觸發(fā),又將增加系統(tǒng)的開發(fā)成本和周期,因此,我們采用的一個折中方法是在重要(操作頻率高)的界面全部使用鍵盤來進(jìn)行時間觸發(fā)和響應(yīng)。
此外對于一些需提交的頁面,盡量能點擊回車直接提交,例如在查詢的時候,輸入查詢條件之后,如果還要去用鼠標(biāo)去點擊確認(rèn),太受不了了。
2.提供完整的業(yè)務(wù)流程導(dǎo)航。,
用戶登陸一套系統(tǒng)之后常常會不知所措,費(fèi)力的尋找他所要進(jìn)行的操作,好的做法是提供完整的業(yè)務(wù)流程導(dǎo)航,使用戶清晰知道整個業(yè)務(wù)流程,并很快找到所要進(jìn)行的業(yè)務(wù)操作,進(jìn)行完一個操作之后,用戶也可清晰的知道下一步流程是什么,點擊導(dǎo)航圖上的熱點鏈接可直接進(jìn)行下一步操作。
3.Ajax在Web中的應(yīng)用。
Ajax是今年的Web中的一個熱點,Google的suggest和Map是應(yīng)用Ajax技術(shù)的典型應(yīng)用,使用戶可以在Web應(yīng)用中獲得很好的客戶體驗。其實Ajax是把一些老的技術(shù)JS、XML等融合在了一起,并進(jìn)行異步的數(shù)據(jù)傳輸。后臺和服務(wù)器進(jìn)行交互,進(jìn)行數(shù)據(jù)傳輸,用戶在前臺頁面根本感知不到數(shù)據(jù)的傳輸,很爽吧,當(dāng)然,過多JS的使用將增加客戶端的負(fù)擔(dān),但看看現(xiàn)在這些很高配置的客戶端機(jī)器,放在那里不加利用太浪費(fèi)了,所以個人認(rèn)為,Ajax應(yīng)用到Web中,對系統(tǒng)易用性是很有幫助的,而且Rich-Client也將是今后的一個方向。
4.信息的顯示和組織
Web程序傳統(tǒng)的交互模式是在列表界面點擊彈開一條記錄,用戶在交互時需要在彈開界面進(jìn)行操作,要想切換另一條記錄,還需關(guān)閉彈開窗口,然后再打開另一條記錄。這無疑增加了用戶的操作時間。在參考了一些易用性很好的GUI程序后發(fā)現(xiàn)某些系統(tǒng)的列表界面和某條具體記錄界面在一個界面顯示,這樣用戶可以在同一張頁面進(jìn)行任何操作,并可快速從一條記錄切換到另一條記錄。真的是茅塞頓開啊。其實用戶的要求很簡單,操作簡單,在一張界面看到我所要看到的信息,不要頻繁的進(jìn)行頁面的切換和彈開。
5.關(guān)于頁簽的使用
頁簽相信大家在GUI程序里經(jīng)常見到和使用,可是在Web應(yīng)用中呢?連續(xù)打開兩張頁面之后,假如還想再回到前一張頁面呢?頁簽可以幫助你,因為它可以保留用戶的操作痕跡,回到你歷史操作的頁面中去,當(dāng)然頁簽有兩種實現(xiàn)方式,一種是全部保存打開的頁面在客戶端,并限定保存的頁面數(shù)量;另一種是客戶端只保存當(dāng)前頁面,但保留痕跡,每次點擊頁簽時動態(tài)加載頁面,當(dāng)然這兩種方式都各有優(yōu)勢和缺點,前一種方式占用大量客戶端內(nèi)存,但切換速度快。后一種反之。
6.首頁的設(shè)計
按照角色進(jìn)行個性化的首頁設(shè)計,管理層、中層經(jīng)理以及普通員工關(guān)注的內(nèi)容畢竟不同,主頁應(yīng)當(dāng)列出對應(yīng)角色登陸系統(tǒng)最想關(guān)注的信息以及重要消息的提醒,當(dāng)然這需要仔細(xì)的調(diào)研之后才能進(jìn)行規(guī)劃。此外主頁還應(yīng)提供該角色最常用操作的鏈接,這樣用戶登陸系統(tǒng)之后不需要通過導(dǎo)航層層點擊才進(jìn)行業(yè)務(wù)操作。
7.Web郵件以及短信的應(yīng)用
郵件和短信的普及,在Web中提供這些接口帶來的易用性我就不多說了。
8.關(guān)于查詢的話題
對于業(yè)務(wù)數(shù)據(jù)的查詢,可采用兩種方式,對于普通用戶,可采用類似Google的模糊查詢方式(一直以來都覺得Google的查詢方式很人性話,要查什么,輸入關(guān)鍵字即可),另一種可設(shè)置查詢方案,將常用的查詢條件設(shè)置為方案并保存,下次直接調(diào)用該方案即可。第一種方式簡單,用的人更多。 后記:這段日子由于休假,在家陪家人,很是輕閑,在夜深人靜的時候,寫下了這些心得。我的很多朋友都在IT行業(yè),正在或今后將要進(jìn)行Web業(yè)務(wù)系統(tǒng)的開發(fā)和設(shè)計,希望能和大家分享這些經(jīng)驗,對大家有所幫助,就權(quán)當(dāng)拋磚引玉,大家一起討論Web應(yīng)用的話題,共同提高。
posted on 2008-10-21 15:08
阿蜜果 閱讀(2133)
評論(0) 編輯 收藏 所屬分類:
Web