UI全称User Interface,中文叫“用户界面”。
2000年传入国内,国内最早专业从事UI的公司还是我们的民族软件——金山,据说在2000年已成立人机界面组,只有2个人。金山软件的UI团队是业内名副其实的黄埔军校,培养了如今江湖上整整一代的设计领袖,并且他们的作品也深远影响了国产软件的用户体验整体水准。也许早期的金山软件用户们还记得,随后WPS和金山毒霸的界面设计在整个大环境内首屈一指。
2001年2月出版的《软件创新之路》中文版,在技术专著角度强调了交互与界面的重要性,为UI概念被广泛认可做好了铺垫。作者叫Alan Cooper,眼熟吧?没错,这本书就是后来2006年3月出版的《交互设计之路》的前辈版本。
2001年到2003年之间,国内大小公司相继设立UI职位,同期,不少平面设计和网页设计从业者也开始尝试转行做UI。因为当时从事web design非常不景气,整体水平低下,市场环境糟糕。
2003年随着ChinaUI论坛的上线,此概念开始在数字设计领域声名鹊起。如同ChinaUI网站最早的title“欢迎来到中国第一个UI设计网站”,但什么是UI?我估计当时没几个人清楚。同年5月,由金山转会腾讯的唐沐主导了QQ发展史上革命性的界面升级。耳目一新的QQ界面给粉丝们带来了极大惊喜,在外观和人性化方面做了较大改善。
此后,以UI为主题的设计类网站层出不穷。我当时对UI其实并不太感兴趣,认为与我从事的是两个路子,但每天看到、听到的讨论又不得不去了解相关知识。从概念角度推敲,当时所有软件UI从业者所做的,都应该是Graphical user interface,简称GUI,仅仅只是UI的一个分支。所以,我后来特纳闷,为什么没有Web user interface?也可以简称WUI。
http://en.wikipedia.org/wiki/Graphical_user_interface
A graphical user interface or GUI is a type of user interface item that allows people to interact with programs in more ways than typing such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment with images rather than text commands.
首先要肯定概念推广对业界整体实力的推动作用,但因对概念理解的不清晰,甚至误导,绝大多数同行认为“UI等于网页设计”,更有人认为“UI是专业的网页设计”。很大程度上影响了当时的web design主流审美,当时所谓好的“网页”设计,要么是一幅全由图片拼接的平面大作,要么就是由各种华丽的UI控件堆砌而成软件皮肤,丝毫看不到任何web design的技巧和内涵。
注意,软件的UI设计与网页的UI设计完全是两套知识体系。对于软件UI来说,设计师能够操作到的仅仅是视觉的表现层,所以从事软件UI的基本都是视觉设计师;而网站UI在表现原理上有很大区别,不是视觉设计师天马行空想象就能做,也不是所见即所得做出来的样子马上就可以用在页面上。关键网页表现层还有个Front-End的概念,所有界面控件表现都通过代码来落实,这是web最终用户体验的质量总控。
针对互联网产品而言,当时有同行认为真正的UI专业流程,应该是用户研究、需求分析、架构设计、交互设计、可用性测试整个过程。我认为错的很离谱,因为对概念层级理解的模糊,导致对整个体系的认识存在缺陷。以点盖面,以偏盖全,后来的“交互设计”也走入此误区。
http://mashable.com/2009/01/09/user-experience-design/
It’s not uncommon to confuse “user experience” with “user interface” — after all it’s a big part of what users interact with while experiencing digital products and services. But the UI is just one piece of the puzzle.
就我目前的实践经验来看,比较认同《用户体验的要素》作者的总结——界面设计只是框架层的一部分,与信息设计、导航设计并列组成用户真正能够看到和使用的原型。Web设计中典型的Web UI是表单,几乎每个系统、平台都有,也是处理用户交互行为最容易出问题的难点。
GUI背景设计师做网站,有很显著的GUI风格,我观察中外很多设计师作品得出的结论。因为他们对web构建原理的认识不够,还有本身产出技能上的习惯差异所致。当然,也有个中高手,能够融洽的处理两者差异。总体上来看,因为GUI与WUI各专业体系纵深发展的日趋分化,顶尖GUI高手一般只专注于GUI领域。
© 一叶千鸟(转载请留原文链接,更新于2010年03月31日23点)
好文收藏~
02.04.2010 2:20 上午 - 1楼好文,共享~
02.04.2010 8:09 上午 - 2楼《用户体验的要素》的URL错了
02.04.2010 9:19 上午 - 3楼“关键网页表现层还有个Front-End的概念,所有界面控件表现都通过代码来落实,这是web最终用户体验的质量总控。” 可不可以具体解释下这个?为什么代码落实可以总控用户体验的质量?
02.04.2010 12:09 下午 - 4楼总的说来,这就是人因工程师所研究的领域之一~介绍得不错
02.04.2010 4:50 下午 - 6楼又长见识了谢谢
02.04.2010 10:32 下午 - 7楼“针对互联网产品而言,当时有同行认为真正的UI专业流程,应该是用户研究、需求分析、架构设计、交互设计、可用性测试整个过程。我认为错的很离谱,因为对概念层级理解的模糊,导致对整个体系的认识存在缺陷” — 在我看来,不管是GUI还是WUI,这几个步骤都是专业流程的一部分,当然侧重点可以不同 。UI设计不应该过早考虑到代码实现,而应该是把用户放到首位,所以我不认同“代码是用户体验质量总控”这一说法。 而我认为UI设计现在最需要解决的问题是,如何定位用户,更早和用更少的成本把做好用户调查和iterative testing.
而Web Design != Graphic Design,但是Web的UI像GUI并不一定有错,关键还是看你要用Web去承载一个什么样的产品。如果你的Website的目的是吸引眼球和推销某一产品,并没有功能性的要求,侧重Graphic Designs反而是最有效的设计方法。而如果你的web最重要的使命是传载信息(information intensive),那信息设计是最重要的。
02.05.2010 8:18 上午 - 8楼@Linairis
首先不要总拿“用户放到首位”说事儿,这是废话,现在是就事论事谈概念。
针对Web Design这个特定技术领域而言,如果没有Front-End用代码把“设计”分层实现,或者说实现完美,所有“用户体验”都等于零,甚至可能等于负。我在强调Browser-side的特点,而不是哪个重要,哪个不重要。
另外,原文本意也不是说WUI如果像GUI就是二流,关键是没有表现web design本身的特点。比如在线办公平台,甚至需要把WUI做成GUI的样子,但是Browser-side的完善需要技术含量。
02.05.2010 1:06 下午 - 9楼“针对互联网产品而言,当时有同行认为真正的UI专业流程,应该是用户研究、需求分析、架构设计、交互设计、可用性测试整个过程。我认为错的很离谱…”
这个流程能具体解释一下您的观点是什么?因为您的下文仅仅解释了一下概念,而不是流程。
“就我目前的实践经验来看,比较认同《用户体验的要素》作者的总结——界面设计只是框架层的一部分,与信息设计、导航设计并列组成用户真正能够看到和使用的原型。Web设计中典型的Web UI是表单,几乎每个系统、平台都有,也是处理用户交互行为最容易出问题的难点。”
那您认用户界面设计的流程应该是怎么样的?
02.05.2010 3:47 下午 - 10楼看了半天,作者所谓的UI又是怎样的呢?着实不解啊
02.05.2010 4:03 下午 - 11楼“用户放到首位”其实不是废话,而是一句大概念,但是只讲用户放到首位,当然是一句空话。其实做用户调查是最必要也是最困难的,我平常是一直在写前端代码的,现在正在完成我的HCI硕士学位。不可否认前端代码的技术控制是很重要,完美的技术的运用一定是可以提高交互体验的质量,可是交互体验质量的提高未必就提高了产品的可用性和易用性,所以我不同意总控的说法。技术是其实是可以足够flexible的。我不了解国内可用性行业的情况,我很想问你的是国内的公司是怎么做用户调查和用户测试的?大家到底在做吗?希望您可以解答,谢谢 ;-) 对于概念而言,我更想知道实际工业界的case。希望以后您以后可以跟我们分享。老师上课也跟我们分享了一些美国公司的user experience engineering team的工作情况,感觉他们更强调开发各种不同的方法和技术搜集并且分析用户数据,然后再是如何用数据作为对设计的有效驱动。这一块,感觉涉及到认知心理学和统计分析更多点。用户调查最大的问题是,一些方法耗时耗力,所以我不知道国内的公司到底在做吗?
很希望了解国内的情况,冒昧留言希望与您有所交流,很谢谢你的分享 ;-)
02.05.2010 5:13 下午 - 12楼@Linairis
02.05.2010 6:14 下午 - 13楼硕士同学,扯哪儿去了?
你想问的问题请Google解决,评论请就事论事,就“主题”论“主题”。
没有其他意思,只是你的这篇文章引起了我的兴趣,想再听听您的看法。又觉得你是资深业界人士,经验丰富,一切只是为了交流罢了。我就是想知道 “UI在中国” 到底是如何发展的,所以才写了好多。不好意思,打扰了。
02.06.2010 7:06 上午 - 14楼呵呵
02.06.2010 9:32 下午 - 15楼也许是“UI在中国”这个标题惹出的“好”事一桩~
有个奇怪的事情,现在谈WEB UI的人最多,而能把移动设备的UI讲清楚几乎没有,该转移话题了,呵呵。
02.08.2010 9:42 上午 - 17楼首先,确实有公司是叫WUI的,也就是Web user interface。其次,UI应该分广义和狭义,国内狭义的UI是特指GUI领域,所以说WUI也通常是特指网站的GUI设计,如果交互设计对别人介绍自己,也一定不会跟对方说,我是做UI设计,对方会误以为你是做图形界面设计的,只会说我是UI交互设计。
其次,楼主说的“网站”应该是指狭义的门户网站和功能操作型的网站,并不包括类似FWA里那种类型或者说需要以图形设计来包装,带给浏览者感受的网站。表单应该是功能型网站和门户网站的重要元素,并且是之一。
02.22.2010 2:45 下午 - 18楼与一朋友交流,也确实国际化的东西,被我们out了
03.02.2010 3:22 下午 - 19楼包括千鸟一直在阐明ui的观点
一头雾水。
03.11.2010 11:02 上午 - 20楼一些概念性的东西看的实在很没意思。概念的澄清,我想由教育部门来做比较合适,否则我们个人怎么理解概念,并无绝对是非对错,只要我们做的方法合理,做的结果达到良好体验。UI在中国情况怎样?我想当国外许多公司,如Nokia、Microsoft在不断贡献流程、模板、规范、指南等资源、在不断创新时,当国外许多设计师在不断贡献方法、技术、分享知识、分享成果时,国内的公司和设计还在在概念、探索阶段。当然国内不乏几个高手,但这些高手挺神秘,有点归隐深深山的意思。
03.12.2010 1:03 下午 - 21楼很早就有WUI一说了~~鸟哥~~~
看来你很少关注招聘。
这些所谓的用UI分类。。。我们是有的,不过没有权威人士来进行细分、定义和得到行业认可。
04.01.2010 1:55 下午 - 22楼