5%?

十一月 19th, 2006 28 Comments »

前不久看到一篇文章《web设计95%是排版》,标题表达的很清楚,95%,那么,美术设计(或者称为图形设计、GUI…总之,是关于色彩、背景图、图标…的设计)只有5%的重要性吗?我们的美术设计师就这么点儿价值?

我们目前的工作中,界面原型基本上确定了网页的排版,而界面原型是由交互设计师完成的。看到这个95%的观点,我暗自欣欣然。然而,我想,这个95%的观点有待商榷。

交互设计目前的主要任务是可用性,所以排版很重要。
交互设计的任务包括:
1.创造出高可用性的界面;
2.让界面有良好的体验-让用户在使用过程中有愉悦感、成就感,感觉到被尊重…

这里所说的交互设计是指创造出用户界面以及相应的交互操作的整个设计,并不是仅仅指一些公司中被称谓交互设计师的那些人所作的特定工作。也许,您是一位美术设计师,您设计了一个表示下载功能的图标,这个图标能让用户更快的找到下载功能。您的工作也对提高可用性有贡献。因为,您设计的图标使得用户,在“找到下载功能-点击下载”这个与网页的交互过程中,效率更高了。

提高可用性是目前设计工作的主要任务,是产品质量的基本保障。良好的体验是更奢侈的要求,短期内,web设计是很难顾及到的。我们现在常说的“这个体验好…”往往只是意味着这个设计用户能看懂了,这个设计不会给用户带来太多的麻烦了,实际上,只是可用性高。又有几个网站能让用户在使用过程中有成就感,有愉悦的感受呢?让用户不骂娘已经很不容易了。开发周期短、开发流程差、人员水平低…这种种因素的限制,使得目前的web产品设计只能着眼于更高的可用性。

怎样才能提高可用性?界面设计最根本的任务是-传达,以及更复杂的要求-交互。“我们这里有一些信息要告诉您,要让您看明白…”“我们为您提供了一项服务,它是这样操作的…”把这些交代清楚了,让用户看明白了,可用性就高了。而可用性的XX条准则,无非是为了实现上述任务的具体方法。

怎么就能传达清楚了呢?面对面交流使用的工具是语言,web设计师与用户之间的交流工具是网页。通过排版,设计师向用户说明内容之间的逻辑关系,向用户说明哪里是重点内容。“可点击的文字应该能够直接被识别出来”,类似的可用性准则在设计过程中是需要遵守的,不过,这样的准则是相对固定的,只要我们有共识就好了,相对来说,比较容易做到。而“哪部分文字需要用加粗的18px宋体?”“哪部分内容应该放在页面左上角?”要解决这些问题,需要深刻的理解产品,深入的了解目标用户的需求。排版需要花大量的精力。

目前设计工作的着眼点是可用性,提高可用性除了注意遵循那些准则,更多的精力要花费到如何传达,如何排版上,所以,排版很重要。

更好的视觉体验是件奢侈品,现在很难“重要”。
几年前,网页设计师是指那些“美化”网页的人(也曾经是我的饭碗)。难道这一阵“用户体验”之风吹来,“让网页更好看”就只剩下5%的价值了吗?

真正好的web美术设计应当是“大像于无形”的,或者说是比较抽象的图形设计。而不是给界面原型画花边儿。因为,表面上的“视觉美化”往往降低可用性。“那个花边儿吸引了用户的注意力,使得这个重要的按钮看上去不那么显眼了!”好的美术设计应该是不损害信息传达的。

美术设计更大的价值在于带给用户良好的视觉感受。良好的视觉感受是“良好体验”的一部分。赏心悦目自然比冰冷、生硬更令人愉悦。“这个网页看上去就舒服。”“不会让我觉得是在面对一个冰冷的web服务器。”

快速到达目的地是重要的,要是同时还能很舒适,并且一路美景相伴,当然更好。然而,web产品开发的现状往往是:开发周期中,美术设计师能得到的时间有限;开发流程中,美术设计师被孤立在产品设计的讨论之外,对产品的理解不够;部分美术设计师的水平有限…在这种现状下,要更舒适,风景更好,同时又不影响速度,很难。能保证网页有较高的可用性已经不容易了,为了保证可用性不得不否定掉一些质量不高的美术设计。又没条件做更好的美术设计,所以只好少“美术”一些了。

我的住所只有10平方米,我也喜欢一人多高的景德镇花瓶,但是,摆上几个大花瓶,就没地方睡觉了。

从这个角度来看web2.0的视觉风格,可以这样解释:“我们目前无法创造出既赏心悦目,而又不损害可用性的页面,所以,我们暂时不理会美不美的问题,只用最简单、最朴素的图形样式。”类似的,兴起于上世纪初的现代主义设计最初的理念也只是要制造成本低,易于维修的建筑,而视觉效果只是这种设计的衍生。现代主义设计大师们称这种设计为“好的设计”。之后的几十年中,这种“好的设计”真的作为一种风格被广泛的接受了,如同现在的web2.0风格被越来越多的接受。或许,web2.0的设计可以成为第二个“好的设计”。

