马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 交互设计 > 新型设计师的分工定位

新型设计师的分工定位

时间:2016-01-26   文章来源:马海祥博客   访问次数:

设计是一个相当广义而模糊的术语,当有人说“我是一个设计师”时,你很难知道他每天做些什么?

设计涵盖了多领域和多职责,从工业设计(汽车、家具)到印刷设计(杂志,其他出版物),再到科技行业(网站,手机应用),随处可见不同职责的设计师,而随着科技公司不断地涌入人机交互领域,应运而生了许多新的设计师角色——UI设计师、UX设计师、视觉设计师、交互设计师、GUI设计师等。

新型设计师的分工定位-马海祥博客

看到这么多相似的名字,你是否也跟我一样陷入傻傻分不清的迷雾中?下面马海祥就和大家一起拨开迷雾,重新认识这些新型设计师们吧。

1、UX设计师 / 交互设计师

UX,英文为User Experience,指的是用户体验,一般而言,国内UX设计师,也称为交互设计师或UE设计师(而国外的UX设计师指的是用户体验设计师,交互设计师指的是动效设计师)。

UX设计师主要关注用户对产品的体验感受,确保产品逻辑的流程可以跑得通,甚至跑得顺、跑得精彩,正如一千个人眼里有一千个哈姆雷特,一个设计问题往往也没有唯一解,UX设计师会深入场景,探索多种不同的解决方案,这种深入思考通常能产生创新方案。

新型设计师的分工定位-马海祥博客

一般而言,UX设计师或交互设计师使用一些用户研究方法&设计方法作为辅助,通过现场观察、可用性测试、用户访谈等用户研究方法了解用户使用行为,发现产品体验问题(具体可查看马海祥博客《专业的交互设计师要学些什么》的相关介绍)。

说到这里,会发现国外UX设计师也在做用研,有没有?而国内这一点上其实除了有完整UED设计部门的较大互联网公司(分工比较明确,UX 设计师很少会去做访谈相关内容,普遍都是用研童鞋来负责这一部分),创业公司和设计咨询公司中的UX设计师基本上也都会兼顾用研,UX 设计师们通过头脑风暴、角色扮演、故事版等设计方法探索设计机会点,向着创造出“最好的”用户体验目标而前进,典型案例就是为新用户设计一套令人愉悦的登录流程。

总的来讲,UX设计师是设计人与信息产品的流程和关系,归根结底都要研究人、事、物的联系,它是一个囊括计算机工程、心理学、设计的交叉学科。

“进行利益相关者访谈、用户访谈,挖掘用户需求,提炼用户任务流,完整体验不同产品,挖掘交互设计模式,设计交互模式,撰写交互设计稿,并最终形成交互设计规范/UIspec,跟进视觉设计和开发,确保产品正常上线”这可能就是UX设计师日常事项。

对于UX设计师,你可能会听到他们很自然的说:“我们应该在用户登录成功后展示一个感谢页面。”

设计产出物:流程图、网站地图、故事版、交互设计原型图(线框图)、UIspec、交互设计规范

工具:axure,OmniGraffle,Visio,Sketch,Illustrator,Fireworks,InVision,PPT,Keynote,Photoshop

2、视觉设计师

说起视觉设计师,通常会联想到“扣像素”的处女座,相比于UX设计师梳理流程、组织信息架构等内容,他们更在意精美的图标、按钮等视觉元素以及合适的排版,视觉设计师经常在Photoshop中4x到8x的缩放级别中操作,细致刻画容易忽略的小细节。

一般而言,诸如UI设计师、GUI设计师、运营设计师、平面设计师等名称各异的设计师头衔,在不同场合也都被称为视觉设计师,听到这里,是不是已经开始迷失在这些形形色色的概念里呢,下面就让马海祥一一来解密这些设计师吧。

(1)、UI设计师 / GUI设计师

UI,英文为User Interface,指的是用户界面,也就是人与机器互动的界面,可以理解为UX的一个分支,不同于UX设计师需要关注产品的整体感觉,UI设计师更关注产品以怎样的界面呈现,其实互联网领域中,UI和UX设计师的界限相当模糊,在很多创业公司,这两个设计角色是合二为一的。

