`
jusescn
  • 浏览: 125843 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext JS与企业软件界面设计

    博客分类:
  • ajax
阅读更多

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

 

分享到:
评论

相关推荐

    ext js javascript ext设计软件

    总的来说,EXT JS JavaScript EXT设计软件提供了一个完整的解决方案,帮助开发者用JavaScript构建高性能、响应式的企业级Web应用。通过熟练掌握EXT JS,开发者可以创建出具有专业品质的用户界面,并享受到高效的开发...

    Ext JS高级程序设计

    通过学习《Ext JS高级程序设计》,开发者可以掌握创建复杂、动态和交互性强的Web应用的技能,从而提升其在企业级Web开发中的专业能力。无论是初学者还是有经验的开发者,都能从中受益,提升自己在Ext JS领域的技术...

    ext JS 源码和学习资料

    EXT JS 是一种基于JavaScript的富客户端应用框架,主要用于构建交互性强、用户体验良好的Web应用程序。它提供了大量的组件和功能,使得开发者能够轻松创建复杂的用户界面。本压缩包包含EXT JS的多个版本源码,如ext-...

    Ext Designer Preview设计软件

    这款设计软件提供了一个直观的拖放环境,允许开发者和设计师高效地构建复杂的Web应用程序的用户界面。它大大简化了Ext JS应用的布局和组件设计过程,无需深入JavaScript编码即可实现。 在"Ext Designer Preview"中...

    JavaScript凌厉开发——Ext JS3详解与实践

    《JavaScript凌厉开发——Ext JS3详解与实践》是一本深度探讨JavaScript库Ext JS3的专著,旨在帮助开发者深入理解和高效运用这一强大的前端框架。本文将围绕标题、描述及标签,详细介绍Ext JS3的核心概念、关键特性...

    Ext 界面设计器 配置好的可以直接使用

    Ext 界面设计器是一款强大的前端开发工具,专用于构建基于Ext JS库的用户界面。它提供了可视化的拖放设计功能,使得开发者无需深入编写复杂的JavaScript代码就能创建出丰富的交互式Web应用界面。这款设计器经过了预...

    EXT技术在Web界面设计与实现中的应用研究.pdf

    "EXT技术在Web界面设计与实现中的应用研究" EXT技术是JavaScript框架,能够开发丰富的Web界面。该技术的核心思想是通过JavaScript来动态创建页面,提供了可重用的对象和部件,简化了Ajax开发和丰富了客户端界面效果...

    Ext JS - JavaScript Library

    Ext JS 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。这个库以其丰富的用户界面组件、数据绑定功能和可扩展性而闻名。Ext JS 提供了一整套预先封装的组件,如表格、面板、菜单、按钮、表单、树形...

    Ext界面生成器,功能强大

    Ext界面生成器是一款强大的开发工具,专为使用Ext框架进行Web界面构建的开发者设计。它极大地简化了界面创建过程,通过自动化的方式自动生成界面代码,从而节省开发者的时间和精力,提高工作效率。对于初学者和经验...

    Ext Designer EXt UI设计插件

    EXT Designer是一款专为EXT UI框架设计的可视化设计工具,它极大地简化了EXT用户界面的创建过程,让开发者和设计师能够快速、高效地构建出复杂的Web应用程序界面。EXT UI是一种流行的JavaScript库,它提供了丰富的...

    ext js 中文手册

    Ajax在Ext JS中是指通过异步JavaScript和XML技术实现与服务器的通信,从而使页面无需刷新即可更新数据或内容。Ext JS通过其Ajax组件和方法,支持各种请求和响应处理机制,大大提高了Web应用的交互性和用户体验。 ...

    ext js 打包资源下载

    Ext JS 是一种流行的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件,如表格、面板、窗口、菜单等,使得开发者能够创建功能强大的交互式前端应用。在"ext js 打包资源下载"中,我们...

    Ext JS学习资料

    Ext JS 是一款基于 JavaScript 的前端框架,主要用于构建复杂的企业级 Web 应用程序。它提供了一套丰富的 UI 组件库以及一系列用于数据处理、应用架构设计等功能模块。自发布以来,Ext JS 不断迭代更新,版本4(Ext ...

    EXT界面生成器EXT界面生成器

    EXT JS是一个强大的JavaScript框架,专门用于创建富互联网应用程序(RIA)。它提供了丰富的组件库,包括网格、表格、图表、窗体等,使开发者能够构建功能丰富的、响应式的Web应用。 EXT界面生成器的核心功能在于其...

    Ext企业开发典雅蓝色开发界面

    总的来说,"Ext企业开发典雅蓝色开发界面"是基于Ext JS框架,融合了典雅的蓝色设计和企业级功能,适用于ASP.NET环境下的高效Web应用开发。通过利用其丰富的组件和优秀的设计,开发者能够快速构建出专业、美观且功能...

    EXTjavaScript 适合于做后台管理的界面的使用代码

    EXTJavaScript 是一种基于Web的前端开发框架,专为构建企业级后台管理界面而设计。它以其丰富的组件库、强大的数据网格、灵活的布局和高度可定制性而受到开发者们的青睐。EXTJavaScript 的核心是EXTJS,它是一个用纯...

    快意编程EXT JS Web开发技术详解.part3

    《快意编程:Ext JS Web开发技术详解》适用于初、中、高级软件设计人员,同时也可用做高校相关专业师生和社会培训班的教材,但在阅读《快意编程:Ext JS Web开发技术详解》前,需要读者掌握JavaScript的基础知识。

    Ext用户UI界面优秀框架

    Ext JS 是一款强大的JavaScript前端开发框架,专为构建企业级的富互联网应用程序(Rich Internet Applications,简称RIA)而设计。它的核心目标是提供高度可定制、高性能且功能丰富的用户界面组件,使得开发者能够...

    Ext JS Library 2.2

    Ext JS Library 2.2 是一个历史悠久且功能强大的JavaScript库,专为构建富客户端Web应用程序而设计。这个版本发布于2008年,是Ext JS系列中的一个重要里程碑,为开发者提供了丰富的用户界面组件和先进的数据绑定机制...

    javascript的ext综合应用,Ext js 资源大全

    1. **Ext JS 基础**:Ext JS的核心在于其组件化的设计,如面板(Panel)、表格(Grid)、树形视图(Tree)、表单(Form)等。这些组件都是可复用的,并且可以方便地组合在一起,形成复杂的用户界面。数据绑定机制...

Global site tag (gtag.js) - Google Analytics