Ext JS与企业软件界面设计

转载自http://hoou02.blog.163.com/blog/static/1716208200872583236696/

由于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的效果。