国内而言,目前一般把屏幕上显示的图形用户界面(GUI:Graphic User Interface)都简单称为UI,我们经常听到的UI设计师,其实指的是GUI设计师,也就是图形界面视觉设计师,负责产品或网站的图形、图标、色彩、视觉风格等,决定营造出什么样的视觉体验,从视觉层面把控产品界面设计,确保UI稿在视觉上清晰的传达UX设计师的交互设计稿,也就是高保真视觉稿。

新型设计师的分工定位-马海祥博客

举个例子,在设计一个数据分析界面时,UI设计师可以决定使用滑块还是控制旋钮,通过这样的控件来阐述图表带来的直观感受,此外,UI设计师还负责制定视觉设计规范,确保产品设计的一致性,在规范中,明确一些UI控件/组件的使用行为,比如错误或警告提示。

“熟悉不同分辨率的多端产品,诸如桌面端,Web端和手机设备,能够完成高质量的视觉设计稿——从概念设计确定设计风格到详细设计,设计内容包括图标、图形界面等;执行统一的设计语言,撰写并完善网站的设计规范,为产品注入美和生活气息。”这可能就是UI设计师日常事项啦。

对于UI设计师,你可能会听到他们很自然的说:“登录和注册链接应该移到右上角”、“这个字距不行,那个按钮应该向左移动1像素!”

设计产出物:视觉设计稿,视觉设计标注规范 ,视觉设计规范文档,视觉切图

工具:Photoshop,Sketch,Illustrator,Fireworks,markman(视觉标注软件)

(2)、平面设计师

平面设计师,应该可以说是设计师的起源,经常被称为美工,有时冠以品牌设计师或运营设计师头衔。

在UI设计师、UX设计师等新兴设计头衔诞生前,视觉设计师其实等同于平面设计师,平面设计师从事的设计项目,具体来讲包含网页设计、包装设计、DM广告设计、海报设计、平面媒体广告设计、POP广告设计、样本设计、书籍设计、刊物设计、VI设计等,也就是各个行业都需要平面设计师,以达到提升品牌形象等作用,逼格点说,平面设计师骨子里就是玩意境的。

近年来,由于互联网催生的UI设计师热潮,越来越多的平面设计师转行为UI设计师,因为初级的UI就是平面设计的一个延续,再加上扁平化风格的流行趋势,真真是对了平面设计师的技能树,要知道平面设计师对于颜色、造型、排版等都是熟手中的熟手。

但需要注意的是平面设计师的设计——logo、海报等,更偏情感创意类,往往是天马行空的视觉创意思维,更强调感性,通过设计让用户产生情感触动,提升品牌价值;而UI设计师的设计——更偏向于产品类,基于用户需求,根据目标用户的喜好,探索设计风格,进行界面布局,归根到底UI设计师兼顾感性的同时更偏理性,通过解决问题获取更好地体验。

因此,马海祥建议想转行的平面设计师可以了解一些关于界面、产品等入门知识,诸如ios\Android的各种设计规范、移动应用UI设计模式、about face 3等,也可以多多把玩手机中的有趣应用,试着理解分析下。

3、互动设计师(动效设计师)

每次说起互动设计师,我都无比纠结该怎么说明,英文是interaction designer,是不是觉得也可以翻译为交互设计师呢,是不是又陷入了傻傻分不清的迷雾呢?

我觉得产生这个疑问的原因,其实是国内国外行情的不同,在国外interaction designer真的就是互动设计师,而不是国内翻译过来理解的交互设计师,而国内我们经常说的交互设计师其实在国外被称为UX设计师。

感觉自己又绕进去啦,你明白了吗?下面马海祥还是以实际案例来阐述什么是互动设计师吧,至于什么是国内的交互设计师详情可看“UX设计师”段落。

新型设计师的分工定位-马海祥博客

刷新iPhone手机邮箱应用时,还记得那个流畅平滑的转场动效吗?它就是出自互动设计师之手,不同于视觉设计师设计静态界面元素,互动设计师擅长将创意概念转化为有视觉冲击力的互动作品,比如用流畅动效,模拟用户操作界面过程。

举个例子,一个应用的菜单怎样滑入、使用哪种转场效果以及按钮如何调起,互动设计师将其概念实现为有视觉冲击力的互动模型(具体可查看马海祥博客《动效设计的物理法则及应用》的相关介绍)。

