软件产品界面不是艺术作品

经常有人把软件产品界面当成艺术作品,不管是在开发bs版产品还是cs版产品,这样的情况经常会遇到。然而,关于软件产品UI和艺品作品之间的关系,早有很多经典论述,可以说这是显而易见的真理。但是,实际情况是,总是有人在不断自觉的重复这样的错误。

是什么人呢?不确定的说,什么人都有,ps把很多人对可视化设计的欲望极大的调动起来,任何一个人心血来潮,都可以设计设计。确定说,非典型的有两类人。

一类人是狂热的图形设计艺术家,具有典型的艺术和个性化气质,图形和视觉效果的追求近乎狂热,在他们的眼里,视觉效果就等于设计的全部。这样的认为在纯艺术创作中非常普遍,但是做软件产品设计,这种想法非常有害。软件UI设计也是属于大工业设计的范畴,工业设计一方面满足人们对美的追求,更重要的是设计必须为产品的功能和体现使用价值服务,偏离了这一点,设计再有创意和视觉冲击力也是没有意义的。把软件产品界面当成艺术作品的“图形设计艺术家”一般都是刚刚涉足这个行业,对产品不了解,经验还不丰富的一部分人,他们还不了解,产品设计是一个系统化设计工作,属于工程概念,对规则组织和条理化的要求强过对创意、个性化、视觉冲击的要求。随着工作和项目经验的积累,他们会逐步扭转过来,思维方式会逐步趋向理性化。

另一类人是对界面设计感兴趣的编码工程师。他们不懂得运用视觉原理和构成法则来合理的安排界面控件和元素之间的位置和关系,但是他们有着天生的控制(产品)和(自我)表现欲望,一旦这种欲望在某个适当的时候被释放或放大,于是编码工程师就摇身一变成了界面工程师。

刚才所说的“适当的时候”是什么时候呢?当程序员做逻辑判断或者是函数设计感到疲惫的时候,他想尝尝形象设计的滋味;当他面对一个界面设计和后台程序密切相关的问题时,他需要有一个符合他的技术模型的界面形式以帮助他快速完成编码;强烈责任感驱使他要对自己编码的产品负责,他觉得要这么干,于是就改成他希望的样子了。于是,糟糕的产品界面和因此造成的混沌交互就诞生了。最让人不可容忍的是,编码工程师的个人行为,在目前的软件工程管理中,缺乏强有力的监督和约束机制,到最后,问题出来了,编码工程师往往会以工程进度或别的理由逃避责任。如果项目经理意识不到问题的严重性,情况会变得更加糟糕。这样对软件质量的影响是致命的。要改变也是最难的。

当编码工程师突然摇身变成“界面工程师”时,编码人员固有的逻辑、条理、组织和系统化思维优势,一下子就短路了。他们忘记了软件界面是产品功能和产品交互性格的可视化载体,需要用户全局的眼光来统筹,对组织、条理和规则的要求和思维的严密性一点不亚于程序设计和技术架构对它们的要求。它们做一个界面就只看到这个界面,不知道考虑上下文和屏幕序列中,界面和其他界面之间的关系;看一个控件就只看到控件本身,不知道考虑控件与控件之间的组合,控件组与控件组之间的关系如何处理,怎样把它们动态组成一个具有明确的用户引导能力和功能暗示的并且能透射出整个产品综合形象的产品界面。他们的视角是割裂的,设计理念是局限的,做出来的东西肯定是别扭的。

我发现一个很有趣的现象,编码工程师对界面设计者通常具有一种居高临下的心理优势,很少把界面设计当回事,觉得那是不重要的简单的事情,只有自己做的事才是重要的、高智商的。可是让我觉得很滑稽的是,一旦这些高智商的人客串过来时,却把自己的优势和产品的目标忘得精光。也是把产品界面当成一个艺术作品来设计。经常听到他们借用一些美工的词汇来表达他们的“设计”想法,“我觉得这里太空了”“我觉得这里太白了” 听起来,我就想不到这是在评价一个软件产品,倒是在评价一副水彩画。

看看下面的例子。

