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 资深用户体验师职责描述

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设计的边界通常是模糊的 ,很多公司这两个岗位合二为一也很常见。

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

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

VISUAL DESIGNER (GRAPHIC DESIGNER)

视觉设计师

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

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

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

视觉设计师调整每个像素,从而确保其最终呈现是完美的

常用工具: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)!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容