变身——成为互联网设计师

中型互联网公司

中型互联网公司结构图

中型互联网公司人员配备中等：高管负责决策、产品经理负责制定产品发布的时间表和交互图、视觉设计师优化交互并设计视觉后输出切图和标注并且完成设计规范、前端工程师负责实现界面还原和与数据库的对接、后端工程师负责程序构架和数据库结构、测试工程师负责测试整个程序是否可用、商务部门负责后期运营。中型互联网公司人员也比较整齐，可是会缺少很多细腻的地方，设计师会承担更多的责任。

小型互联网公司

小型互联网公司结构图

小型互联网公司人员配备较为齐全：高管负责决策和担负产品经理的角色、视觉设计师优化交互并设计视觉后输出切图和标注并且完成设计规范、前端工程师负责实现界面还原和与数据库的对接、后端工程师负责程序构架和数据库结构、测试工程师负责测试整个程序是否可用。小型互联网公司人员很少，决策很快，但是由于每个人负责的部分太大，所以经常有学杂而学不精的地方。并且人员较少所以进步更加依靠自己。

分工

Leader的工作

找投资：作为一个团队的领袖，第一要务是解决团队生存问题。所以投资是一个在产品没有完成盈利模式构建之前的好方法。我们在面试时总会看到某公司处于A轮或者B轮融资阶段。这是什么意思呢？投资根据项目成熟度分为：路演、天使轮、A轮、B轮、C轮、上市等状态。随着投资的阶段也代表着项目的成熟度。这一点大家也可以在找工作时加以权衡。

招合伙人：一个好的团队领袖不应该事事躬亲。除了CEO之外还应该找到CTO、CTOO等多个高管的人选。

创业咖啡文化成为热潮，图为北京某咖啡馆内众多创业团队在工作。来源：网络

用户研究的工作

用户研究的方式主要有以下几种：

可用性测试：通过筛选让不同用户群来对产品进行操作，同时观察人员在旁边观察并记录。可用性测试的要求是用户不可以是互联网从业者而应该是真实产品的用户群体。

焦点小组：一般有6-12人组成，由一名专业人士主持，依照访谈提纲引导小组成员各抒己见，并记录分析。并且在焦点小组的房间里会有一扇单向玻璃窗，用户是看不到里面有谁的。而在里面坐着的通常是开发团队，他们可以清晰地看到用户是如何吐槽他们的产品的，但是他们没有权利直接和用户进行解释。

问卷调查：可分为纸质调查问卷、网络问卷调查。依据产品列出需要了解的问题，制成文档让用户回答。问卷调查是一种成本比较低的用户调查方法。

用户访谈：邀约用户来回答产品的相关问题，并记录作出后续分析。用户访谈有三种形式：结构式访谈（根据之前写好的问题结构）、半结构式访谈（一半根据问题一半讨论）、开放式访谈（较为深入地和用户交流，双方都有主动权来探讨）。用户访谈设置时要注意：用户不可以是互联网从业的专业人员、不可以提出诱导性问题、不要使用专业术语。

眼动测试：使用特殊的设备：眼动仪来追踪用户使用产品时眼睛聚焦在哪里，盲区是哪里。比如一个网站通过眼动测试可以知道用户的视觉会自动屏蔽网站的常见广告位置，这时如果希望提高广告的点击，就需要把广告位放置于用户聚焦时间较长的位置。眼动测试的设备比较专业，通常在小公司较难开展。

用户画像：根据产品的调性和用户群体，用户研究团队可以设计出一个用户的模型，这种研究的方式被称为用户画像。用户画像是由带有特征的标签组成的，通过这个标签我们可以更好地理解谁在使用我们的产品。用户画像建立后，每个功能可以完成自己的用户故事：用户在什么场景下需要这个功能。以此，我们所设计的功能就会更接近用户实际的需要。

用户反馈和大数据分析：根据市场提供的反馈和数据得出客观的判断和合理的推测。用户反馈也是用户研究的一个重点，用户反馈主要是用户通过产品的反馈入口主动向开发者提出的意见。

图为美剧《硅谷》中 焦点小组测试桥段

产品经理的工作

产品经理负责协调整个团队的进程，工作十分复杂。产品经理与整个团队都要打交道。

产品经理的产出很大一部分是在沟通和协调上。如果单纯提炼输出文件，有以下几种：

PRD：即"产品需求文档(Product Requirement Document)"，此文档的受众是项目组、开发组、测试组、策划组、体验组等等人员。文档中表述了此产品的概念，规划了产品各个步骤的完成时间，产出内容包括产品界面、产品流程、功能需求、测试需求、体验需求等。

MRD：即"商业需求文档(Business Requirement Document)"。此文档的受众是商务、运营、市场等人员。文档表述的是产品的业务模式，明确产品的用户人群，产出内容包括产品模式、业务模式、运营模式市场模式等。

原型图：也称为线框图，即用线条、图形绘制出的产品框架。

图为产品需求文档PRD模板

交互设计师的工作

交互图：表现出操作行为后，对象之间的的关系，和触发的下一步信息。与产品经理设计出来的线框图或原型图不同的是，交互设计师完成的交互图更加细腻，并且可以在手机上运行，模拟APP完成以后的使用。

图为交互图案例

UI设计师的工作

优化原型图：根据具体视觉元素对交互图提出优化方案。

视觉设计：依据人机交互、操作逻辑等原理，对原型图进行界面的设计与美化。

切图：根据不同平台尺寸，输出相应倍数的图片。

标注：利用工具在输出页面上标注各个元素之间的尺寸与情况备注。

项目走查：开发完成后，选择主流机型进行画面审查工作。

视觉总结：对设计作品中的字体、字号、颜色、icon、模块等元素做出展示并说明。

图为UI设计稿