这是一个信息对话框的设计,仅仅用户来展示某个用户的信息。操作引导功能非常弱,仅仅是用户看完信息之后关闭对话框就可以了。本来按照GUI规范,把关键界面元素放到合适的位置就可以了。非常简单的事情,信息字段组左上角排放,注意他们和窗口上边距和左边距要符合规定的尺寸;对话框按钮在对话框右下角,注意和窗口右边距和下边距符合规定的尺寸。

可是最后就成了这个样子。我问为什么?答曰“我觉得中间太空了,所以就把他们往中间移了”我晕倒。如果都是这样“我觉得”整个产品不就变得五花八门了,最基本的统一性原则都达不到,还能说什么呢?假如你觉得中间空了,那应该考虑,是不是对话框尺寸太大了,可以和GUI设计考虑缩小对话框窗口的尺寸,而不能够擅自改动控件组织的基本规则。

实际应该是这个样子。

看看苹果的规范

另一个例子

这是产品界面采用了通用的bs软件界面模式,上面是产品标题区,左边是模块导航区域,右侧是功能操作区域,操作区域的平行子模块采用页签形式平行引导。有人对显示效果提出疑问:右下角没有东西了,显得太空了,不好看。要求把操作控件匀一些下来,或者搞个深颜色,或者加个图片填上去。

又是一个典型的把产品界面当成了一副画来调摆,而忘了软件界面的使命,且不说这么弄是不是好看。产品界面的使命,元素排列组合的终极目的就是合适的表达产品的行为和功能,帮助用户完成他们的工作,实现他们的目标。偏离了这个终极目标,为好看而好看都是没有意义的,甚至会产生反作用,越好看越糟糕。

试想,假如为了把界面空地填满,把控件像洒胡椒面样的弄匀,结果控件之间的关系不符合用户的眼动和操作习惯,给用户造成的影响会怎样?假如为了好看,把空地填上一副绚丽的画,或者加上无关痛痒的水印,结果强迫用户的注意力移到与操作任务不相关的界面区域,而忘记了自己该干什么?结果会怎么样?

有人说,我觉得太空白了显得很生硬,所以要加图片进来,显示产品的人性化,追加产品的附加值。其实,这纯粹是他自己的臆造,没有深入的了解软件操作语境,不知道这个时候用户需要什么。好东西要在合适的时候提供才是好东西,就像药可以治病,可是给健康人吃就是毒药。在用户工作的时候,用户的关注点只在操作区域,其余的地方处于视觉盲点,不需要过多的关注。聪明的产品设计者,应该是帮助用户感觉不到空白的存在,而不是利用空白制造噪音干扰用户。

看看adobe Activation的对话框例子

经常有人把软件产品界面当成艺术作品,不管是在开发bs版产品还是cs版产品,这样的情况经常会遇到。然而,关于软件产品UI和艺品作品之间的关系,早有很多经典论述,可以说这是显而易见的真理。但是,实际情况是,总是有人在不断自觉的重复这样的错误。

是什么人呢?不确定的说,什么人都有,ps把很多人对可视化设计的欲望极大的调动起来,任何一个人心血来潮,都可以设计设计。确定说,非典型的有两类人。

一类人是狂热的图形设计艺术家,具有典型的艺术和个性化气质,图形和视觉效果的追求近乎狂热,在他们的眼里,视觉效果就等于设计的全部。这样的认为在纯艺术创作中非常普遍,但是做软件产品设计,这种想法非常有害。软件UI设计也是属于大工业设计的范畴,工业设计一方面满足人们对美的追求,更重要的是设计必须为产品的功能和体现使用价值服务,偏离了这一点,设计再有创意和视觉冲击力也是没有意义的。把软件产品界面当成艺术作品的“图形设计艺术家”一般都是刚刚涉足这个行业,对产品不了解,经验还不丰富的一部分人,他们还不了解,产品设计是一个系统化设计工作,属于工程概念,对规则组织和条理化的要求强过对创意、个性化、视觉冲击的要求。随着工作和项目经验的积累,他们会逐步扭转过来,思维方式会逐步趋向理性化。

