別再 UI、UX 傻傻分不清楚,你要做的到底是哪种设计师?

Photo Credit: Heisenberg Media

本文译自 〈Recruiting a Designer? Here's What You Should Know〉。作者為为Pixelapse 的共同创办人罗敏铭(Lo Min Ming)。


01


Apple、 Facebook、Google 和许许多多科技界的重量级公司是怎么形容设计工作的?

「设计」是个范范而模糊的词。当某个人说「我是个设计师」,实在很难立即理解他平时在做什么。在设计师一词下包含了各式各样不同的职责。

设计相关的工作范围从工业设计(汽车、家具)到印刷(杂志及其他出版品)、科技(网站、手机 app) 都有。近期的潮流主要聚焦在科技公司的展示介面,很多新的设计职位应运而生。对外行或不熟悉这行的人,甚至是其他设计行业过来的设计师而言,诸如 UX 或 UI 设计职位让人疑惑。

让我们试着用比较有脉络的理解去一一解析这些职称真正的含义。

UX设计师(用户体验设计师)

UX 设计师主要考虑的是「产品用起來的感觉」。设计的问题沒有唯一正解。 UX 设计师探索各种不同的方法来解决一个使用者问题。UX 设计师的重大责任就是要确保产品从这一步到下一步符合逻辑。要办到这一点UX 设计师用的其中一个方法就是实施真人测试,观察使用者行为。检查说得出來和没说出來的使用障碍,他们再三修改以创造出「最棒的」使用者体验。比如说创造一个舒适的入门流程给使用者。

定义交互模型、使用者操作流程和详细 UI 规范。和股东沟通情境、端对端经验、互动模型和页面设计。和创意总监及视觉设计师合力将Twiiter 的视觉意象融入各个功能中。扩展并维护需要的设计模板、样板和规格。

—— Twitter 使用者用户体验设计师的工作需求


02


产出:画面、文章、网站地图模版。

动效工具:Photoshop、Sketch、Illustrator、Fireworks、InVision。

你可能会听到老的 UX 设计师這这么说:「我应该要在使用者完成注册后放一页感谢卡。」这就是为了用户更好的使用体验。

UI 设计师(使用者界面设计师)

不像 UX 谁是要考虑产品的整体体验,使用者界面设计师专供于「产品怎么呈现」。

他们负责设计每一个供使用者互动的的网页或界面,然后确认 UI 在视觉上能传达 UX 设计师展示的路径。举例来说,UI 设计师做了一个统一的资讯面板,可能会把最重要的內容往前放,或是判断用来调整图标的卷轴或控制按钮是不是符合直觉。UI 设计师通常还要负责确立通用风格指南,让整个产品设计的语言一致。维持视觉元素的一致,并定义洁面是如何展示错误或是警告状态的动作都是 UI 设计师的职责。

从概念到应用 Airbnb.com 的视觉语言。制作并改近符合网页的风格指南。

—— Airbnb 的 UI 设计师工作需求

UI 和 UX 设计师的分界相当模糊,所以公司也常选择融合这两个角色的应聘者。


03


工具:Photoshop、Sketch、Illustrator、Fireworks。

你可能会听到老的 UI 设计师这么说:「登入和注册链接该移到右上角。」

视觉设计师(界面设计师)

一位视觉设计师「推敲像素」的人。如果你问非设计师的人设计师在做什么?這大概是他們第一个想到的。视觉设计师不管画面之间如何跳转,或某人怎么和产品互动。他们聚焦在打造美丽的图像界面、控制钮、视觉元素和运用合适的的字型。视觉设计师斤斤计较一些其他人忽略的细节,而且常常把 Photoshop 放大 4 -- 8 倍在使用。

从概念到执行,制作出高品质的视觉设计,包括各种解析度的桌面、网站和行動設備(图示、图像和行销素材)不断创造反映品牌形象、加強语言及为产品注入美丽生命的部件。

—— Google 的视觉设计师工作需求

