锁定老帖子 主题:企业级Web应用用户界面设计杂谈[原创]
该帖已经被评为精华帖
|
|
---|---|
作者 | 正文 |
发表时间:2007-10-19
再来!
A群精华:UI初解 引用 人生如梦 08:43:14
OC美眉在吗? 0C 08:43:31 啥事 人生如梦 08:44:02 呵呵,我想问问你,你们ui主要是采用什么技术, 0C 08:45:02 先了解UI的涵义吧 user interface 人生如梦 08:45:34 这个我知道的,用户界面嘛,呵呵 人生如梦 08:46:53 也就是你们UI项目组主要负责什么? 0C 08:47:18 只要是用户界面的设计,交互,都负责,主要是交互研究 人生如梦 08:47:59 对了,你们的项目主要是web应用吧 0C 08:48:08 也有CS的 0C 08:48:21 也有手机上的 人生如梦 08:48:43 哦,这么全面啊, 人生如梦 09:34:35 我们这边就很混乱,都是各干各的,就和小作坊差不多,呵呵, 0C 09:34:39 并且很多项目人员把UI人员当成需求人员,如果参与少,就当成美工,参与过多,就当成需需求人员,动不动没定需求就让你去弄 0C 09:35:04 这是我和一个新项目聊天的实际情况,你可以看看,哈哈 0C 09:35:21 OC) 09:06:58 谁负责沟通? OC) 09:07:29 你们要改到什么程度? xyy 09:07:43 和谁沟通 xyy 09:08:07 界面风格全改 OC) 09:09:30 你们项目组肯定要派个人和我们这边沟通,就弄两个文档过来,对我们来说你这个是全新的,单理解你整个功能都需要时间。界面风格全改主要是要改到什么程度,这个对项目组的工作量会产生非常大的影响,不要我们改了你们做不了,所以这个程度的把控还是要找个人专门沟通 OC) 09:09:49 UMCC当时改可把整个布局都改了 OC) 09:11:25 而且你这个系统,总得有个功能说明人来和我们沟通吧。并且你们也没指出这个是UMCC的子系统,就是说首先你们要对整个改动是否会对你们的工作量产生很大影响,需要做评估, 前期我们要先讨论怎么改。 xyy 09:11:44 呵呵 专人就比较难找了 xyy 09:13:02 那两份文档看完后 我们原计划是明天开始评审的 OC) 09:15:27 不,有一点你弄错了,首先不是评审,是你们给我们写这个系统的功能及一些基本的业务流程,这样我们了解整个系统才好做改进方案,我看了这个要求还有 “流程清晰,易于操作,用户界面友好,名词术语的定义规范,含义一目了然,且符合行业习惯;” 我们不参与是否有这个需求,只参与,需求定后如何进行界面展示,要是你们在需求是否要或不要上面还不定,这个我们不需要参与的。 就是我想知道你们需求到底定没定?至少一阶段部份需求,还有你们的时间段计划是什么,这个都要给到我们,才好配合工作 OC) 09:18:29 还有肯定要给我们指定一个接口人,工作中对系统业务不明白的可以问他,我们不可能去和你们多个人来接口,万一一个业务,两人说得不一样,我们听谁的 OC) 09:19:46 而且我们同时做多个项目,一个项目要是有多个接口人,找这个又找那个的,我们天天就只沟通不用做事了,明白吗,请理解一下。 OC) 09:22:27 还有我看文档要做为UMCC的子系统,是有可能放在UMCC框架里面吗?还是单独的系统,只是UMCC给个连接,这对界面设计都非常重要,不单要考虑单独的使用,还要考虑放到UMCC下面,是否合适 人生如梦 09:38:22 看来,不光是我了,很多人对UI的理解都不是很深,呵呵 0C 09:38:48 是啊,所以很多客户都说 这个系统难用,也说不出哪里难用。哈哈 人生如梦 09:39:27 我记得好像以前在那里看过,说是ui的开发能占到整个开发工作量的60% 人生如梦 09:40:49 我们这里主要是做web应用开发,所以我想做一些像Ext这样的通用的ui组件,提供给大家使用, 0C 09:40:52 UI要改的有几个方面 一是风格,二是交互展现(需要javascript) 三是用户体验:这里包括整个展现布局(需要对整个系统非常的熟悉),首先你就是这个没开发系统的第一个全全使用用户 0C 09:41:52 ext是通用组件,通用就得灵活。是提供给更好进行UI和体验的项目来使用 人生如梦 09:41:52 对,很有道理, 0C 09:42:50 但是,在不同项目功能需求不一样,所以很多还是要看实际情况 人生如梦 09:43:04 是啊, 人生如梦 09:44:29 非常感谢能够学习你的宝贵的经验,呵呵, 0C 09:44:30 有一个这样的问题就是,别人都看word很好,但是你要做的项目有这么多功能吗?我们这里往往出现一进系统,来就左边一棵树,右边是空的。而且很多项目做起来老发现有些页面右边是空的,这就是问题,他们不知道什么该放出来,什么可以放在那里让别人用并且,还不影响性能 人生如梦 09:45:03 呵呵,对, 人生如梦 09:45:12 我们的很多项目都是这样的, 人生如梦 09:45:30 都是左树右内容, 人生如梦 09:47:27 我们这里没有ui项目组,所以我想向领导建议成立UI项目组, 0C 09:47:53 在项目实施中,我就发现项目组并且老看别人的成品很好,然后告诉我按那个去设计,我说,你都没有那些东西,人家单下面的功能钮就几十个,你就这么几个,你怎么按别人的风格来设计,并且布局,他们不信,就做了,怎么做都没那感觉,而且还怪怪的,到处都空,所以这才是我认为项目中UI最需要改进的地方,从风格来说,布局及内容需求对风格的影响很大,不是想抄别人就能抄下来的 0C 08:48:54 先开晨会了 Mc·Cheresy 08:48:56 OCMM真强 人生如梦 08:48:59 看来你懂得东西挺多的, 人生如梦 08:49:10 好的,一会再聊, 0C 09:32:49 P人生如梦,我懂得不多,只是经历比较多,所以很多问题在过程中才发现的 很多项目组扔两个文档,就叫我们改,很多程序员跟本不知道改UI对他们的项目工作有多大的影响,我们要改UI首要条件,是需要对这个项目的需求和整个业务流程非常的熟悉,但我们不是定需求的,而是在有需求的基础上进行展现,布局,流程交互来改进。如果项目组不明白这点,我们做出来的东西他们肯定无法进行更改,而且对项目的进度会产生非常大的影响 人生如梦 09:49:05 是啊,我做东西就是这样,看到别的比较好的,就想模仿, 人生如梦 09:49:44 其实效果往往不好,但是又不知道怎样才会好,所以就只能模仿别人的, 0C 09:49:44 除非你的功能和别人差不多,要差得多,你就发现很难模仿 0C 09:50:34 所以我觉得ext是个好东西,但要有好的整体感,需要看我们怎么去用,如何组合,用到什么程度 人生如梦 09:50:57 功能和需求往往是有很大的不同, 人生如梦 09:51:15 对了,你的js的水平很好吧, 0C 09:51:37 不好,这方面懒猫是专家 人生如梦 09:51:57 是啊,ext是个好东西,我最近一直在研究它的源代码, 人生如梦 09:52:12 哦 人生如梦 09:53:19 至于怎么组织好看,我觉得这可能得需要一些美工的知识了,呵呵, 0C 09:53:44 我们UI组有三方面人 1、界面风格设计人员 2、用互体验分析人员(带做demo)3、js支持人员 人生如梦 09:53:58 所以,项目的开发不光是技术的问题, 0C 09:54:28 第二种人是对 界面设计 对 js都有一定的了解并会做,要是说我属于哪种我就属于第二种,哈哈 人生如梦 09:54:31 第一方面的人就是美工吧 0C 09:54:56 设计人员,不叫美工。。 人生如梦 09:55:04 第三种就是技术人员了, 人生如梦 09:55:09 哦, 人生如梦 09:55:44 我们这里都是一个人包办,所以开发出来的项目可想而知, 0C 09:56:02 知道啊,其实我觉得有时候一个人包办倒好做事,哈哈 人生如梦 09:56:26 是啊,不用沟通,也挺省事的, 0C 09:56:40 因为人多了沟通成本也多 人生如梦 09:56:45 反正就是自己说了算,想怎么干就怎么干 人生如梦 09:57:33 只要能满足用户的要求就行了,我们主要是针对我们单位内部的用户,所以要求也不高, 人生如梦 09:57:56 但是,我觉得这样常期下去肯定是不行的, 人生如梦 09:59:00 如果我想从事ui方面的工作,应该具备哪些方面的知识和经验? 0C 09:59:27 这也是我有时候说三个人能做很强的东西出来,一团人就做不出来, 一个UI 一个很强的后台开发人员并是架构师级别 一个js很好再后台开发人员 0C 10:00:55 一:了解后台开发 二:了解各通常使用软件的基本业务流程 三:至少要有审美观,会些基本设计 0C 10:01:42 技术嘛 javascript html css 设计方面的 等了,反正你不可能都做 0C 10:02:00 web端的可偏向于web 的技术 人生如梦 10:03:31 是啊,一个人不可能精通这么多的, 人生如梦 10:03:49 肯定要有所偏重, netfishx 10:05:08 做前台开发必须了解交互设计,用户可用性 0C 10:05:29 目前 二:了解各通常使用软件的基本业务流程,并对使用流程进行改进 这个对大家来说最弱,而且这个才是真正指导整个软件开发的的思想,别的都技术,我们这里的UI人员在进行项目会议中,都能和项目组讲这个项目的每个功能如何用如何展现,如何走整个流程。因为项目组是每个人开发一部份,他们只懂自己的那一部份,我们要全懂。 人生如梦 10:06:20 哦 0C 10:07:00 所以说,UI人员还可以做用户培训师 0C 10:07:16 没有人比UI人员更了解整个软件的使用 人生如梦 10:07:40 对阿,他们对整个软件是最了解得,呵呵 ▄︻┳═┹ 10:11:06 霍霍,说的很棒,很老道嘛。 人生如梦 10:11:49 这就是经验,呵呵,大家要多多学习啊 人生如梦 10:12:23 其实,我觉得这些经验比技术更重要, C 10:12:28 所以,我觉得有一个时候UI人员最得意的,开项目会时,项目开发人员XX说好像那边有这么一个功能 然后我们告诉他,从哪个菜单下去,在那里进去使用然后。。。。 且当时项目经理也不是很明白,他们只知道有这么个功能但知道具体到哪里, ▄︻┳═┹ 10:12:55 恩,是啊,看来我很适合做UI, 0C 10:13:25 有时候我说我们以前的软件项目是 功能的结合体,这就是没有经过专门的UI进行改造的项目 人生如梦 10:13:34 做人要谦虚,呵呵 ▄︻┳═┹ 10:14:18 不要低调,我是在心里偷偷的想的 人生如梦 10:14:44 居然有人退出我们的群了, 0C 10:14:44 还有一点,UI要有很强的理解力。可能这是经验多了就会有的。 ▄︻┳═┹ 10:15:07 看见我有点惭愧了 人生如梦 10:15:08 是啊,经验只能靠慢慢的积累了, 人生如梦 10:15:21 不是短时间内就能学到的, 0C 10:16:46 有人告诉你要做个财务系统 当没有拿到需求前,你脑里就要想到财务系统的几个重要问题 所以这只能是经验了。可以为几类 :管理类系统 物流类 网络应用类(如终端,会议等) 特殊类(如财务系统),库存类等等 人生如梦 10:18:31 oc,你做it多长时间了? 0C 10:18:53 平时在自己用软件的时候就能注意到整个交互体验,以前我们这边同事问我,什么是最好的用户体验,我就告诉他其实你天天在用,就是windows本身就是很好的,多注意就好了。而且用户体验没有最好,只有更好 人生如梦 10:20:02 是啊,微软的东西其实就挺好的 0C 10:22:16 UI的最终目的是引领习惯,不是一味的按客户要求去按某个人的习惯去做。但前提是你的引领方向是对的,是减步骤并且符合大众的习惯的。这个前提就是首先你要有很正常的使用习惯 0C 10:22:39 不说了,打搅大家了。哈哈 人生如梦 10:22:50 呵呵, 人生如梦 10:23:05 挺好的,这都是你宝贵的经验, 人生如梦 10:23:17 很感谢你能无私的奉献给大家, 人生如梦 10:24:15 我们作这一行的相互学习,相互交流很重要, 0C 10:24:52 现在你们动态后台出来都是静态页吗? 人生如梦 10:25:35 是啊, 0C 10:26:58 我现在已经偏管理了,所以很多东西掉了,比较郁闷。管理事多,很杂。接下来会好好用一下js技术,架个自己的东东。 人生如梦 10:27:50 太好了,架好了,一定要拜读一下,呵呵, 人生如梦 10:28:42 不过我觉得,管理也挺好的,技术不是目的,只是手段, 0C 10:29:13 设计,交互展现,及内容栏目都自己弄,然后js方面可能需要懒猫专家做部从支撑,我可写不了那么深。:) 出处:http://jstang.5d6d.com/thread-387-1-1.html |
|
返回顶楼 | |
发表时间:2007-10-19
引用 具体的说呢,就是Ext的核心设计思想,与Buffalo作者提出的OPOA(One Page One Aplication)思想是完全一致的。它面向的是适合OPOA的应用,而作为一个完善的开发平台,它已经涵盖了设计和开发的方方面面,包括完整的设计指南和开发规范。...
我认为你对Ajax的理解有些片面,进而影响了对Ext的应用。OPOA只是Ajax应用的一个方面。虽然传统的服务端Web框架倾向以内容为中心的Web应用,但并不与以倾向于以数据为中心的Ajax应用相矛盾,MVC模式仍然适用,只是V对服务端来讲发生了点变化,它可以是js代码、html片段、xml\json数据,但并无本质上的改变。Ajax使部分控制从服务端前移到了前台,使服务端更能专注于业务逻辑的实现。现在不少主流框架、大公司都已经开始支持Ajax ,各种Ajax相关的开发工具也是层出不穷,应该说Ajax的前途还是比较光明的,很难说今后的企业开发Ajax不会成为主流特性。 另外,好像javascript至今仍被许多“学院派”的开发人员所不屑,只把它当作“小把戏”来看待,不想下功夫研习,进而对Ajax也很轻视,且不知Javascript编程也是严肃的,更需要良好的纪律,对此深感无奈。 不好意思,离LZ主题远了点,呵呵…… |
|
返回顶楼 | |
发表时间:2007-10-19
jellyme 写道 fins 写道 建议楼主 先写一下
企业级应用 和 企业级开发 的区别 以免别人混淆概念 其实呢,企业级应用是企业级开发的产物,两者没有冲突 我知道没冲突 但是很多人实际上是把两者弄混淆的 例如那个帖子" Ext是否适合企业级开发?请教 " 可是很多人回答的都偏离题目了 变成了 " Ext是否适合企业级应用 ". 于是肯定的人 不停的说 ext功能好 效率并没有想象中的差 否定的人 不停的说 ext臃肿 缓慢 .... 其实 ext在功能性能上 已经完全可以试用与企业级应用了. 但是并不表示他适合企业级开发 |
|
返回顶楼 | |
发表时间:2007-10-19
请各位再允许在下偏离题目一次。
先看看这篇InfoQ的新闻稿: 《Steve Yegge把Rails移植到JavaScript/Rhino》 http://www.infoq.com/cn/news/2007/06/yegge-rhino-on-rails 再看看Steve Yegge博客日志: 《The Next Big Language》 http://jstang.5d6d.com/thread-500-1-1.html(Blogspot不能访问,-转贴了) 这位Steve Yegge好像是Goolge内的高工,他为什么会写这篇日志呢? 有一段有趣的故事: 引用 为了提升google的开发效率,Steve努力尝试说服公司采纳Rails(包括Ruyb)作为开发工具,但是google不予采纳 (google不想再增加支持的语言的数量)。Steve决定把Rails移植到JavaScript上去。这意味着一个google有可能在未来开源一个新的项目Rhino on Rails。
限制语言的数量将使得开发人员对代码的贡献度更大,他们无需担心成为不熟悉的语法的牺牲。 每一个公司正式支持的语言都是有成本的:基础架构的支持,文档,培训,代码冗余还有其它因素。虽然编程语言的核心语法都是大同小异,但是剩下的各自独特的语法就难以辨认,尤其是没有明确标准的动态语言,例如Perl,Ptthon,Ruby。Google非常谨慎的保持使用语言的数量。这样就可以构建大量对所用语言非常熟悉的专家。goole目前只使用C++,Java,Python,javascript作为正式的产品开发语言。 p.s 《The Next Big Language》全文并没有说出到底哪一门语言就是NBL。 |
|
返回顶楼 | |
发表时间:2007-10-19
我写这篇文章的时候,一直在想着大家关于Ext的回复,因此在文章中涉及Ext和Ajax的部分难免会有失公允,关于这方面内容,待我补全后,大家自然就会了解我是如何认识Ajax认识Javascript的了.正是因为我对于传统的前端开发技术和Server端开发技术都有一定了解,所以我才对Javascript依赖不大,并持保留态度.具体内容还是容我详细补全吧,呵呵.先透露一些,Js并非不好,只不过,我觉得它现在管得太多了.其实那些工作有Server端技术来实现可能会更好.
|
|
返回顶楼 | |
发表时间:2007-10-20
fins 写道 其实 ext在功能性能上 已经完全可以试用与企业级应用了. 但是并不表示他适合企业级开发 从我们的实际使用来看,EXT的性能不能让人满意,特别是和某个国产商业表现层中间件比,或许是我们用的不好,不过当我们点击按钮弹出一个Ext Form时,竟然也很慢。 或许Web仿Windows目前还不能与桌面应用的性能相媲美,我们说弹出一个Form慢,但是想想如果是跳到下一个页面可能更慢。 如果加个定语,Ext不适合ERP系统吧。 另外不适用于企业级开发我反倒不能认同,CC中有一节内容是将深入语言编程,作者举了自己使用VB时对VB进行了严格的开发约束,它依然竟然有序,我觉得关键在于你如何去规范开发。 |
|
返回顶楼 | |
发表时间:2007-10-20
其实我有一个问题是,作者的某个观点是不是在说企业级开发中应该是UI-Driven Development(因为lz多次提及UI设计师是用户与软件开发人员的桥梁,和使用原型法向用户展示系统),上次和一个日企的人聊天,他们就是先做UI,所有的需求都是通过UI来确定的,而且他们采用V模型。然后我问他,那用户复杂的业务流程你们怎么办,这个通过UI能讨论出来吗?而且他们只有UI设计师和用户交流,后面的工程师就不再和用户有联系了,我觉得这存在很大问题。
我觉得作者作为专业的UI Designer来探讨或者说传授UI Design的知识时,是否夸大了UI Design的作用,这点是否值得商榷。 |
|
返回顶楼 | |
发表时间:2007-10-21
前面介绍UI部分还可看看,后面的部分看起来似乎没有什么兴趣
|
|
返回顶楼 | |
发表时间:2007-10-21
JavaScript是很严肃的编码,尤其使用好js的双链(prototype chain scope chain)可不是简单事情,web开发一直就是b系统和s系统,只不过最近人们才把b系统从表现系统渐渐看成和s系统同等重要的平台,得感谢ms的xhr以及google并且ext各种UI库
还有,目前意义的js开发多指DOM Scripting,其含义是语言为次,api平台为主,js语言主要作为黏合剂,所以js语言本身和Ajax的成功本无甚关系,甚至如果netscape当时开发的是vbscript不是js,后来标准是vbs,今天的Ajax还是一样会流行,但是也恰恰是Ajax的成功,使得人们重新审视这个普及最光,只要有浏览器就有js实现的特殊的脚本语言 如果叫我说xhr的出现绝对是天才的发明,在我看来单纯的js如果和vbs+xhr当然是后者厉害,其实这也就是dhtml失败的原因了,语言只是实现方法 |
|
返回顶楼 | |
发表时间:2007-10-21
sslaowan 写道 fins 写道 其实 ext在功能性能上 已经完全可以试用与企业级应用了. 但是并不表示他适合企业级开发 从我们的实际使用来看,EXT的性能不能让人满意,特别是和某个国产商业表现层中间件比,或许是我们用的不好,不过当我们点击按钮弹出一个Ext Form时,竟然也很慢。 或许Web仿Windows目前还不能与桌面应用的性能相媲美,我们说弹出一个Form慢,但是想想如果是跳到下一个页面可能更慢。 如果加个定语,Ext不适合ERP系统吧。 另外不适用于企业级开发我反倒不能认同,CC中有一节内容是将深入语言编程,作者举了自己使用VB时对VB进行了严格的开发约束,它依然竟然有序,我觉得关键在于你如何去规范开发。 看到老兄这话,就叫我想起了各种js实现的Class封装,js有自己的OO,那些封装是为了编码更加符合常规人们所认识的OO才出现的,本没有什么意义,web就是web,没有必要模仿windows,易部署简单快捷一个地址全搞定,难道不是吗,好钢要用在刀刃上,比如Ajax的代表Google maps连xhr都没用 |
|
返回顶楼 | |