另一类人是对界面设计感兴趣的编码工程师。他们不懂得运用视觉原理和构成法则来合理的安排界面控件和元素之间的位置和关系,但是他们有着天生的控制(产品)和(自我)表现欲望,一旦这种欲望在某个适当的时候被释放或放大,于是编码工程师就摇身一变成了界面工程师。

刚才所说的“适当的时候”是什么时候呢?当程序员做逻辑判断或者是函数设计感到疲惫的时候,他想尝尝形象设计的滋味;当他面对一个界面设计和后台程序密切相关的问题时,他需要有一个符合他的技术模型的界面形式以帮助他快速完成编码;强烈责任感驱使他要对自己编码的产品负责,他觉得要这么干,于是就改成他希望的样子了。于是,糟糕的产品界面和因此造成的混沌交互就诞生了。最让人不可容忍的是,编码工程师的个人行为,在目前的软件工程管理中,缺乏强有力的监督和约束机制,到最后,问题出来了,编码工程师往往会以工程进度或别的理由逃避责任。如果项目经理意识不到问题的严重性,情况会变得更加糟糕。这样对软件质量的影响是致命的。要改变也是最难的。

当编码工程师突然摇身变成“界面工程师”时,编码人员固有的逻辑、条理、组织和系统化思维优势,一下子就短路了。他们忘记了软件界面是产品功能和产品交互性格的可视化载体,需要用户全局的眼光来统筹,对组织、条理和规则的要求和思维的严密性一点不亚于程序设计和技术架构对它们的要求。它们做一个界面就只看到这个界面,不知道考虑上下文和屏幕序列中,界面和其他界面之间的关系;看一个控件就只看到控件本身,不知道考虑控件与控件之间的组合,控件组与控件组之间的关系如何处理,怎样把它们动态组成一个具有明确的用户引导能力和功能暗示的并且能透射出整个产品综合形象的产品界面。他们的视角是割裂的,设计理念是局限的,做出来的东西肯定是别扭的。

我发现一个很有趣的现象,编码工程师对界面设计者通常具有一种居高临下的心理优势,很少把界面设计当回事,觉得那是不重要的简单的事情,只有自己做的事才是重要的、高智商的。可是让我觉得很滑稽的是,一旦这些高智商的人客串过来时,却把自己的优势和产品的目标忘得精光。也是把产品界面当成一个艺术作品来设计。经常听到他们借用一些美工的词汇来表达他们的“设计”想法,“我觉得这里太空了”“我觉得这里太白了” 听起来,我就想不到这是在评价一个软件产品,倒是在评价一副水彩画。

看看下面的例子。

这是一个信息对话框的设计,仅仅用户来展示某个用户的信息。操作引导功能非常弱,仅仅是用户看完信息之后关闭对话框就可以了。本来按照GUI规范,把关键界面元素放到合适的位置就可以了。非常简单的事情,信息字段组左上角排放,注意他们和窗口上边距和左边距要符合规定的尺寸;对话框按钮在对话框右下角,注意和窗口右边距和下边距符合规定的尺寸。

可是最后就成了这个样子。我问为什么?答曰“我觉得中间太空了,所以就把他们往中间移了”我晕倒。如果都是这样“我觉得”整个产品不就变得五花八门了,最基本的统一性原则都达不到,还能说什么呢?假如你觉得中间空了,那应该考虑,是不是对话框尺寸太大了,可以和GUI设计考虑缩小对话框窗口的尺寸,而不能够擅自改动控件组织的基本规则。

实际应该是这个样子。

看看苹果的规范

另一个例子

这是产品界面采用了通用的bs软件界面模式,上面是产品标题区,左边是模块导航区域,右侧是功能操作区域,操作区域的平行子模块采用页签形式平行引导。有人对显示效果提出疑问:右下角没有东西了,显得太空了,不好看。要求把操作控件匀一些下来,或者搞个深颜色,或者加个图片填上去。

又是一个典型的把产品界面当成了一副画来调摆,而忘了软件界面的使命,且不说这么弄是不是好看。产品界面的使命,元素排列组合的终极目的就是合适的表达产品的行为和功能,帮助用户完成他们的工作,实现他们的目标。偏离了这个终极目标,为好看而好看都是没有意义的,甚至会产生反作用,越好看越糟糕。

