当前位置： 前端开发 英文-前端开发 英文
1.互联网视觉设计师
什么是UI设计师？ UI是User Interface Design（即界面设计）的缩写。 这个界面可以是手机界面、网站界面、软件界面、智能设备界面等任何人机交互可视化媒介。人机交互是指人与计算机之间的交流。 这种交流方式可以想象，从最早的图灵机靠纸条与电脑交流，到我们各种屏幕上的按钮，再到我们现在的声音。 交互，以及AR、VR或者像科幻电影一样的各种脑电波交互，都是人和电脑越来越方便的交流方式。 然而，人机之间最高效的交流还是在屏幕上。 屏幕仍然是最高效的人机交互方式。 这样的交互界面需要我们设计得更高效，更易被用户理解。 我们的工作是帮助公众更好地理解计算机的意图。 总结一下：UI设计师的职责就是为人机交互设计一个图形化的用户界面，并使界面更加人性化和友好。
△施乐 8010 Star 早期 GUI 设计
我们完成的图形化界面也叫GUI（Graphic User Interface），它的要求是需要简单易用（Easy to use），即不需要复杂的思考就可以轻松使用的界面； 友好（Friendly），即非常用户友好和易于理解。 一个好的GUI应该是简单易用、友好的，比如我们手机上的微信、支付宝等知名APP。 很多行业因为互联网的发展而重组：设计师也被重新定义。 UI设计、动作设计、交互设计、平面设计逐渐融合为一门专业。 这个职业不能简单的设计界面和布局，还需要会画图形，掌握平面技巧，懂交互。 这个职业有不同的名字，比如全链路设计师、全栈设计师等等，但我觉得合适的称呼是：互联网视觉设计师。 目前，国内知名公司在招聘时也使用这个词来强调只会排版和应用规范的界面设计师。 互联网视觉设计师负责我们这个时代的主流媒体：互联网的设计。 不管叫什么，我们的职责没有变：解决人机交互的问题。
△ iPhone界面中的UI设计
互联网视觉设计师或UI设计师一般都是依附于互联网产品团队，不像平面设计师或服装设计师会成立很多平面设计公司。 所以，我们打交道的人不一定都是同行，可能是互联网从业者中的其他角色，比如产品经理、程序员、技术团队、运营团队等。如果我们的团队不仅仅是设计师，那么我们一定有表达能力和足够的耐心让我们周围的人了解我们的工作。 互联网视觉设计师的工作主要包括移动端设计、网站设计、运营设计等。如今，随着UI设计师的数量越来越多，行业越来越成熟，UI设计师需要承担的责任也越来越多。 如果你需要懂交互知识，懂平面设计，擅长手绘等等。那么UI的定义越来越丰富，现在成为UI设计师的门槛也越来越高。
2、互联网产品团队
△美剧《硅谷》中的创业团队
互联网公司的产品线是一条流水线。 互联网产品团队是指整个团队围绕一个产品而组建的，以设计和开发产品为目标的团队。 比如微信团队，支付宝团队等。互联网产品可能是手机端也可能是电脑端。 也可以同时进行多条产品线等，我们可以按部门划分：管理部、产品部、研发部、市场部。 设计团队可以单独成立一个部门，也可以并入产品部门。 互联网产品团队按照角色可以分为：
1.高层（leader）
一个团队的领导者由董事会、董事长、CEO（首席执行官）、首席技术官CTO（首席技术官）等组成，负责公司的关键决策。
主要输出：想法
使用软件：Office
2.用户研究团队UR（User Research）
通过用户研究来考察老板的想法是不靠谱的。 用户研究团队保证了公司与用户之间的联系，确保开发的产品是用户喜欢的。 研发前、研发中、研发后的反馈要求用户研究团队及时参与收集数据。
主要产出：用户研究报告
使用软件：Office、眼动仪等
3.PM（产品经理）
产品经理提炼产品逻辑，产品经理或交互设计师设计原型，用于向老板汇报，交付给设计师。 从头开始负责产品的策划。 产品经理的首要职责是在产品规划阶段向管理层提交产品文档。 产品文档PRD通常包括产品计划、市场分析、竞品分析、迭代计划等，然后在项目获批后，负责进度控制、质量控制和各部门协调。 在产品管理中，产品经理是领导者、协调者、激励者，但他不是老板。 作为产品经理，虽然他对产品开发本身有很大的权力，可以介入产品生命周期的各个阶段，但从行政上来说，他不像总经理那样有自己的下属，但他要调动很多资源来做事，那么如何做好这个角色需要相当的功力。
主要输出：产品需求文档（PRD）、市场需求文档（MRD）、原型图（Layout）等。
使用软件：文档编写软件（Office）、原型绘图软件（Axure、Blue Lake、Ink Knife等）
4.项目经理
从专业角度讲，是指在企业中设立以项目经理负责制为核心的重要管理岗位，对项目质量、安全、进度、成本管理实行责任保障体系，全面全面开展项目管理。提高项目管理水平。 项目经理是全面负责项目的成功规划和执行的人。 在很多公司，这个职位可能会由产品来承担。 项目经理负责控制进度和立即解决项目问题。
主要输出：项目进度表
使用软件：文档编写软件（Office）
5.交互设计师UX或UE（User Experience Designer）
将产品需求文档 (PRD) 优化为供设计人员和技术人员使用的交互式原型图。
主要输出：交互图（原型）
使用软件：Axure RP、Blue Lake、Ink Knife、Adobe XD等。
6. 互联网视觉设计师或UI设计师（User Interface Designer）
互联网设计师不仅要给原型上色，还要根据实际的具体内容和具体的交互修改布局，甚至重新定义交互。 同时提供技术截图或PSD。 出现的一些别名：美工、全链路设计师、全栈设计师、UID、UI设计师、视觉设计师等等，都在说我们。 我们收到原型图或交互图后，会根据原型图内容进行交互优化、排版、视觉设计。 最后与总监确认后交付给发展商。 如果是对接web项目，我们只需要交付给开发者：PSD，specification。 如果是对接移动端项目，那么我们需要交付给开发者：裁剪、标注、规范。 为什么开发网页的工程师（前端）不用切图直接给PSD？ 因为前端工程师最早其实和我们职位一起被称为美术师，有操作PS的能力。
主要输出：设计稿、设计规范、切割图、批注等。
使用软件：Sketch、Ps、Ae、Ai等
7、前端开发RD（研发工程师）
有两种类型的开发人员：数据库端和用户端。 一般来说，我们接触的是用户端开发，他们负责还原设计。 那么开发网页用户端的工程师就叫前端工程师； 开发 Android 设备的工程师称为 Android 工程师； 开发 Apple 设备的工程师称为 iOS 工程师。 都是指客户端的开发，也就是我们看到的一切。 目前我们在客户端接触的是三种主流设备：网页端、Android、iOS。 他们开发和使用的代码不同，所以对一些特效如动效、阴影等的支持也不同。
8.后端工程师或程序架构师RD（研发工程师）
后端工程师的主要职责是什么？ 后端工程师或程序架构师的主要工作是存储数据。 我们平时在产品中使用的数据，比如头像、昵称、聊天记录、对话、图片等，都是通过互联网传输到服务器，然后交换和分发回来的。 这些数据存储的结构是后端工程师的工作。 不幸的是，设计师与后端工程师接触不多。
9.运营或市场开发BD
产品完成后进入运营阶段，产品设计或设计运营图等需求可能会根据运营进行调整。 操作更直接面向市场，所以市场的目的也更明确。 推出市场并以这种方式运作的目的往往更为直接。 有时候运营的目的，盈利，和产品以用户为中心的想法会发生冲突。 这时候对设计师的要求就更高了。 如何调整设计美学、运营目的、以用户为中心的目的成为设计师。 问题。
10.测试工程师QA
测试工程师在企业中一般被称为Software Development Engineer in Test（SDET）。 一般是有1-2年经验的测试工程师或程序员。 经验丰富的测试工程师可以成长为产品/项目团队的测试负责人（SDETLead）或软件质量经理（SQA Manager），负责软件质量保证、测试管理并领导测试团队。 测试工程师的职责是控制软件的质量。 监督和客观将被控制，包括体验和视觉部分。 但通常设计师需要配合测试工程师完成产品视觉部分还原度的测试。
11、大型互联网公司
△ 某大型互联网公司结构图
大型互联网公司人员配置比较齐全：高管负责决策前端开发 英文，用户研究团队负责研究用户对产品的反馈，产品经理负责制定产品发布进度，交互设计师负责优化交互图，视觉设计师负责负责优化交互和设计视觉效果。 输出截图和标注并完成设计规范后，前端工程师负责还原界面和连接数据库，后端工程师负责程序架构和数据库结构，测试工程师负责测试整个程序是否正确。可用，业务部负责后期操作。 除了完整的产品线，大型互联网公司还设有人力资源部、后勤部、协调部等，分工非常成熟。 但是经常有大公司病，动作比较慢。 注：本图为产品流程主要关系图。 实际工作中的关系是错综复杂的，而不仅仅是线性序列。
12. 中型互联网公司
△ 中型互联网公司结构图
中型互联网公司人员配置中等：高管负责决策，产品经理负责制定产品发布时间表和交互图，视觉设计师负责优化交互和设计视觉效果，输出切图和标注并完成设计规范，前端-端工程师负责接口还原以及与数据库的对接，后端工程师负责程序架构和数据库结构，测试工程师负责测试整个程序是否可用，业务部门负责术后。 中型互联网公司的人员也比较整齐，但是会有很多微妙的地方，设计师会承担更多的责任。
13. 小型互联网公司
△小型互联网公司结构图
小型互联网公司人员配置相对齐全：高管负责决策并承担产品经理的角色，视觉设计师优化交互并设计视觉效果，输出抠图和注释并完成设计规范，前端工程师负责界面还原以及与数据库的连接，后端工程师负责程序架构和数据库结构，测试工程师负责测试整个程序是否可用。 小的互联网公司人少，决策快，但是因为每个人负责太多，所以往往有学习杂而不精的地方，人少，进步更多靠自己。
三、分工
1.领导职务
寻找投资：作为团队领导者，首要任务是解决团队生存问题。 因此，在产品尚未完成盈利模式构建之前，投资是一个很好的方式。 我们面试的时候，总会看到一家公司在A轮或B轮融资。 这是什么意思？ 根据项目成熟度，投资分为：路演、天使轮、A轮、B轮、C轮、上市等状态。 投资的阶段也代表了项目的成熟度。 这个在找工作的时候也可以权衡一下。
招募伙伴：一个好的团队领导者，不应该事事一个人包办。 除了CEO之外，还要寻找CTO、CTOO等多名高管的人选。
△ 创业咖啡文化成热潮。 图为北京一家咖啡店工作的众多创业团队。来源：网络
2.用户研究工作
用户研究的主要方法有以下几种：
可用性测试：让不同的用户群体通过筛选操作产品，观察者观察记录。 可用性测试的要求是用户不能是互联网从业者，而应该是真实产品的用户群体。
焦点小组：一般由6-12人组成，由专业人士主持，引导小组成员根据访谈提纲发表意见，并进行记录分析。 而且focus group room会有一个单向玻璃窗，用户看不到里面的人是谁。 而坐在里面的通常是开发团队，他们可以清楚地看到用户如何抱怨他们的产品，但他们没有权利直接向用户解释。
问卷调查：分为纸质调查问卷和网络问卷调查。 根据产品列出需要了解的问题，做成文档供用户解答。 问卷调查是一种成本相对较低的用户调查方式。
用户访谈：邀请用户回答与产品相关的问题，并记录下来供后续分析。 用户访谈分为三种：结构化访谈（基于之前写好的问题结构）、半结构化访谈（一半基于问题一半讨论）、开放式访谈（与用户进行更深入的交流，双方都有主动讨论）。 在设置用户访谈时注意：用户不能是互联网行业的专业人士，不能问诱导性问题，不要使用专业术语。
眼动追踪测试：使用专用设备：眼动仪，跟踪用户使用产品时眼睛聚焦的位置和盲点位置。 例如，一个网站可以通过眼动测试知道用户的视线会自动挡住该网站常见的广告位置。 这时候如果想增加广告的点击量，就需要把广告位放在用户长期关注的位置。 眼动测试的设备比较专业，在小公司一般很难开展。
用户画像：根据产品的调性以及用户群体，用户研究团队可以设计用户模型。 这种研究方法称为用户画像。 角色是由具有特征的标签组成的，通过这些标签我们可以更好地了解谁在使用我们的产品。 建立用户画像后，每个功能都可以完成自己的用户故事：用户在什么场景下需要这个功能。 这样，我们设计的功能就会更加贴近用户的实际需求。
用户反馈和大数据分析：根据市场提供的反馈和数据，做出客观判断和合理推测。 用户反馈也是用户研究的一个重点。 用户反馈主要是用户通过产品反馈入口主动向开发者提出的意见。
△图为美剧《硅谷》中的焦点小组测试桥
3.产品经理的工作
产品经理负责协调整个团队的流程，工作非常复杂。 产品经理与整个团队打交道。
产品经理的很大一部分输出是在沟通和协调上。 如果单纯提取输出文件，有以下几种：
PRD：《产品需求文档（Product Requirement Document）》，该文档的受众是项目组、开发组、测试组、策划组、体验组等。 文档表达了这个产品的概念，规划了产品每一步的完成时间。 输出包括产品界面、产品流程、功能需求、测试需求、体验需求等。
MRD：《业务需求文档（Business Requirement Document）》。 本文档的受众是业务、运营、营销等。该文档表达了产品的商业模式，定义了产品的用户群，输出内容包括产品模型、商业模型、运营模型、市场模型等.
原型图：又称线框图，即用线条和图形绘制的产品框架。
△图为产品需求文件PRD模板
4.交互设计师的工作
交互图：展示操作行为后，对象之间的关系，以及触发的下一步信息。 与产品经理设计的线框图或原型图不同，交互设计师完成的交互图更加细致，完成后可以运行在手机端模拟APP的使用。
△图为互动图案例
5. UI设计师的工作
优化原型图：根据具体的视觉元素提出交互图的优化方案。
视觉设计：基于人机交互原理和操作逻辑，对原型图的界面进行设计美化。
图像切割：根据不同的平台尺寸，输出相应倍数的图像。
注释：使用该工具在输出页面上的每个元素之间注释尺寸和条件注释。
项目走查：开发完成后，选择主流机型进行screen review。
视觉概要：展示和解释设计作品中的字体、字号、颜色、图标、模块等元素。
△图为UI设计稿
6.前端工程师的工作
Web前端工程师：完成Web前端界面的编程。 从视觉设计师手中接过PSD后，将图片裁剪并使用网页代码重新构建页面前端开发 英文，并与数据库提供的接口联调。 没问题后放到服务器上，网站就可以访问了。 使用的代码语言主要包括：HTML、CSS、JS等。
苹果软件工程师：完成iOS平台app的程序开发，并接手视觉设计师的裁剪和标注，完成客户端编译，与后端工程师联调后上线。 主要使用的代码语言有：Object-C、Swift等。
Android 软件工程师：也称为 Android 开发工程师。 完成Android平台APP的开发，并接手视觉设计师的裁剪和标注，完成客户端编译，与后端工程师联调后上线。 主要使用的代码语言有：java、Kotlin等。
△图为前端HTML代码
7.后端工程师的工作
数据库编程：分为网络数据库、层次数据库和关系数据库，主要是利用数据库编程来存储和管理数据。 主要使用的语言有：PHP、JSP、JAVA等。
△图为后台编译的部分代码
8.测试工程师的工作
上一篇 
