Ext JS與企業軟體介面設計

來源:互聯網
上載者:User

由於Ext JS的布局設計,基本上是持開箱即用,HTML-FREE的布局方式,開發人員,幾乎不需要知道CSS的布局技術,也不用寫HTML代碼,就能做出可伸縮的、跨瀏覽器的、看起來還不錯的介面來。

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

1)HTML Free, 並不代表工作量的FREE,清晰的HTML結構被繁雜的Javascript所代替,從Form、Grid到Menu,武裝到牙齒了,開啟頁面,看到的是一排排的Javascript代碼,徹底打破了結構與行為分離的前端設計思想,維護這樣的頁面,並不輕鬆,考慮到介面是使用者最容易變動的部分,這個成本不能不考慮。

2)開發人員大量使用EXT預設的風格,介面各個部分的區隔線條太過於明顯,沒有柔和的過渡,大量使用漸層色,堆砌的跡象明顯。如果不用EXT的Theme, 你需要重新設計一套Theme, 這不是個簡單過程,而且仍然擺脫不了EXT的基於Panel布局自身的缺點。

3) 組件的方式,看似通過積木塊的堆砌,造出介面,但卻容易濫用,缺少針對具體情況、使用者體驗的靈活設計

參與介面設計的人,容易與一線使用者脫鉤,很少有一種簡潔、直接、樸素、持久的設計風格,首先考慮的不是資訊的組織、使用者的體驗,而是如何的炫,如何能表現自己很高的設計水平,動感,漸進、半透明、滑門、延遲、手風琴、背景圖片等效果,總想用上一用,濫用顏色,這些除了造成視覺疲勞、操作繁瑣外,起不到真正的使用者體驗。

傳統設計的思維仍然存在,很多人在設計菜單時,都是按照功能模組劃分的,樹狀菜單設計時,並沒有去主動考慮使用者的操作、點擊習慣。同時,設計者在看到的介面的時,用的是超級管理員的許可權,所以看到很多的菜單,很多的功能。很少有思考真正的使用者的日常操作,一般直接照搬套用某套控制項,而且經常一根筋的說:“我就是喜歡QQ、Outlook的介面,我就是...”。

如Ext accordion介面,很炫,一般適合使用者自有功能非常的多的情況,但卻有它自身的缺點。

最需要點擊的菜單,有可能都被隱藏起來,平均一個功能,要至少點擊兩次,才能找到,如果不太熟悉介面,可能要一個一個點開每個菜單。

普通的工作站的使用者,每天做的事情都幾乎是一樣的,他們經常重複使用、操作某一個功能,有許可權操作的功能並不很多,同時他們的工作也是最繁忙的,我們設計時,應當首先為他們來考慮介面,考慮他們的操作習慣,給功能提供盡量直接、方便的來回切換、跳轉、導航,應當顯眼、直接、簡約,一步到位。

另一種使用者,是manager的管理決策使用者,他們的時間寶貴,最好設計成傻瓜式的操作,同時,將最關鍵、最重要的資訊,組織、放置在一屏當中,達到At a glance的效果。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.