UI界面设计——界面设计不存在美工

--刘超 (联想集团软件UI设计中心)

人类社会逐步向非物质社会迈进,互联网信息产业已经走入我们的生活。在这样一个非物质社会中,网站与软件这些非物质产品再也不象过去那样紧紧靠技术就能处于不败之地。工业设计开始关注非物质产品。但是在国内依然普遍存在这样一个称呼“美工”。“工”的意思就是没有思想紧紧靠体力工作的人。这是一个很愚昧的做法,愚昧在于称呼职员美工的企业没有意识到界面与交互设计能给他们带来的巨大经济效益,另一方面愚昧在于被称为美工的人不知道自己应该做什么,以为自己的工作就是每天给界面与网站勾边描图。

本文主要讲述一套比较科学的设计流程来讲述UI界面设计属于工业设计的范畴,是一个科学的设计过程,理性的商业运作模式。而不是单纯的美术描边。

UI的本意是user interface也就是用户与界面的关系。他包括交互设计,用户研究,与界面设计%20三个部分。本文主要讲述用户研究与界面设计的过程。

一个通用消费类软件界面的设计大体可分为五个步骤:
1需求阶段
2分析设计阶段
3调研验证阶段
4方案改进阶段
5用户验证反馈阶段


需求阶段

软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。

除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢,后面我会介绍用户调研。

分析设计阶段

通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有:品质,精美,高档,高雅,男性,时尚,cool,,个性,亲和,放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的,例如:品质,精美,高档,时尚。但有些词是相互矛盾的,必须放弃一些,例如:亲和,放松与cool,个性与等。所以我们画出一个坐标,上面是我们必须用的品质,精美,高档,时尚。左边是贴近用户心理的词汇:亲和,放松,人性化。右边是体现用户外在形象的词汇:cool,个性,工业化。然后我们开始搜集相呼应的图片,放在坐标的不同点上。这样根据不同作标点的风格,我们设计出数套不同风格的界面。

调研验证阶段

几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观的反馈。

测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。

例如:
数据收集方式:厅堂测试/模拟家居/办公室。
测试时间:X年X月X日X日。
测试区域:北京、广州、天津。
测试对象。某消费软件界定市场用户。主要特征为:
对电脑的硬件配置以及相关的性能指标比较了解,电脑应用水平较高;
 电脑使用经历一年以上;
家庭购买电脑时品牌和机型的主要决策者
年龄:X-X岁;
年龄在X岁以上的被访者文化程度为大专及以上;
个人月收入X以上或家庭月收入X元及以上;
样品
五套软件界面
样本量:X个,实际完成X个。

调研阶段需要从以下几个问题出发:
%20用户对各套方案的第一印象
%20用户对各套方案的综合印象
%20用户对各套方案的单独评价
%20选出最喜欢的
%20选出其次喜欢的
%20对各方案的色彩,文字,图形等分别打分。
%20结论出来以后请所有用户说出最受欢迎方案的优缺点。
所有这些都需要用图形表达出来,直观科学。

方案改进阶段

经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。

用户验证阶段

改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。

经过上面设计过程的描述,大家可以清楚的发现,界面UI设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI界面设计不存在美工。


作者联系方式:qq:33749146



论文出处(作者):

UI界面设计——界面设计不存在美工

下载Word文档到电脑,方便收藏和打印~

下载Word文档

带你看艺考
艺考信息时光机

山西大学2021年河北省艺术类录取分数线

山西大学2021年河北省艺术类录取分数线
山西大学
艺术类录取分数线 山西大学 2021/7/12

天津音乐学院致2021级新生的一封信

天津音乐学院致2021级新生的一封信
天津音乐学院
开学时间 天津音乐学院 2021/8/28

四川民族学院2021年艺术类本科专业招生计划

四川民族学院2021年艺术类本科专业招生计划专业名称专业类别收费标准四川环境设计普通类600025美术学师范类800050视觉传达设计普通类600063书法学师范类600025舞蹈学师范类800040音乐学师范类8000..
四川民族学院2021年艺术类本科专业招生计划
艺术类招生计划 四川民族学院2021年艺术类本科专业招生计划 2021/7/16

