<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 297,  comments - 1618,  trackbacks - 0
         原文地址: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)行下一步操作。

    3AjaxWeb中的應(yīng)用。

    Ajax是今年的Web中的一個熱點,GooglesuggestMap是應(yīng)用Ajax技術(shù)的典型應(yīng)用,使用戶可以在Web應(yīng)用中獲得很好的客戶體驗。其實Ajax是把一些老的技術(shù)JSXML等融合在了一起,并進(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)易用性是很有幫助的,而且RichClient也將是今后的一個方向。

    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ù)操作。

    7Web郵件以及短信的應(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
    <2008年10月>
    2829301234
    567891011
    12131415161718
    19202122232425
    2627282930311
    2345678

          生活將我們磨圓,是為了讓我們滾得更遠(yuǎn)——“圓”來如此。
          我的作品:
          玩轉(zhuǎn)Axure RP  (2015年12月出版)
          

          Power Designer系統(tǒng)分析與建模實戰(zhàn)  (2015年7月出版)
          
         Struts2+Hibernate3+Spring2   (2010年5月出版)
         

    留言簿(263)

    隨筆分類

    隨筆檔案

    文章分類

    相冊

    關(guān)注blog

    積分與排名

    • 積分 - 2294512
    • 排名 - 3

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 99re6在线精品视频免费播放| 国产v亚洲v天堂无码网站| 久久午夜免费鲁丝片| 国产AV日韩A∨亚洲AV电影| 亚洲国产成人综合| 久久精品国产亚洲AV麻豆王友容| 四虎AV永久在线精品免费观看| 精品国产sm捆绑最大网免费站| 久久大香香蕉国产免费网站| 一级毛片免费播放试看60分钟| 亚洲人成人无码.www石榴| 亚洲毛片免费观看| 久久国产精品亚洲综合| 亚洲色WWW成人永久网址| 亚洲成片观看四虎永久| 国产成人综合久久精品免费| 一个人免费高清在线观看| 久久午夜夜伦鲁鲁片免费无码影视 | 亚洲va在线va天堂va四虎| 国产精品亚洲综合一区| 亚洲国产人成精品| 五月婷婷亚洲综合| 蜜桃精品免费久久久久影院| 永久免费av无码网站韩国毛片| 91免费人成网站在线观看18| 51精品视频免费国产专区| 日韩插啊免费视频在线观看| 久久大香香蕉国产免费网站| 久久久久国产精品免费看| 日本免费电影一区二区| 国产情侣久久久久aⅴ免费| 免费无码又爽又刺激网站| 成人片黄网站色大片免费观看cn| 国产精品玖玖美女张开腿让男人桶爽免费看 | 五月天婷婷精品免费视频| 牛牛在线精品观看免费正 | 国产免费观看青青草原网站| 国产青草视频免费观看97| 免费乱码中文字幕网站| 免费中文字幕在线观看| 自拍偷自拍亚洲精品第1页 |