幫助IT團(tuán)隊(duì)快速構(gòu)建符合jt808協(xié)議部標(biāo)的基于java技術(shù)的GPS和視頻平臺(tái)(2379423771@qq.com)

          Ext JS與企業(yè)軟件界面設(shè)計(jì)

          由于Ext JS的布局設(shè)計(jì),基本上是持開(kāi)箱即用,HTML-FREE的布局方式,開(kāi)發(fā)人員,幾乎不需要知道CSS的布局技術(shù),也不用寫(xiě)HTML代碼,就能做出可伸縮的、跨瀏覽器的、看起來(lái)還不錯(cuò)的界面來(lái)。

          很多人很推崇,更多的是盲從。
          我覺(jué)得EXT的UI中需要慎重的一些地方:

          1)HTML Free, 并不代表工作量的FREE,清晰的HTML結(jié)構(gòu)被繁雜的Javascript所代替,從Form、Grid到Menu,武裝到牙齒了,打開(kāi)頁(yè)面,看到的是一排排的Javascript代碼,徹底打破了結(jié)構(gòu)與行為分離的前端設(shè)計(jì)思想,維護(hù)這樣的頁(yè)面,并不輕松,考慮到界面是用戶(hù)最容易變動(dòng)的部分,這個(gè)成本不能不考慮。

          2)開(kāi)發(fā)人員大量使用EXT默認(rèn)的風(fēng)格,界面各個(gè)部分的區(qū)隔線(xiàn)條太過(guò)于明顯,沒(méi)有柔和的過(guò)渡,大量使用漸變色,堆砌的跡象明顯。如果不用EXT的Theme, 你需要重新設(shè)計(jì)一套Theme, 這不是個(gè)簡(jiǎn)單過(guò)程,而且仍然擺脫不了EXT的基于Panel布局自身的缺點(diǎn)。

          3) 組件的方式,看似通過(guò)積木塊的堆砌,造出界面,但卻容易濫用,缺少針對(duì)具體情況、用戶(hù)體驗(yàn)的靈活設(shè)計(jì)

          參與界面設(shè)計(jì)的人,容易與一線(xiàn)用戶(hù)脫鉤,很少有一種簡(jiǎn)潔、直接、樸素、持久的設(shè)計(jì)風(fēng)格,首先考慮的不是信息的組織、用戶(hù)的體驗(yàn),而是如何的炫,如何能表現(xiàn)自己很高的設(shè)計(jì)水平,動(dòng)感,漸進(jìn)、半透明、滑門(mén)、延遲、手風(fēng)琴、背景圖片等效果,總想用上一用,濫用顏色,這些除了造成視覺(jué)疲勞、操作繁瑣外,起不到真正的用戶(hù)體驗(yàn)。

          傳統(tǒng)設(shè)計(jì)的思維仍然存在,很多人在設(shè)計(jì)菜單時(shí),都是按照功能模塊劃分的,樹(shù)狀菜單設(shè)計(jì)時(shí),并沒(méi)有去主動(dòng)考慮用戶(hù)的操作、點(diǎn)擊習(xí)慣。同時(shí),設(shè)計(jì)者在看到的界面的時(shí),用的是超級(jí)管理員的權(quán)限,所以看到很多的菜單,很多的功能。很少有思考真正的用戶(hù)的日常操作,一般直接照搬套用某套控件,而且經(jīng)常一根筋的說(shuō):“我就是喜歡QQ、Outlook的界面,我就是...”。

          如Ext accordion界面,很炫,一般適合用戶(hù)自有功能非常的多的情況,但卻有它自身的缺點(diǎn)。

          最需要點(diǎn)擊的菜單,有可能都被隱藏起來(lái),平均一個(gè)功能,要至少點(diǎn)擊兩次,才能找到,如果不太熟悉界面,可能要一個(gè)一個(gè)點(diǎn)開(kāi)每個(gè)菜單。

          普通的工作站的使用者,每天做的事情都幾乎是一樣的,他們經(jīng)常重復(fù)使用、操作某一個(gè)功能,有權(quán)限操作的功能并不很多,同時(shí)他們的工作也是最繁忙的,我們?cè)O(shè)計(jì)時(shí),應(yīng)當(dāng)首先為他們來(lái)考慮界面,考慮他們的操作習(xí)慣,給功能提供盡量直接、方便的來(lái)回切換、跳轉(zhuǎn)、導(dǎo)航,應(yīng)當(dāng)顯眼、直接、簡(jiǎn)約,一步到位。

          另一種用戶(hù),是manager的管理決策用戶(hù),他們的時(shí)間寶貴,最好設(shè)計(jì)成傻瓜式的操作,同時(shí),將最關(guān)鍵、最重要的信息,組織、放置在一屏當(dāng)中,達(dá)到At a glance的效果。

           

          posted on 2008-08-25 07:28 Speed 閱讀(8892) 評(píng)論(12)  編輯  收藏 所屬分類(lèi): 前端設(shè)計(jì)EXT

          評(píng)論

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2008-08-25 08:33 fffffff

          好  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì)[未登錄](méi) 2008-08-25 08:52 寒武紀(jì)

          說(shuō)得對(duì)!從用戶(hù)體驗(yàn)出發(fā)來(lái)考慮GUI的設(shè)計(jì)  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2008-08-25 09:08 Eng?

          不要?jiǎng)硬粍?dòng)就“企業(yè)”,靠  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2008-08-25 09:21 yhKing

          說(shuō)得很中肯,我覺(jué)得用Extjs做界面確實(shí)存在維護(hù)困難的問(wèn)題  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2008-08-25 09:26 framework

          真一個(gè)企業(yè)應(yīng)用,如果客戶(hù)分散在全國(guó)各級(jí)縣市,不同的網(wǎng)絡(luò)質(zhì)量,不同的網(wǎng)絡(luò)提供的商的,如果過(guò)多的使用 Ajax,太占用帶寬的應(yīng)用就會(huì)很多問(wèn)題。所以動(dòng)到“企業(yè)”應(yīng)用還得考慮很多事情的。如果是自己企業(yè)局域網(wǎng)內(nèi)部使用的系統(tǒng)都好說(shuō),那么這時(shí)候?qū)τ谲浖缑孢€不會(huì)有太高的要求。  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2008-08-25 12:03 123

          ext也用過(guò)一段時(shí)間,確實(shí)在很多地方維護(hù)會(huì)很麻煩.
          而且也太大.
          就網(wǎng)絡(luò)傳輸這一塊就..............很無(wú)語(yǔ)了.  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2008-08-26 08:21

          ExtJs做企業(yè)應(yīng)用的界面造成的學(xué)習(xí)和維護(hù)成本太大了
          我并不看好這個(gè)框架
            回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì)[未登錄](méi) 2008-08-27 00:29 AlleNny

          太耗內(nèi)存了,估計(jì)FF3.1出來(lái)會(huì)好點(diǎn),但是實(shí)在.....唉,內(nèi)存消耗堪比3D引擎啊  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì)[未登錄](méi) 2009-02-01 11:31 IT民工

          怎么說(shuō)呢,ext js僅僅代表了一種發(fā)展趨勢(shì),但是規(guī)模使用于項(xiàng)目應(yīng)用中,不夠謹(jǐn)慎。

          而且ext js的應(yīng)用非常容易出現(xiàn)one page one application的狀況,因?yàn)樵趀xt應(yīng)用中使用iframe會(huì)產(chǎn)生無(wú)法理解的界面變形。

          哎。
          用最簡(jiǎn)單、傳統(tǒng)和直接手段去構(gòu)造web UI,通過(guò)jquery等做js庫(kù),實(shí)現(xiàn)數(shù)據(jù)和控制的封裝是多暢快的手段。

          可惜可惜。  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2009-09-11 11:34 songzongquan

          確實(shí)如此,深有體會(huì)  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì)[未登錄](méi) 2011-02-18 18:22 Owen

          你所討論的問(wèn)題是在設(shè)計(jì)界面的時(shí)候?qū)е碌模筒捎玫募夹g(shù)無(wú)關(guān)!
          而且ext同樣可以html和組件合用,只是看你怎么設(shè)計(jì)了。
          ext的缺點(diǎn)就是渲染慢,js對(duì)象占用了大量的內(nèi)存,
          說(shuō)js太大的人請(qǐng)你單擊右鍵看看ext-all有多大,網(wǎng)上一張圖片超過(guò)這個(gè)值的多得去了。  回復(fù)  更多評(píng)論   

          # re: Ext JS與企業(yè)軟件界面設(shè)計(jì) 2011-08-26 11:24 Joeman

          說(shuō)的也有點(diǎn)道理,也有點(diǎn)過(guò)了,按照Ext JS Theme做出來(lái)的基本界面還是能符合大多數(shù)用戶(hù)的基本需求的,這就是它最大的生命力所在。至于Ext JS在發(fā)展階段存在的種種performance的問(wèn)題應(yīng)該還是能解決的,就是他們的sponsor好像速度慢了點(diǎn)。不過(guò)還是可以看好未來(lái)這種集成模塊化的解決方案。舉個(gè)不恰當(dāng)?shù)睦樱郧半娨暀C(jī)維修起來(lái)是零散的修配零件,對(duì)于高手來(lái)說(shuō)不難,而現(xiàn)在都是大規(guī)模集成電路,傻瓜也能修,換塊板子就是,當(dāng)然這個(gè)是建立在需求固定簡(jiǎn)單的基礎(chǔ)上,但也許是未來(lái)方向。  回復(fù)  更多評(píng)論   

          導(dǎo)航

          留言簿(15)

          隨筆分類(lèi)

          值得一看的博客

          積分與排名

          最新評(píng)論

          閱讀排行榜

          主站蜘蛛池模板: 稻城县| 温州市| 徐州市| 沙河市| 平远县| 海林市| 巴楚县| 弥勒县| 满洲里市| 盐亭县| 九龙城区| 吴川市| 文山县| 景宁| 平顺县| 静乐县| 灵石县| 赤壁市| 鄱阳县| 黄梅县| 锦州市| 罗城| 宣化县| 通州市| 崇礼县| 宣汉县| 镇平县| 吉林省| 普格县| 高邮市| 乐都县| 山东省| 盐津县| 万年县| 纳雍县| 台中县| 土默特左旗| 兴海县| 温泉县| 金山区| 崇仁县|