“精通图形设计、动态图形和数字艺术,对排版和色彩高度敏感,对材质和结构有所了解,并能够控制动态效果,了解iOS,OS X,Photoshop和Illustrator,同时能够熟练使用Director(或同类工具),Quartz Composer(或同类工具),3D计算模型进行动效图形设计”这可能就是成为互动设计师的必备技能了。

对于互动设计师,你可能会听到他们很自然的说:“这个菜单应该从左侧淡入,时间为800ms。”

设计产出物:互动作品,诸如gif格式图片、视频等。

工具:AfterEffects,Quartz Composer,Flash,Origami

4、产品设计师

产品设计师又是一个宽泛的名词,顾名思义就是设计产品的,根据实际的用户/商业需求,设计实体/互联网等各类产品,以满足相应的用户/商业需求、解决对应的问题。

也就是说互联网之前,产品设计师普遍研究人与环境的关系,提炼需求,设计实体产品,如家具产品、日用品等,而随着互联网浪潮来临,互联网领域的产品设计师,更多设计的是虚拟互联网产品,如网页、APP等,下面马海祥主要介绍一下互联网领域的产品设计师。

简单来讲,产品设计师就是一个需要为产品视觉和体验整体负责的设计师。

他的角色不易确定,并且不同的公司存在差异性,一个产品设计师可能会做少量的前端工作,组织用户研究,设计用户界面并且绘制视觉元素,由始至终,产品设计师都需明确待解决的问题,提出解决方案,然后设计、开发、测试,并不断迭代更新。

一些公司希望保证不同的设计角色之间可以流畅协作,所以设置了“产品设计师”这个职位来激励整个设计团队保持整体的用户体验,包括用户研究、交互设计以及视觉设计,但其实大部分公司使用“UX 设计师”,甚至于仅使用“设计师”作为统称,有时候简单了解职位描述,可以让你更容易理解公司中设计团队是如何划分职责的。

总的来讲,产品设计师负责各个方面的体验设计工作:用研、交互、视觉,确保能够制作精确到像素的高保真原型,并且推动开发Web和移动端的新功能(具体可查看马海祥博客《如何成为一名优秀的产品设计师》的相关介绍)。

设计产出物:互联网时代前:家具产品、日用品等;互联网浪潮来临:网页、APP

5、用户研究工程师(用户研究专员)

“用研是用户需求的捍卫者”,用研的目标是回答这两个紧密相关的问题:“你的用户是哪些?你的用户需求是什么?”。

通常,用研需要访谈用户,挖掘庞大的商业数据,收集并整理在其中的发现,如可用性测试、焦点小组、数据分析等,我们都知道设计是 一个持续迭代的过程,所以用研们通过组织A/B测试来筛选更符合用户需求的设计方案。

一般而言,用研通常都是大公司的支柱,因为在大公司中才可以接触到足量的数据,有充足的机会统计显著的结论。

用户研究员,通常与产品团队共同明确调查目标,设计研究方案,设法了解用户行为与态度;能够使用大量的定性研究和少量的定量研究(比如调查问卷)来组织用户研究,UX设计师偶尔也会兼顾下用研的角色的。

你可能会听到他们很自然的说:“从我们的调查可以看出,一个典型用户应该blabla”

研究产出物:用户画像,A/B测试报告,可用性测试报告,专家评估报告,焦点小组报告,用户访谈报告,数据分析报告等。

工具:Mic,Paper,Docs,PPT,Keynote,Excel,SPSS

马海祥博客点评:

设计的本质就是一种人文关怀,如果对自己人的关怀都不够,更不要指望会有多大的战斗力,再优秀的设计师如果不多花时间来了解自己做的产品都是白搭,而这需要长时间的积累,团队成员之间相互分享这种积累非常重要,能促进所有人都提高,埋头只顾做自己事情的设计团队不仅低效,而且乏味!

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/jhsj/1424.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 设计师  

上一篇:交互设计中关于时间因素的探讨
下一篇:交互设计师该如何做好交互设计

