“高效”是首要的设计要求

九月 6th, 2009 26 Comments »

设计的目标:设计是为了更好的传达信息。其中的“更好”包括:更美丽的、更高效的、更优雅的……
这是我们经过反复讨论后得到的共识。

只有这样的共识,还不够。因为我们会遇到这样的情况:我希望把这段文字设计成蓝色,这会更有感觉、更舒服。但是,使用蓝色可能会让用户迷惑,因为这段文字没有链接,且这个页面中,有链接的文字都是蓝色。“更美丽的信息传达也是设计的目标啊~”

所以,要让设计的目标能更有效的指导设计工作,我们还需要再做些什么—进一步规范“更好的”各项具体要求。

更高效的是基本要求,是需要首先被落实的。“更优雅的、更美丽的”则是更高的要求。这类似与“温饱”与“小康”的关系。

为什么这么说呢?
1. 用户是来使用产品的,而不是来欣赏的,即使是apple.com也是同样的。要欣赏就去美术馆了,十几英寸的显示器上能欣赏出啥来呢?
2. 视觉设计中很多涉及功能的视觉表现本来就应该以科学、社会学、心理学为基础,而不是凭空的、随意的“创造”。比如,绿色普遍被理解为“可行的”“允许的”“正确的”,那么,页面出错的信息用绿色背景就是不好的,甚至可以说是错的。

“更高效”是个无条件的要求。不应为了实现其他设计目标而受到损失。

如何保证“更高效”?
保证“更高效”,是不是保留页面原型中的所有信息不变就可以了?不是。不说也知道,如果要是的话,显然就不用在这里特意说了。那,为什么不是?

视觉设计中有这样两类工作:
1. 渲染气氛,表现视觉风格。通过内容单元框的形状、颜色,文字颜色,背景色,背景图形…表现出特定的视觉风格,渲染气氛,让用户在浏览网页的时候感受到或温馨、或可信、或可爱…
2. 用图形元素直接或者辅助传达信息。比如:图标的设计,按钮样式的设计,重点信息的图形展示…

做这些工作,不随意删改页面原型中的内容,只是基本的要求。渲染气氛的过程中干扰了正文信息的显示是不对的;使用图形元素达意不恰当也是不对的,不需要传达信息的地方用图标来装饰更是不对的。
在视觉设计过程中保证信息传达的高效水平不被降低甚至是能更高,这是项难度很大的工作。
之前我曾经给了个简单的结论“视觉表现元素不应带有信息量”,这是一个可以直接执行的结论,是设计目标的产生出来的一个具体要求。也就是说,如果你不愿意去理解设计的目标,更高效、更美丽谁在先,谁在后,如果是,那么,你只直接执行“视觉表现元素不应带有信息量”这个结论就行了。
这样看来,从设计的目标中还能产生出更多的类似“视觉表现元素不应…”结论。我还没想到,想到再说吧。

(本文首发于内刊“交互设计组月报”第十二期。)

