[师傅]WEB产品设计（产品经理）与UI设计（界面设计师）之间的关系探讨

UI设计师与产品经理的职责

在日常的项目管理工作流程中，产品设计与UI设计之间的任务叠加是比较多的，为了项目流程更加顺畅，探讨和明确相关的界限就有了这个必要。

不仅仅是如此，想和大家探讨这个问题的原因还有：一是确定工作中有关于设计限制和设计决策是件有趣的事情；二是读到周陟有关于普通UI设计师和顶级UI设计师的区别的思考；三是读《众妙之门 网页UI设计之道》这本书的一些分享。

什么是产品设计

这是个比较宽的概念，通常指的是整个WEB产品的信息框架、界面风格、操作交互等的实现过程，同时也会产出相关的需求分析、设计规范、开发需求、内容运营、合作推广等产品文档。

WEB产品经理在进行产品设计过程中要进行多阶段的参与和多角度的思考，以确保产品的成型与交付。为了延展项目管理的流程以及对协同部门（设计、切片、开发、测试、销售）的沟通，我们引进了项目经理制度。这里为了方便讨论，项目经理由产品经理担当，事实上大部分情况也是如此。

产品设计的具体工作可分解有：流程设计、结构设计、布局设计、内容设计、视觉设计、文字设计、交互设计。其中视觉设计、文字设计在工作中沟通是最多的，也是最容易出现分歧的。视觉（倾向于图形图案）和文字（字体、字号、颜色、行距等）两者共同构成页面的视觉整体感知。这里的视觉设计是指通过配色、线条、形状、图案等方式使图形能产生特定的信息，或者达到某种心理情感效果。

交互设计的工作虽然产品和设计均有参与，但实际应用中还是会遇到问题，或者说没有给予足够的阶段划分，相对还是比较模糊的，因此交互设计在此文中也需要做一些探讨。

UI设计的具体工作在窄义的角度上看，也许就是美工，或者平面设计。如果UI设计工作仅仅是做这些事情，会让产品失去其原有的目的或价值，从而进入到设计决策者的本位主义里。因此UI设计需要拓展其职责和要求，首先需要了解产品的意图（需求），内部的资源（成本），用户的习惯（行为），其次是理解设计体验的本质，再次是使用适当的方法完成界面设计和交互设计以完成此设计阶段。

什么是产品的意图

其本质是项目的阶段目标，产品经理希望通过一定的信息架构，界面引导的优化能更好的帮助用户实现一项任务，产品设计中的任何工作阶段都要围绕这个目标去进行。产品经理收集用户需求之后转换为产品需求即是产品的意图。比如用户很想看有关UI设计的文章这是用户需求，转换成产品需求即是当此用户访问页面时UI设计的文章要看起来很显眼，UI设计师拿到规划稿时就要理解这个产品的意图，这样设计时就要考虑如何让这篇文章链接可以变得更加醒目。

什么是内部的资源

设计文档需要进入切片环节，此时UI设计要理解切片的限制以及有可能的图片失真，比如IE6环境时实现半透明的效果会有些困难。了解内部的资源限制才能更好的还原设计稿，产品经理在审核设计稿时也要理解这种情况的取舍。所以内部的资源是指项目团队开发的局限性和客观条件制约。因为资源会告诉我们哪些可以做，哪些最好能做成什么样。

什么是用户的习惯

关于用户，在过去的文章中我有过类似的一些描述，很多我们所说的用户都是伪用户，都或多或少有自己的主观意识，因此用户是什么，其实就是我们自己。那么想了解真实用户的习惯时怎么办，很简单，就是自己变成产品的用户。这需要一种换位思考和同理心，UI设计时就需要考虑一下，如果是我，我会遇到什么问题，然后再去思考，他们真的是不是和我一样。

什么是体验的本质

体验是个综合的概念，其包含了很多因素，比如信息内容、用户操作、视觉感官等。产品体验所表现出来的式样可谓五花八门，但他们一定遵循一个基本的目标：信息的传达和获取，这是万变不离其宗的事情，这也是体验的本质。比如最近我们采用的平面化设计，平面化的核心是什么，是把元素设计成纯色的方块，分明的线条？显然不是这样的，它的核心应该是深层级的信息能被更直观更有效的呈现出来。

什么是界面设计

这里谈论界面设计是什么，我以产品经理的角度来说一下。产品经理期望的设计是能为产品的目标服务，产品中的内容和信息传达很干脆利落，主次分明，这是最基本的设计期望。更高的期望是通过元素的设计，比如按钮、图标、背景等能让内容变得更易识别，界面整体风格一致。最高的期望是对产品的深度把握，UI设计师的设计理念与产品目标、用户喜好、品牌价值能融合一致，给人以惊叹的感觉。

为了便于产品经理对整个产品的把控，我更倾向于UI设计师能拥有细节的思考和设计能力，可站在针尖上跳舞的UI设计师是梦寐以求的。

什么是交互设计

交互设计是完成用户任务的过程，其涉及到语义表达、目标暗示、人机互动、任务流程等内容。因此需要有一定的工作经验、思维清晰、清楚意图的人员来主导。产品经理在交互设计的先决条件上有不少优势，理应承担较大部分的交互设计工作。UI设计时可通过一定的设计技巧引导用户，让交互设计变得更加明确和顺畅。

说完UI设计的工作，那么产品经理在产品设计中的角色是什么？他应该承担WEB产品设计过程中的哪些任务。

什么是产品经理

1、假冒的用户

我是这个产品的忠实用户，我觉得你设计得不好看，就是不好看，问理由，没有理由。作为熟知的用户，产品细节在产品经理心中是清楚的，但真实的用户可能就很难理解，比如一个下载按钮我们已经觉得很明显了，但用户就是看不到，只能继续优化，所以就要求产品经理要能真正的成为产品用户，平常就得注意多观察，多琢磨，多思考。

2、规范制定者

内容如何输出给用户，该以何种形式展现，可由产品经理来制定，比如字符串的length，列表的order，图标的title，链接的target，图片的size等。规范的制定是大家长期积累的经验总结，为确保执行，产品经理会严格要求团队成员实现产品规范的要求。

3、原型规划者

产品经理完成原型设计时要完成产品的流程设计（用户路径和内容关联）、结构设计（产品框架和功能划分）、布局设计（组织信息并列和主次）、内容设计（读取规则和列表版式）和交互设计（ 事件触发和信息展示）。

4、兼UI设计师

有UI设计功底的产品经理出于某些原因会承担UI设计的工作，即视觉设计和文字设计。根据我所知道的情况，这可能是我们的工作惯例，尤其是从UI设计师转岗为产品经理的情形。在重大的产品改版或者优化项目中，产品经理对UI的涉足尤为明显。

具体原因是多方面的：1、出于慎重的考虑，产品的蓝图只有产品经理的理解是最深刻的，因此自己动手最为稳妥；2、对UI设计的不可确定性很难把控，同样的页面不同的UI设计师有不同的理解，设计结果不相迳庭，产品经理也因此会过多地干预UI的设计思路；3、成型的产品风格可能不再需要设计师的参与，同时也为了加快项目的流程，就由产品经理代劳UI设计师的工作。

以上描述的是在产品经理眼中的产品经理和UI设计师在我们日常工作中一些职责和期望，由于其工作流程中的重叠部分，就产生了不少矛盾，比如UI设计师的个性风格统一性和产品经理产品需求的独特性之间的矛盾，两者之间在UI审美观念的不一致，产品规范与UI设计规范之间的不一致，对UI设计中常用设计原则的理解不一致等等。