您可能还会对以下这些文章感兴趣!

  • 交互设计的三大隐形机制:加载、刷新和缓存

    刷新、加载、缓存机制的设计,我不清楚是否应该归纳进交互设计师的职业范畴,但是作为一名用户体验设计师,这些点或多或少地影响着用户的使用体验,我们都应该给予足够多的重视。这些机制,独立来看都有现有模式可参考,但是交互设计师不应该把他们割裂地设计,不同机制……【查看全文

    阅读:4938关键词: 交互设计   加载机制   刷新机制   缓存机制   日期:2014-04-22
  • 交互设计是什么?

    从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,通过对产品的界面和行为……【查看全文

    阅读:792关键词: 交互设计   日期:2015-06-19
  • 如何制定交互设计效果的可量化考核方案

    作为一名交互设计师,我一直在思考如何让我们每天的工作内容能够更直观体现其价值或效果的量化考核,如何将你的技能和除网站之外的知识运用到搜索设计工作中去,这也正是大多数用户体验真正开始的地方。其实交互设计师,视觉设计师,开发人员,信息架构师,搜索引擎优化……【查看全文

    阅读:1676关键词: 交互设计   设计效果   可量化考核   设计方案   可量化方案   日期:2014-07-28
  • 交互设计案例:产品结构化繁为简的设计理念

    化繁为简,从不是件简单事,如何既保证功能体验完整,又体现WP平台自身极简、轻量的特点,成了贯穿我们设计始终的思考。“真正的简洁不是删繁就简,而是在纷繁中建立秩序”,打造全功能版的云音乐WP端,无论是设计还是开发都经历了从混乱到有序的过程。……【查看全文

    阅读:4725关键词: 交互设计   交互设计案例   产品结构   化繁为简   设计理念   日期:2014-09-06
  • 如何将需求还原成情景变成可用性设计?

    可用性是交互式IT产品或系统的重要质量指标,主要用来表示产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何?主观感受怎样?实际上是从用户角度所看到的产品质量,是产品竞争力的核心。为了优化产品,提升用户体验……【查看全文

    阅读:814关键词: 可用性设计   情景设计   日期:2014-11-29
  • 基于交互设计的默认值分类和设定

    一般来说,在交互设计过程中涉及到系统缺省的都需要默认值,它起到引导、补救、宣传等作用。“默认值”这个词来自工程师术语,因为系统有很多默认操作。有了默认值用户就不会觉得慌乱,也就是给用户一个常态,在现实中我们也可以看到这样的例子:电脑默认值是关闭的:省……【查看全文

    阅读:482关键词: 交互设计   默认值分类   默认值设定   默认值   日期:2014-07-19
  • 动效设计的物理法则及应用

    动效设计可以拓展空间内容,简化引导流程,降低学习成本,更重要的是给用户带来意想不到的惊喜,它就像人类的肢体语言,通过肢体语言传达更多的抽象信息和性格展现,动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒……【查看全文

    阅读:572关键词: 动效设计   日期:2015-09-25
  • 网站分页导航的10大交互设计因素

    在进行产品设计的时候,我们一切都是从用户需求的角度出发来进行思考和设计的。但是,产品是同时满足用户需求和公司需求(通常是盈利)的东西,所以,有时候,不得不考虑其它的一些东西。比如,在你浏览某些新闻资讯类网站的时候,你会发现,每一页的内容只有可怜的一两……【查看全文

    阅读:1038关键词: 网站分页   分页导航   交互设计   设计因素   日期:2014-03-06
  • 交互设计中最常见的10个基础术语

    交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。随着移动互联网的迅猛发展,移动产品UI设计人员也开始面临紧缺起来。很多其他行业设计师也转行做UI设计,那么,作为一名UI设计师新手应掌握哪些知识,下面,我就带着大家先知道一下交互设计中最常见的10个基础术……【查看全文

    阅读:86关键词: 交互设计   基础术语   术语   日期:2020-04-09
  • 交互式视频设计的分类和实现工具

    交互式视频是指通过各种技术手段将交互体验融入到线性的视频的新型视频。它风靡起源于2005年,随着当时宽带接入速度的提升和多媒体播放技术的成熟,交互式视频越来越多,最初主要是由广告商赞助的广告视频,借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度……【查看全文

    阅读:2804关键词: 交互式视频   交互设计   视频设计   实现工具   日期:2014-07-13
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

企业网站SEO推广能给企业带来哪些好处? 百度搜索用户建议专区上线公告