有26 条对““高效”是首要的设计要求”的评论

  1. 小多 说:

    “视觉表现元素不应带有信息量?”说的是最基础的执行方法么?

  2. hereiszm 说:

    那是要定出视觉设计准则来
    比如:交互设计师在设计框架图的时候,就要标明内容优先级
    比如在设计的过程中不断的累积和定下和修改视觉规则,这是一种值得尝试的方式

  3. hereiswzm 说:

    关于视觉设计这一块
    在《about face 3》上有一节专门的介绍
    不过我看的也不是很懂….很系统就是了

  4. elya 说:

    《about face 3》看得人很头大~

  5. 阿拉 说:

    不错不错,受教了.

  6. 阿福 说:

    图片有两种,一种是带信息量的,另一种是不可带信息量的。第一种是这里说的视觉表现元素,而第二种是属于网站内容部份的。在视觉设计时,文字、图片信息与渲染气氛的图片元素,必须区分阅读者方便区分,高效阅读!

  7. seaou 说:

    吃饭是为了更好的活着?显然人活着不只是吃饭问题,这不是一个一对一的问题,用这样的一个命题,来说明设计的目标,未免很奇怪,

    设计是包括你所说的更美的,更高效的,更优雅的,更吸引人的,更愉悦的,这显然是一个视觉感受的过程,是直接的感官上的,那么我们看东西首先是绝不对想到他为什么会这么漂亮,这么舒服,这么好用,唯一能说明的是设计上形式帮助人们很容易的很享受的达到我们要传达信息的目标,这就是设计形式的无形的力量,

    设计是表现形式的问题,是以内容为基础,传达为目标,不论是设计还是其它产品,所有给人们用的东西都是在传达信息啊!设计只是一个环节,是一个表现、交互的环节,他的工作主要还是设计形式的问题,

    设计是为了销售,但一个产品做出来 ,都是为了销售!!!!只是设计的表现形式更能促进销售,这就说明,广告的主要工作内空就是表现形式上的问题,

    供探讨!!

  8. seaou 说:

    用欣赏这个词说产品,本来就有点偏激,欣赏不是全部,但产品有一定的欣赏,
    产品能让用户感受到欣赏,这就是产品的成功,艺术化的产品,APPLE无疑是含有相当的欣赏成分的.

    阅读只能去图书馆?? 这不在于去什么地方,关键是读者自已,以及书本身的欣赏的价值

  9. innoor 说:

    我有下面这么赤裸裸的理解哈:

    IT产品的visual interface好比human的face+skin,V. interface后面的interaction framework 好比human的骨骼和节点,骨骼和节点决定了human的肢体健全和活动,但是光有骨骼和节点当然是不能出来见人的,还需要皮肤和五官,它们和血液啊神经啊之类(好比后台code)一起组成了生命。

    所以好的交互设计和架构能让IT产品使用起来灵活,没磕没绊(好比行走、跳跃等),也就是达到“设计促使高效”的目的;V. interface design可以很普通(至少还有表情嘛,表情可以体现你的亲切)但是不能太恐龙,长相普通,一般也不会太影响和别人的沟通交流相处,长相PP,则赏心悦目,实在太过分了,则称作作作,站在此人面前估计都忘了找她/他的目的是啥了(不过分强求美的界面,毕竟如臭鱼说的,设计一个产品不是为了让人欣赏,而是引导和刺激用户去完成你想让他完成的任务,一个购买或是一个更新)

    好,此人皮肤白,表示很爱干净;衣着邋遢,表示生活不拘小节;眼睛无光,表示没有精神;眼睛烁烁发亮,表示对你很有兴趣…

    所以我觉得“视觉表现元素也是应该带有信息量”的,它的恰到好处(比如一个高光,一种配色)能把背后的交互和架构的健全和种种活动暗示显示出来。只是我觉得“信息量的表达”有显性和隐性的区别(概括阿福所说):1.网站内容(好比身上的服饰装饰):文字、图片信息与渲染气氛的图片元素,要表达得不含糊;2.视觉表现元素(好比肤色,五官):它们所表达的信息量更多是和个人特质和感情有关,一个呈现灰色但是实际可以点的按钮就是散发着错误的信息量,比喻成人的特质就是闷骚。

  10. innoor 说:

    不过凡事不能这么绝对,要发展的看待问题
    好比人的表情,虽然五官本身平淡无奇,但是通过特殊的标志性的表情却能让人变的独特而有个性

    所以我觉得设计师交互设计师用户研究程序员一个小小的生命体,视觉设计同样承受着“信息传达接力棒”的重任,进行视觉元素设计时要充分理解交互和框架的内容及含义,通过设计师擅长的颜色、风格、搭配等即设计好“人”的服饰,也设计好“人”的五官和皮肤,最好让人看起来有表情,那就达到了 臭鱼 所说的“要高雅”的需求,切勿,看着此人的“眼睛”,却压根看不出他/她在想啥

  11. 空空稻壳 说:

    视觉和交互的关系,可以理解为人的外表和内在。与人交往,外在往往是短暂的,而内在是长久的。
    另外也可以理解为主持人和来宾的关系,最好的主持人应该让观众与来宾充分交流,而不是成为障碍。

    所以我理解,视觉首先不能阻碍用户通过交互完成任务。其次,快速方便的完成任务,才是用户长期使用的关键。而用视觉来弥补交互的缺陷,只是最后不得已的方法。

    目前很多应用系统还有这种误区,用户对界面不满意,首先想到的就是找美工美化界面,而没有深究这种不满意的根源。当然用户只能看到视觉上的界面,但系统应该首先确保任务流程,架构,交互,性能,最后再来考虑视觉。

  12. haha 说:

    CMS(西美斯)专业整形美容机构,是首家美国驻华专业医疗整形机构,总部在美国,Dr.mark 为CMS欧洲区专家小组主席,拥有国际最尖端专利技术,现由美国医学博士带进中国,由日本著名整形专家Akila亲自带队,在自体软骨隆鼻、注射隆鼻、假体隆鼻等鼻部整形以及吸脂手术、瘦脸针、假体隆胸、自体脂肪隆胸、提臀手术、双眼皮手术、开眼角手术、祛眼袋手术、丰唇、眉毛整形、面部提升、瘦小腿、去皱纹手术等整形美容项目都有着很深的造诣。非手术专家Dr.faith,精通电波拉皮、激光脱毛、光子嫩肤、妊娠纹修复等激光美容项目;BOTOX、玻尿酸的注射美容项目,以及果酸换肤等项目。CMS (西美斯)是欧美国际化专业医疗整形事业在中国的延续。联系电话:海外区:86-10-65596769,中国区:010-65138869,公司网址:http://www.cmsclinic.cn/

  13. 丁子 说:

    形式要追随功能。

  14. rao 说:

    还有很多不理解,

  15. rao 说:
  16. 相似的青蛙 说:

    我觉得交互设计师的工作就像房子的梁,支持着整个空间。而视觉设计师的工作就像是室内设计师的工作,对整体的空间进行美化。二者相辅相成。

  17. 瑞航 说:

    高效是个泛意词,很显然是没错的

    高效意味着,快速,简单,准确,而这些都是设计师要注意的

    分解来说,快速可能对系统反应层面有考验,简单对设计师的抽象能力和流程控制有考验,准确则需要考研设计师的任务理解和界面表达能力了

  18. 123 说:

    顶礼膜拜。能跟你联系吗?我的电话是13620200981

  19. 123 说:

    臭鱼大师你好。
    你太了不起了,真的。
    除了技术能力、水平,还有文字及创意,
    特别是思维方式,简洁准确洒脱自成一格。
    不知怎么表达,
    我有事情想咨询,但是又不敢打扰………
    你会为个人建网站吗(非商务的)?费用会不会很流血啊
    抱歉哦,打扰了。

  20. 123 说:

    123 qq是1571179843

  21. 123 说:

    不知你会不会来这里,怎么才能联系啊

  22. chouyu 说:

    @123:谢谢你~ 不过我确实不为个人建站,我只是搞设计滴。

  23. 123 说:

    遗憾……我该去何处求援呢?
    有很成熟的方案,免费社交类,基本是文字栏目,互动为主。
    网上公司多是套模块的短期行为,屡碰屡败。
    烦请大师指点哦。谢谢!

  24. 123 说:

    栏目
    《单身微小说》上传作品
    《日记烂炖》上传作品
    《爱的祝福》上传作品
    《情书在线》上传作品
    《活动大篷车》发公告、报名、投票、投稿。
    《杠翻天》观点碰撞,算论坛吧?
    《今晚有空来坐坐》相当于电台倾诉类节目,也是论坛吗?(如不好实现可以砍掉的。)
    《会员系统》个人资料、查询、修改。
    整个网站无收费功能
    麻烦大师看一看。

  25. 123 说:

    如果有好个的网站基础和平台,后面会跟进有别于人的运作方法,应是独一无二的,特别有效的。

  26. highway 说:

    看了您的文章很受启发,谢谢,继续看下去了。