天津商业大学宝德学院2021年山东(舞蹈),吉林、四川(设计学、舞蹈)录取分数线

天津商业大学宝德学院2021年山东(舞蹈),吉林、四川(设计学、舞蹈)录取分数线
天津商业大学宝德学院招生办公室
艺术类录取分数线 天津商业大学宝德学院招生办公室 2021/8/6

淮阴工学院2021年美术类本科招生计划

淮阴工学院2021年江苏省艺术类本科招生计划序 号专业组招生专业分流专业名称招生人数134208历史产品设计产品设计48环境设计环境设计45视觉传达设计视觉传达设计45数字媒体艺术数字媒体艺术27134209物理环境设..
淮阴工学院2021年美术类本科招生计划
艺术类招生计划 淮阴工学院2021年美术类本科招生计划 2021/7/8

萍乡学院2021年招生章程(含艺术类)

萍乡学院2021年招生章程
萍乡学院2021年招生章程
普通类招生章程 萍乡学院2021年招生章程 2021/5/26

甘肃2021年普通高校招生网上填报志愿及征集志愿通知

甘肃2021年普通高校招生网上填报志愿及征集志愿通知,2021年甘肃高考志愿填报、录取结果查询及征集志愿时间。
志愿填报时间,征集志愿时间
甘肃高考志愿填报 志愿填报时间,征集志愿时间 2021/7/2

浙江财经大学东方学院2021级新生大数据

浙江财经大学东方学院2021级新生大数据
浙江财经大学东方学院招生办
新生大数据 浙江财经大学东方学院招生办 2021/9/17

兰州交通大学2021年军训集锦

兰州交通大学2021年军训集锦
艺考
军训 艺考 2021/10/8

广东职业技术学院2021级新生军训正式开营啦!

广东职业技术学院2021级新生军训正式开营啦!
艺考
军训 艺考 2021/10/16

浙大城市学院2021年美术类招生简章

一、学校简介 浙大城市学院是一所经教育部批准,由杭州市人民政府举办、浙江大学支持办学的全日制公办普通本科高等学校。其前身为创建于1999年的浙江大学城市学院。 学校坐落于中国历史文化名城、风景旅游胜地杭州,毗邻京杭大运河,柳青水秀、波光鹭影,自然..
浙大城市学院2021年美术类招生简章
艺术类招生简章 浙大城市学院2021年美术类招生简章 2021/6/18

2021年北京师范大学艺术类专业录取分数线

2021年北京师范大学艺术类专业录取分数线
2021年北京师范大学艺术类专业录取分数线
艺术类录取分数线 2021年北京师范大学艺术类专业录取分数线 2021/7/28

陈丹青的时装模特写生油画作品(附2021新作)

陈丹青:时装模特写生(附2021新作)
陈丹青陈丹青陈丹青陈丹青
油画欣赏 陈丹青 2021/7/3

北京工商大学2021年录取结果查询

北京工商大学2021年录取结果查询
北京工商大学
录取查询 北京工商大学 2021/7/9

广东警官学院2021高考录取查询开通

广东警官学院2021高考录取查询开通
广东警官学院
录取查询 广东警官学院 2021/7/12

湖南农业大学2021年高考录取结果查询开通

湖南农业大学2021年高考录取结果查询开通
湖南农业大学
录取查询 湖南农业大学 2021/7/21

成都理工大学2021年秋季学生返校报到时间

成都理工大学2021年秋季学生返校报到时间
成都理工大学
开学时间 成都理工大学 2021/8/22

西北工业大学2021年新生大数据

西北工业大学2021年新生大数据
西北工业大学
新生大数据 西北工业大学 2021/9/10

陕西服装工程学院2021年艺术类专业成绩查询

陕西服装工程学院2021年艺术类专业成绩查询
陕西服装工程学院
艺术类专业成绩查询 陕西服装工程学院 2021/4/28

华北电力大学2021年高考录取查询开通

华北电力大学2021年高考录取查询开通
华北电力大学
录取查询 华北电力大学 2021/7/11
没有更多了?去看看其它艺考内容吧

艺考热搜

艺考数据
艺考资源站

  • 艺考分数线
  • 艺考简章