UI 设计师也经常担上双倍责任,另外制作美丽的最终成品。有些公司选择不另偏视觉设计师。


04


工具:Photoshop、Sketch。

你可能会听到老的视觉设计师这么说:「字距太大了,而且这个按钮要要再往左移动一个像素。」

动效设计师

记得在 iPhone 的东效里,当你下拉重新整理时那个细微的弹跳动画吗?那就是动效设计师的工作。不同于视觉设计师总是在跟静止的部件搏斗,动效设计师创造 app 內部的动画。他们要处理「使用者按了以后界面要有什麼反应」。举例而言,他们要决定选择滑进来的方式,要用哪种效果转场,以及按钮要怎么退出。设计得好的话,动效就能提供如何使用产品的视觉线索,让介面更加完整。

专精于视觉设计,动态图形,数位组合,对字型和顏色敏感,对材料/质地有大概的认知,能实际掌握并运用动画。具 iOS、OS X、Photoshop、Illustrator 相关知识还要熟悉 Director(或同等功能软件),Quartz Composer(或同等功能软件),必須具体 3D 电脑建模、动态图形形技能。

—— 动效设计师工作需求


05


工具:AfterEffects、Core、Composer、Flash、Origami。

你可能会听到比较有经验的动效设计师这么说:「这个应该要用 800ms 的速度从左边渐入。」

UX 研究员(国内俗称“测试”)

UX 研究员是使用者需求界的总领。研究员的目的是回答这两个问题題:「我们的使用者都是谁?」以及「我们的使用者要做什么?」通常这个角色代表要访问者使用者,研究市场数据和整理结果。设计是个不断重复更改的过程。研究员可以利用 A/B 测试来得知哪个设计选项最适合使用者需求,从旁辅助这个过程。UX 研究员通常在大公司,那里可以取得大量的数据让他们有充份机会得到统计上的的结论。

和产品团队紧密合作以确立研究主题。设计能同时表现使用者行为和态度的研究。要使用各式各样的量化研究方法,比如说问卷。

—— Facebook 的 UX 研究院(产品经理工作需求

UX 设计师偶尔也会擔担任 UX 研究员(测试)的角色。

产出:使用者人物志,A/B 测试結果、使用者调查研究和访谈。

工具:语音记录仪、纸、文件档案。

你可能会听到比较有经验的 UX 研究员(测试)这样说:「我用的是 960 点,12 栏网格系统。」

产品设计师(国内:产品经理)

产品设计师是个包山包海的词,用来形容参与产品设计和感受的人。

产品设计师的角色並沒有明确定义而且每个公司都不太相同。产品设计师可能会做少量的前端编程,使用者研究、设计介面、或创造视觉部件。从开始到结束,产品设计师帮忙指出最初的问题并设定指标来支持它,然后设计、测试、在不同的方案上重复。有些公司想要在不同的设计角色选择上更灵活的协作,来鼓励整个设计团队汇集自己的使用者经验、使用者研究和视觉设计元素。

有些公司用「UX 设计师」或简单的「设计师」作为概括词。要了解一家公司的设计意图的责任分配最好的方法是阅读工作需求。

涉及设计的所有面向:互动、视觉、产品、制作原型。制作精美的样品及编写跨网页和手机平台新功能的程式。

—— Pinterest 的产品经理工作需求

「我在找一个设计师。」

这是我最常从初创公司听到的说法。他们通常在找的是可以做到以上所有事情的人。他们想要一个可以做漂亮图例、做 A/B 测试过的登登陆网站、有逻辑地安排荧幕上的 UI 元素而且也许可以做一些前端开发。由于此角色涵盖太广,我们通常会听到小公司要求雇佣一位「设计师」,而非具体描述他们的需求。

以上这些设计角色的边界非常地具有弹性。有些 UX 设计师也會被要求做交互设计,而通常 UI 设计师也会被要求画图。要找到对的人,最好的方法就是形容你想要设计师在你的公司流程里面做什么,然后选择一个最能代表那人主要工作的职务。

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

推荐阅读更多精彩内容