试想,假如为了把界面空地填满,把控件像洒胡椒面样的弄匀,结果控件之间的关系不符合用户的眼动和操作习惯,给用户造成的影响会怎样?假如为了好看,把空地填上一副绚丽的画,或者加上无关痛痒的水印,结果强迫用户的注意力移到与操作任务不相关的界面区域,而忘记了自己该干什么?结果会怎么样?

有人说,我觉得太空白了显得很生硬,所以要加图片进来,显示产品的人性化,追加产品的附加值。其实,这纯粹是他自己的臆造,没有深入的了解软件操作语境,不知道这个时候用户需要什么。好东西要在合适的时候提供才是好东西,就像药可以治病,可是给健康人吃就是毒药。在用户工作的时候,用户的关注点只在操作区域,其余的地方处于视觉盲点,不需要过多的关注。聪明的产品设计者,应该是帮助用户感觉不到空白的存在,而不是利用空白制造噪音干扰用户。

看看adobe Activation的对话框例子


相关文章

  • 触景生情_以用户为中心的情感化信息设计
  • "触景生情" --以用户为中心的情感化信息设计 刘 派(清华大学 美术学院,北京 100084) [摘 要]信息时代孕育了信息设计的产生,信息设计以其独特的魅力成为21世纪最具亮点的设计学科.本文着重探讨的是以用户为中心 ...查看


  • 浅谈多媒体的交互特性
  • 浅谈多媒体人机交互 --多媒体在人工智能方面的应用 软件学院·2010级六班 李成明·55100617 目录 浅谈多媒体人机交互 ....................................................... ...查看


  • 人教版三年级起点四年级上册信息技术教案
  • 2015-2016学年上学期六年级信息技术 教学工作计划 一.教材内容分析 本学期使用的教材是义务教育小学教科书<信息技术>(四年级上册) ,一共三个学习单元.第一单元介绍键盘的使用以及输入汉字的方法:第二单元以Word .WP ...查看


  • 文本素材处理
  • 文本素材处理 学习指南:本章介绍文本素材采集.编辑.加工处理的有关知识.主要内容有:文本素材的基础知识,文本素材的采集与处理方法,文本素材创作实例.学习本章,要求掌握以下知识: 掌握文本在计算机中的表示方法,了解文本素材的主要特点: 熟悉常 ...查看


  • Mobileapp视觉传达的魅力
  • 时下移动开放平台众多,苹果.谷歌.微软.诺基亚都有自己的移动开发平台,想让自己的产品在众多的开放平台中留住用户,只靠品牌是不够的,产品用户体验比品牌更重要.我们可以充分的利用移动设备的特性,运用视觉传达的表现方式,去创造具有优秀的用户体验的 ...查看


  • 六年级美术教案 1
  • 六年级美术教案 1.远近的奥秘 授课班级:六年级 课业类型:造型•表现 课 时:2课时 教学目的: 1.了解近大远小.近高远低.近宽远窄的透视变化规律. 2.学习.了解视平线和消失点的透视概念. 教学中难点: 重点:通过对周围环境的观察,发 ...查看


  • 平面设计与UI设计各有什么不同?
  • 平面设计与UI 设计各有什么不同? 最近UI 设计行业兴起的火热,许多从事平面设计的都想要转UI 设计.同时又有疑虑了,平面设计转UI 设计容易吗? 能不能转呢?上元君给大家普及一下关于平面设计和UI 设计的知识,供大家参考. 平面设计的常 ...查看


  • 平面设计毕业论文1
  • 编号:商丘工学院 毕业论文(设计) 题目:汽水海报 系专别:传媒与现代艺术学院业:11图形图像制作 王慧慧学生姓名:成绩: 指导教师:2014年4月 目录 第一章Photoshop软件介绍.......................... ...查看


  • 多媒体及网络教学软件的创意.设计
  • 多媒体及网络教学软件的创意.设计.制作及应用 安徽师范大学教育科学学院 袁晓斌 副教授 一.教育信息化综述 (一)背景资料 一九九八年十二月 <面向21世纪教育振兴计划> 一九九九年六月 <中共中央国务院关于深化教育改革全 ...查看


热门内容