原文地址：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)的易用性要求極高，對我們團隊也提出了更高的要求。

       我們在設(shè)計一套系統(tǒng)的時候，常常需要在易用和有用之間做權(quán)衡，易用是用戶在操作上的要求，而有用是業(yè)務(wù)功能上的考慮。我的體會是保證有用的基礎(chǔ)上最大限度提高系統(tǒng)的易用性。

       Web系統(tǒng)易用性的核心是站在用戶的角度，換位思考，處處為用戶著想，假想你是最終用戶，你希望得到怎樣的用戶體驗，這樣設(shè)計出的系統(tǒng)才是一個人性化的交互系統(tǒng)，而不是冷冰冰的。在提高易用性方面我們應(yīng)該從下面三個方面進行考慮：1）易見性：用戶很容易找到他所需的信息和操作入口；2）映射：對于第一次接觸的頁面，人的第一反應(yīng)就是馬上映射到他腦海中、生活中熟悉的事物中去，因此我們的設(shè)計要盡量符合常理，也就是說符合大多數(shù)人的習(xí)慣，某些操作盡量符合“Windows”標(biāo)準(zhǔn)，畢竟人家MS已經(jīng)深入人心了。3）反饋：就是當(dāng)用戶點擊按鈕進行完一步操作之后系統(tǒng)給用戶的反饋信息，例如“信息傳輸中……”、“已成功×××”等等，包括一些錯誤的提示等。

       以下是我們團隊的一些有益的嘗試：

       1．鍵盤操作還是鼠標(biāo)操作。

就Web程序而言，客戶端的操作多數(shù)依靠鼠標(biāo)＋鍵盤來完成，這就要求操作人員右手一會兒放在鼠標(biāo)上，一會兒又移到鍵盤上，想想你一天8小時坐在電腦面前，這樣頻繁的切換，是件多么累人的事情啊。尤其是在單據(jù)錄入界面尤其明顯。但是所有的界面都使用鍵盤事件進行觸發(fā)，又將增加系統(tǒng)的開發(fā)成本和周期，因此，我們采用的一個折中方法是在重要（操作頻率高）的界面全部使用鍵盤來進行時間觸發(fā)和響應(yīng)。

此外對于一些需提交的頁面，盡量能點擊回車直接提交，例如在查詢的時候，輸入查詢條件之后，如果還要去用鼠標(biāo)去點擊確認，太受不了了。

2．提供完整的業(yè)務(wù)流程導(dǎo)航。，

用戶登陸一套系統(tǒng)之后常常會不知所措，費力的尋找他所要進行的操作，好的做法是提供完整的業(yè)務(wù)流程導(dǎo)航，使用戶清晰知道整個業(yè)務(wù)流程，并很快找到所要進行的業(yè)務(wù)操作，進行完一個操作之后，用戶也可清晰的知道下一步流程是什么，點擊導(dǎo)航圖上的熱點鏈接可直接進行下一步操作。

3．Ajax在Web中的應(yīng)用。

Ajax是今年的Web中的一個熱點，Google的suggest和Map是應(yīng)用Ajax技術(shù)的典型應(yīng)用，使用戶可以在Web應(yīng)用中獲得很好的客戶體驗。其實Ajax是把一些老的技術(shù)JS、XML等融合在了一起，并進行異步的數(shù)據(jù)傳輸。后臺和服務(wù)器進行交互，進行數(shù)據(jù)傳輸，用戶在前臺頁面根本感知不到數(shù)據(jù)的傳輸，很爽吧，當(dāng)然，過多JS的使用將增加客戶端的負擔(dān)，但看看現(xiàn)在這些很高配置的客戶端機器，放在那里不加利用太浪費了，所以個人認為，Ajax應(yīng)用到Web中，對系統(tǒng)易用性是很有幫助的，而且Rich－Client也將是今后的一個方向。

4．信息的顯示和組織

Web程序傳統(tǒng)的交互模式是在列表界面點擊彈開一條記錄，用戶在交互時需要在彈開界面進行操作，要想切換另一條記錄，還需關(guān)閉彈開窗口，然后再打開另一條記錄。這無疑增加了用戶的操作時間。在參考了一些易用性很好的GUI程序后發(fā)現(xiàn)某些系統(tǒng)的列表界面和某條具體記錄界面在一個界面顯示，這樣用戶可以在同一張頁面進行任何操作，并可快速從一條記錄切換到另一條記錄。真的是茅塞頓開啊。其實用戶的要求很簡單，操作簡單，在一張界面看到我所要看到的信息，不要頻繁的進行頁面的切換和彈開。

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è)計

按照角色進行個性化的首頁設(shè)計，管理層、中層經(jīng)理以及普通員工關(guān)注的內(nèi)容畢竟不同，主頁應(yīng)當(dāng)列出對應(yīng)角色登陸系統(tǒng)最想關(guān)注的信息以及重要消息的提醒，當(dāng)然這需要仔細的調(diào)研之后才能進行規(guī)劃。此外主頁還應(yīng)提供該角色最常用操作的鏈接，這樣用戶登陸系統(tǒng)之后不需要通過導(dǎo)航層層點擊才進行業(yè)務(wù)操作。

7．Web郵件以及短信的應(yīng)用

郵件和短信的普及，在Web中提供這些接口帶來的易用性我就不多說了。

8．關(guān)于查詢的話題

對于業(yè)務(wù)數(shù)據(jù)的查詢，可采用兩種方式，對于普通用戶，可采用類似Google的模糊查詢方式（一直以來都覺得Google的查詢方式很人性話，要查什么，輸入關(guān)鍵字即可），另一種可設(shè)置查詢方案，將常用的查詢條件設(shè)置為方案并保存，下次直接調(diào)用該方案即可。第一種方式簡單，用的人更多。    后記：這段日子由于休假，在家陪家人，很是輕閑，在夜深人靜的時候，寫下了這些心得。我的很多朋友都在IT行業(yè)，正在或今后將要進行Web業(yè)務(wù)系統(tǒng)的開發(fā)和設(shè)計，希望能和大家分享這些經(jīng)驗，對大家有所幫助，就權(quán)當(dāng)拋磚引玉，大家一起討論Web應(yīng)用的話題，共同提高。