职场小常识设计师需要知道UIUX的职责划分.docxVIP

职场小常识！设计师需要知道UI/UX的职责划分作者: 一网学???最后更新时间：2016-02-15 14:29:27小编：工作中UI和UX的职责划分，许多设计师可能都不太了解，今天作者以具体的案例给同学们科普一下在项目中各职位究竟承担什么样的职责。这张图是 Dan Saffer 画的，指的是 UX 包含那些范围，可以看到并没有「UI」的圆圈。他说：「UX 包含产品或服务的整体经验，而且也包含UI。UI 由视觉设计（外观和感觉）和互动设计（如何运作）组成。」可以得知 UI 在互动设计和视觉设计交错的那个区块。既然 UI 设计由视觉设计和互动设计组成。组成代表的是两者必需同时存在。你不会说「水是 H2O 组成，所以 H2 是水，O 也是水。」接口必须包含输入、输出、运作内容，可以互动才可被称为 UI，也就是说不能动的通通不能被当成 UI。就像你不会说电影海报是 UI、大润发 DM 是 UI 一样，它们是视觉设计或平面设计。动画是不是 UI？ 当然不是，使用者怎么操作动画？一定要包含输入、输出、运作内容这三点，才可被称为 UI。(会动不是指画面元素会动这件事，而且能不能和使用者互动。）例子有人问决策过程，依本文的概念该由谁来处理。（先假设一切完美、没有 GGYY 的客户或主管、没有时程压力、没有技术限制、没有外在干扰。开发团队至少包含 PM、RD、UX Researcher、Interaction Designer、Visual Designer 等等，且所有人都有一定程度的实务经验、知道如何跨领域相互支持、团队合作和沟通上无问题。)有个大前提：团队合作并不是某人说了算，而是某个职务上的人做了这样的提议后，项目成员皆同意、共同负责。当在大家都同意的情况下，产品失败不会是其中一个人的责任。关于 UI 设计的职责划分可以参考：/What-are-the-differences-between-UX-Interaction-UI-and-graphic-visual-designers-Are-these-distinctions-helpful-or-damaging-to-our-fieldWhat are the differences between UX, Interaction, UI and graphic/visual designers? Are these distinctions helpful or damaging to our field?鼠标移过购物车图标，要滑出一个迷你购物车，谁来决定迷你购物车内是否要放产品照片、应付金额的文字尺寸要不要加大？要不要放产品照片这件事，得先看客户资料端有没有照片资料。可能 RD 可能 PM 要去把数据找出来。画 Wireframe 的是谁？他要决定画面包含哪些内容、各种页面状态，Interaction Designer。应付金额的文字尺寸要不要加大？Interaction Designer 只会处理内容（文字、图片、声音、影片）和使用者之间的互动关系，至于内容长什么样是 VD 的工作。PS. 内容：就是文字、图片、声音、影片。和文字（是不是今天寒流来）、图片（是猫还是狗）、影片（是卡通还是电影）无关。为什么要加大呢？可能是 UX Researcher 发现目前版本能有改善的空间，找 VD 处理。UX Researcher 做的是「发现」，他只能告诉你问题出在哪，但没办法直接告诉你问题要怎么解决。解决问题是「创造」，归设计师思考。思考出解法再交给 UX Researcher 验证。承上，谁来决定迷你购物车是整块从上往下滑入，还是里面的项目是一条一条从画面外淡入飞入?Interaction Designer 必须考虑所有和使用者有关的互动行为，产出 Wireframe 给 RD 和 VD ，有专门处理动画的职务。/jobs/motion-designer/Jobs – Google Design鼠标点击选择折价券，会跳出一个「会员现有的折价券清单」的 modal，决定这个 modal 是要选择折价券之后自动关掉，还是要点选「我已选择完成」之后才关掉的人是谁?画 Wireframe 的那个人决定，Interaction Designer 。UX Researcher 验证这个作法会不会让使用者跑光。承上，决定这个 modal 在计算机上要多宽，「我已选择完成」的按钮要在 modal 的右下角、左下角还是中间的？在计算机上要多宽和按钮位置是是 VD 的工作。但决定这个画面上要不要有 modal 、有按钮，是 Interaction Designer 。/Do-Visual-Design-and-Interface-Design-have-a-similar-job-objectiv