总结
目前,我们能做的只是基础的设计-实现较高可用性的设计。清楚的传达是首要目标。所以,排版显得很重要。不损害可用性前提下的良好的视觉体验是件奢侈品,现在很难做到。

这并不意味着美术设计师将不再有价值了。当web设计的可用性水平普遍较高的时候,实现“良好的体验”就将成为设计工作的重心了(这也就是所谓的:未来的设计是体验设计)。那个时候,由美术设计师设计出赏心悦目的页面将是更为必要的一项工作。

有28 条对“5%?”的评论

  1. Magic 说:

    那篇文章的标题取的就有歧义,为什么不翻成《web设计95%是文》、《web设计95%是字》呢~

  2. 幻沙 说:

    好的设计师把应该突出的部分更加突出,应该强调的部分更加强调.
    而有一些设计师做了相反的事情,造成了让用户在使用的过程中有障碍.好看和好用是不同的概念.

    还是觉得设计比较重要,因为界面贯穿于整个用户使用的过程,而且用户第一感觉接触的也是界面.我的理解,好的用户体验从界面开始.

  3. JunChen 说:

    [yes] 从另外一个角度解释了为什么web2.0的界面设计一般都那么“简单”。

    to 幻沙:
    设计(Design)有很多意思的,所以设计师(Designer)也是有不同含义的 😀

  4. sume 说:

    “大像于无形”?俺喜欢这个说法和表达。
    我觉得排版本身也是一种视觉设计吧:)

  5. Angela 说:

    臭鱼小弟这次的观点有点偏激了。

    “让网页更好看”包括在那95%的工作当中,不仅仅是剩下的5%。

    排版也是美术设计的一部分。

    “我们目前无法创造出既赏心悦目,而又不损害可用性的页面,所以,我们暂时不理会美不美的问题,只用最简单、最朴素的图形样式。”——繁复和奢华只是美的一种,而不是全部。简单和朴素一样可以给人美的感受。

  6. heiyo 说:

    很不幸,在中国很多UI和UE岗位上的是一个人….

  7. julia 说:
    引用自 heiyo
    很不幸,在中国很多UI和UE岗位上的是一个人….

    为什么称之为不幸呢?职位的不同并不能代表太多,其实都属于设计的同一行业,如果UI工作者能够懂得更多的UE知识,或者UE不仅仅是指说不画,那么我想最终的结果应该会更好吧。

  8. 木木桃子 说:

    [lol] 人们都喜欢美的东西,同样的功能,同样的产品,美观一些的一定让人心情更愉悦,这点,在《情感化设计》里面应该有论述过。
    管理者(至少是我们部门的领导)并不一定理解什么是UI,什么是交互,什么是GUI,他们觉得“美工”“画”出来的就是UI设计,也是图形设计……
    在这里,“美工”变成了“可用性工作者”的统称 [confused] 哦,真可怕。
    臭鱼的文章让我感觉到力量,谢谢。我会继续努力,坚持,坚持。

  9. rugufan 说:

    我第一次看到别人转这篇文章时,觉得很高兴,不同专业的人都开始关注设计,我们的钱包有望再多些,当发现有很多人理解误区,我想我应该说出我的观点,设计专业出身的人,都知道版面设计。而且就此文《web设计95%是排版》而言,我可以理解为web设计95%是设计,排版也只是版面设计中的一部分,而且设计本身就是资源再整合的过程。

    我们现在不做身份、职位区分,单纯说做事的过程(按正常过程走,)。
    首先我们拿到客户需求文档,结合我们技术需求文档,做出原型框架,各方讨论通过,最后出成品。

    而我们现在出原型框架的,往往是高明的指挥者、理论者,他们虽然有很强的逻辑分析策划等能力,但缺乏设计视角。给到设计人手里时,还要严格要求按规范办事,对原型框架是拿来做什么的,没有一个很好的定位。

    做设计的,虽然对版面布局等设计视角优越于其他专业,但是,往往不能深入理解系统的逻辑关系(这有设计师的个人因素,也有公司执行运作因素,没有让设计师深入参与其中,成了单纯的执行者)。

    从视觉表现层上,设计者了解业务需求,还必须深入理解整个项目的实施原理,在头脑中建立了系统观念,才会发挥的游刃有余。就不用技术人来指挥你怎么做,而是设计者告诉技术人要呈现什么。

    以上仅是个人愚见,针对普遍现象而说,

  10. 沈蚊 说:

    版式设计本身就带有UE的性质

  11. 露比 说:

    挖哈哈

    欢迎回踩
    http://www.gousoo.com/

  12. greengnn 说:

    这种一看就知道没有结果的争论总是招到众多的关注,why?

  13. 奇遇 说:

    交互设计一般要有丰富的经验,有一定的方法来分析需求,做出交互原型.视觉设计和交互设计是两个阶段,交互设计在视觉设计之前,都是很重要的

    视觉设计和交互设计有重叠的部分,视觉的层次也关系到交互的暗示

  14. 臭鱼 说:
    引用自 greengnn
    这种一看就知道没有结果的争论总是招到众多的关注,why?

    每一次争论都试图论出结论,很多时候却都不能,但并等于争论的过程就没有价值了。

    假设通过争论,得到了一个正确的结论,但是,随着时间的变化,具体情况的不同,这个正确的结论不再正确了,那么,当初的争论就是没意义的吗?显然不是。

    争论本身就是价值。通过争论我们学会了思考问题的方法,开阔了思路……

    这篇小文写在这里原本也就是抛砖引玉。即使我们没能引到玉,至少我们也通过抛砖锻炼了身体。

  15. 包尔 说:

    我们的国家还需要进步,到今天还是有的程序员骚手弄姿的跟你说:“请你帮忙给美化美化几个界面”
    中国好不容易开始重视技术人才,但什么时候才能知道真正的脑力劳动者的价值呢?

  16. 奇遇 说:

    呵呵 当初你认为一定正确的东西 过段时间你会发现自己错了 臭鱼说的我很有感触. 其实过程就是你财富,有了过程你才有了意识的升华.

    包尔说真正的脑力劳动者的价值 不知道这个"真正的脑力劳动者",又是具体指什么? [confused]

  17. Nina 说:

    路过,但很受益。。。

  18. badst 说:

    我不认为美工的比例这么小,应该至少占3成。
    看是说给谁听了,老板比较看重美工。 [wink]

  19. 奇遇 说:

    臭鱼兄,我自己想搞一个你这样的blog,能否给我推荐一个blog源程序?十分感谢! 小弟邮箱:wangfeng0104@gmial.com

  20. 木头 说:

    什么是设计 讨论了这么久也没有一个唯一的结果 还是跟着感觉走吧

  21. 奇遇 说:

    谁有一个更好的建议 ? 作交互时想和大家讨论一下
    http://blog.sina.com.cn/u/4ba4fd6f010007p0

  22. imetallic 说:

    I laughed when I saw this:
    "我的住所只有10平方米,我也喜欢一人多高的景德镇花瓶,但是,摆上几个大花瓶,就没地方睡觉了。"

    GOOD~! [yes]

  23. mengyouke 说:

    理解错误
    原文题目的意思是“95%是排版而不是设计,太可悲了”

  24. uxstudy 说:

    这是对排版设计的误解。 [smile]

    对视觉体验的理解,也不太赞同。

    视觉体验就是你给产品穿的衣服。

    没有钱买高档衣服不要紧,可以穿得简洁一点,朴素一点啊。
    这不代表你就有理由邋邋遢遢。

    视觉体验上感觉邋遢,代表你这个产品的品牌印象就是:廉价,粗制滥造。

  25. 土哥 说:

    "I like Google the best, they're the cleanest. Others are trying to take your attention away from what you're trying to focus on so it's counter productive to go to those sites." – Sasha, age 18, explains why it's smart to adapt to your customers instead of forcing them to adapt to you

    “我最喜欢Google,因为他们最干净。其他的网站则试图把你的注意力从你想要关注的东西移开。去那些网站不会有任何收获。”——18岁的Sasha指出,适应用户的习惯比起强迫用户去适应你的习惯要聪明得多

  26. THANK 说:

    平面设计里有一门重要的课程是编排 其中一部分就是关于视觉流程的交互,已经把交互设计容纳其中,
    但这里指的设计师只负责设计的后半部分其实是脱离了设计师的概念,变成了不折不扣的"美工".
    这是现在大多网页美术设计师的悲哀.相当于一张打好草稿的图,要做的只是填上颜色,所填的颜色还要受到产品、交互的左右。设计师是什么?是机器?是工具?毫无思想?既然前面你们都包了,后面就给设计师一点空间,一点信心吧,我们做的也只有这么多了。

  27. leee 说:

    我觉得“web设计95%是排版”这句话没什么错,如果现在的设计师能够真的理解这句话的意思那就是ui设计一个质的飞跃,在正统的平面设计中,版式设计是最为重要的一个内容,也是平面设计最核心的部分,不仅的web,所有的有关于平面设计的门类都注上这样的一句话我想也一点不为过。只是现在的设计师都太浮,太最求那些花里胡哨的东西。

  28. 晓。 说:

    个人理解排版也应该涵概到设计里去吧。

发表评论

您的大名: