UI,UX 到底是做什么的

翻译自 Pixelapse创始人Lo Min Ming的文章(现已加入Dropbox)
原文链接 https://www.fastcodesign.com/3032719/ui-ux-who-does-what-a-designers-guide-to-the-tech-industry

设计相关的领域从工业设计(汽车,家具),平面设计(杂志,出版物)扩展到了科技(网站,移动应用)。伴随着大量科技公司的涌现,无数可交互的屏幕出现在人们面前,新的设计师身份应运而生。比如UX,UI设计,这些title对于其它行业的设计师来说,可能觉得不明所以,所以我们来逐一介绍一下,在现今的科技公司,这些挂着不同头衔的设计师,都是做什么的。

UX DESIGNER (USER EXPERIENCE DESIGNER)

用户体验设计师

用户体验设计师主要考虑产品的整体使用感觉。设计工作中的问题通常没有统一的标准答案,UX设计师需要不停的寻求不同的方法,来解决特定的用户使用问题。一般意义上来说,UX设计师的职责是要确保界面的使用流程流畅,他们会亲自做用户测试,来观察用户的使用反应。明确那些口头上或非口头上沟通的使用阻碍,精炼并迭代出“最理想”的用户体验。例如为用户提供一个愉悦的登录流程。

定义交互模型,用户操作流程,UI说明。向stakeholders表达使用场景,各端体验,交互模型和屏幕设计。 与创意总监和视觉设计师共同定义Twitter VI视觉系统。制作和维护设计原型以及相关说明。
-------Twitter 资深用户体验师职责描述

UI,UX 到底是做什么的_第1张图片
UX设计师的产品原型

交付:线框图,原型图,故事版,站点图

常用工具:Photoshop, Sketch, Illustrator, Fireworks, InVision

他们会说:“我们需要在用户完成注册时显示 '谢谢'页面。”

UI DESIGNER (USER INTERFACE DESIGNER)

UI设计师

不同于UX设计师通常要考虑产品的整体体验,UI设计师主要侧重于产品如何呈现。他们负责设计用户使用的每个页面,并确保UI能够通过视觉,表达UX设计师想要的目的。比如,一个UI设计师要做在页面上方能够呈现重要数据的dashboard页面;以及到底使用滑杆或者按钮,最方便操作调整图像大小。UI设计师通常要负责视觉规范,并确保产品使用一致的视觉语言,维护视觉元素一致性,定义不同操作行为下的视觉表现,例如出错,或者警告。

构建并落实Airbnb.com的视觉语言,创造和优化全站视觉风格指南。
------Airbnb UI设计师职责描述

UI设计师和UX设计的边界通常是模糊的 ,很多公司这两个岗位合二为一也很常见。

UI,UX 到底是做什么的_第2张图片

常用工具:Photoshop, Sketch, Illustrator, Fireworks

他们会说:“登录和注册链接应该挪到右上角。”

VISUAL DESIGNER (GRAPHIC DESIGNER)

视觉设计师

视觉设计师紧盯像素。如果问一个外行“设计师是做什么的?”视觉设计师死抠着一个图恐怕是他们最先能想象到的工作画面。视觉设计师不太需要考虑页面是怎么跳转到另一个页面的。或者人们如何与产品进行交互。 他们的关注点是如何创作出精致漂亮的图标,控件等视觉元素,同时运用在合理的排版之上。 视觉设计师拥有像素眼,关注别人会忽略的细节,通常在PS里放大4倍到8倍的设计稿中进行设计。

创作出高质量的视觉设计,从构思到执行。包含桌面端,网页端和移动端的不同分辨率下的设计(图标,图形,宣发物料)。创造并迭代设计资源,反映品牌理念,执行设计语言,并在产品中融入生活与美。
-------谷歌视觉设计师职责描述

同样很常见的情况是,UI设计师同时负责创造最终高精度的设计资源。一些公司没有单独设立视觉设计师的岗位。

UI,UX 到底是做什么的_第3张图片
视觉设计师调整每个像素,从而确保其最终呈现是完美的

常用工具:Photoshop, Sketch

他们会说:“这个字间距为0,那个按钮需要左移1像素”

INTERACTION DESIGNER (MOTION DESIGNER)

互动设计师(动效设计)

还记得你在手机上下拉刷新时,那微妙的回弹动画吗?那就是动效设计师的工作。不同于视觉设计师通常处理静态设计,动效设计师顾名思义就是负责动态效果。他们要解决当用户进行交互时,给予什么样的回馈。比如,按钮如何滑入,使用什么转场特效。

好的动效能够从视觉上暗示用户如何使用产品,成为整个用户体验重要的一部分。

精通图形设计,动效设计,数字艺术,同时对排版和颜色具备高度敏感度。了解材质,掌握粒子动画。 拥有IOS,OSX,photoshop和illustrator知识背景,并能够同样熟练使用Director,Quartz Composer 或同类软件。具备3D建模能力和动态图形制作能力。
------Apple互动设计师职责描述

常用工具:AfterEffects, Core Composer, Flash, Origami
他们会说:“这个菜单要以800ms缓动进入”

UX RESEARCHER (USER RESEARCHER)

用户研究

用户需求的拥护者。研究的目标为了回答两个问题“1.谁是我们的用户”;“2.我们的用户想要什么” 。
这个岗位的职责需要采访用户,研究市场数据,收集调查结果。 设计迭代的周期。 研究者通常会通过AB测试梳理出哪一种设计最满足用户需求。
用户研究在大公司里起到重要的作用,通过大量的数据和统计,从而有更多机会能够得出有重要意义的结论。

与产品开发队伍紧密合作,确认研究主题。设计可以着重体现用户行为和态度的研究方案,通过调查问卷等多种定性研究方法或者小范围的定性研究方法进行研究。
----Facebook 用户体验研究职责描述

用户体验设计师偶尔会承担用户研究的工作(国内这个职责通常由产品经理担任)

交付物:用户画像,AB测试结果,调查用户研究或采访。

常用工具:Mic, Paper, Docs

他们会说:“经过调查,我们的典型用户是……”

FRONT-END DEVELOPER (UI DEVELOPER)

前端工程师

前端工程师负责实现产品交互中的功能。一个UI设计师交付静态的原型图给前端,前端将它转化成为一个可以交互使用的产品。前端工程师同样负责用代码实现动效设计师创造出的动态交互效果。

常用工具:CSS, HTML, JavaScript

他们会说 “我使用960px的12栅格系统”

PRODUCT DESIGNER

产品设计师

产品设计师是笼统的称谓,用来描述那些涉及到产品设计方方面面的设计师。无论视觉还是使用体验。

产品设计师的职责不好定义,每个公司的定义也不尽相同。一个产品设计师会懂一点前端代码,用户研究,交互设计,也能制作视觉资源。从项目开始到结束,产品设计师需要帮助明确最初的问题,设定行业标准并解决问题。提出设计,测试,设计迭代中的各种解决方案。一些公司希望不同的设计岗位之间能够更顺畅的合作,则会需要产品设计师来促进和激发设计团队,通力合作,更好的完成用户体验,用户研究和视觉设计。

为设计的各方面负责:交互,视觉,产品,原型。制作web和移动端的高保真的原型,并能够用代码表现新的产品特色。
-------Pinterest 产品设计师职责描述

“I AM LOOKING FOR A DESIGNER”

“我需要一个设计师”

这是我们在新项目成立时常会听到的话。此时他们想要的通常是一个能够做上述所有工作的人。他们希望这个人可以制作漂亮的图标,落实AB测试,符合逻辑的布局UI元素,甚至可以做一些前端开发。我们会听到小公司们想要招聘“设计师”而并没有明确细分他们的设计需求,或者是啥都干。

这些设计岗位之间的边界其实是模糊的,一些用户体验设计师也需要做一些交互设计。UI设计师也要制作完美的像素。设计师既需要专注,也需要不断拓展自己。专家或者多面手都是需要的人才,在这个飞速变化的年代,唯一不变的就是保持开放心态,不断学习,擅于合作,大家争当斜杠青年 并做不到,就会发现人生处处是惊喜!翻译好累……这最后这两句鸡汤是我自己加的……╰( ̄ω ̄o)!

你可能感兴趣的:(UI,UX 到底是做什么的)