发抖音

玩转抖音
告诉你抖音里每一个秘密!

探索互联网视觉设计师 UI 设计师的奥秘:打造高效人机交互界面

 2024-10-06 06:01:25  阅读 0

什么是UI设计师? UI是User(即界面设计)的缩写。该界面可以是手机界面、网站界面、软件界面、智能设备界面等人机交互视觉媒体。人机交互是指人与计算机之间的通信。你可以想象这种通信方式,从最早的图灵计算机依靠音符与计算机进行通信,到我们现在屏幕上的各种按钮,再到我们现在的各种类型的声音。交互,以及AR、VR或者像科幻电影那样的各种脑电波交互,已经成为人类和计算机越来越便捷的交流方式。然而,目前人与计算机之间最有效的沟通仍然在屏幕上。屏幕仍然是最高效的人机交互方式。我们需要将这样的交互界面设计成用户更高效、更容易理解的界面。让普罗大众更好地了解计算机的意图是我们的责任。总结一下:UI设计师的职责是设计用于人机交互的图形用户界面,并使界面更加易用和友好。

抖音运营团队公司介绍_抖音运营公司_抖音团队运营公司

△ Xerox 8010 Star,早期的GUI设计

我们完成的图形界面也称为GUI(User)。它的要求是需要易于使用(Easy to use),即界面无需复杂的思考即可轻松使用; (),即非常人性化。 ,容易理解。一个好的GUI应该是易于使用且友好的,比如我们手机上的微信、支付宝等知名应用程序。由于互联网的发展,很多行业被重新整合:设计师也被重新定义。 UI设计、动效设计、交互设计、平面设计逐渐融为一体。这个职业不能简单地设计界面和布局,还需要有绘制图形、掌握图形技巧、理解交互等能力,这个职业有不同的特点。名字,比如全链路设计师、全栈设计师等等,但我觉得合适的称谓是:互联网视觉设计师。目前国内知名公司在招聘时也用这个词来强调只懂布局和标准应用的界面设计师。互联网视觉设计师负责我们这个时代主流媒体的设计:互联网。不管叫什么,我们的责任都没有变:解决人机交互问题。

抖音运营公司_抖音团队运营公司_抖音运营团队公司介绍

△ 界面中的UI设计

互联网视觉设计师或UI设计师一般隶属于互联网产品团队,不像平面设计师或时装设计师设立了很多抖音()。因此,我们打交道的人不一定是同行,而可能是互联网从业者中的其他角色,比如产品经理、程序员、技术团队、运营团队等。如果我们所在的团队不仅仅是设计师,那么我们必须有足够的表现力和耐心,让周围的人了解我们的工作。互联网视觉设计师的工作主要包括移动设计、网站设计、操作设计等。如今,随着UI设计师数量的增加和行业的日趋成熟,UI设计师承担的责任也越来越多。如果你需要懂交互知识,懂平面设计,擅长手绘等等。 那么UI的定义越来越丰富,现在成为UI设计师的门槛也越来越高。

2.互联网产品团队

抖音团队运营公司_抖音运营公司_抖音运营团队公司介绍

△ 美剧《硅谷》中的创业团队

互联网公司的产品线就是一条装配线。互联网产品团队是指整个团队围绕产品构建,以设计和开发产品为目标的团队。比如微信团队、支付宝团队等。互联网产品可能是移动终端,也可能是电脑终端。也可以同时开发多个产品线。我们可以按照部门来划分:管理部、产品部、研发部、营销部。设计团队可以是一个独立的部门,也可以整合到产品部门中。互联网产品团队可以分为:

1.高级()

一个团队的领导者由董事会、董事长、首席执行官(Chief)、首席技术官(Chief)等组成。对公司的关键事情进行决策。

主要输出:想法

使用软件:

2、用户研究团队UR(User)

通过用户研究来调查老板的想法是可靠的。用户研究团队保证了公司和用户之间的联系,保证开发的产品受到用户的喜欢。开发前、开发中、开发后的反馈需要用户研究团队参与及时的数据收集等。

主要输出:用户研究报告

使用的软件:、眼动仪等

3. 产品经理 PM ( )

产品经理细化产品逻辑,产品经理或交互设计师设计原型图。原型图用于向老板汇报并交付给设计师。负责从头开始的产品规划。产品经理的首要职责是在产品规划阶段向管理层提出产品文档。产品文档PRD通常包括产品规划、市场分析、竞品分析、迭代规划等,然后项目建立后,他负责进度控制、质量控制以及各部门的协调。在产品管理中,产品经理是领导者、协调者、煽动者,但他不是老板。作为产品经理,虽然他对产品开发本身拥有很大的权力,可以干预产品生命周期的各个阶段,但从行政上来说,他不像普通经理那样有自己的下属,但他也拥有大量的资源动员起来去做事,所以如何做好这个角色需要相当的技巧。

主要输出:产品需求文档(PRD)、市场需求文档(MRD)、原型图()等。

使用软件:文档编写软件()、原型绘图软件(Axure、Blue Lake、Ink Knife等)

4. 项目经理 ( )

从专业角度看,是指企业设立的重要管理岗位,建立以项目经理负责制为核心的责任保障体系,实施项目质量、安全、进度、成本管理,全面提高项目水平。管理。项目经理是对项目的成功规划和执行全面负责的人。在很多公司,这个职位可能既以产品为中心,又以产品为中心。项目经理负责实时控制进度并解决项目问题。

主要输出:项目进度表

抖音团队运营公司_抖音运营团队公司介绍_抖音运营公司

使用软件:文档写作软件()

5.交互设计师UX或UE(用户)

将产品需求文档 (PRD) 优化为设计师和技术的交互式原型。

主要输出:交互图()

使用软件:Axure RP、Blue Lake、魔道、Adobe XD等。

6. 互联网视觉设计师或UI设计师(用户)

互联网设计师不仅给原型上色,还根据实际具体内容和具体交互修改布局,甚至重新定义交互。同时提供技术剪纸或PSD。一些出现过的别名:艺术家、全链路设计师、全栈设计师、UID、UI设计师、视觉设计师等等都在说我们。收到原型图或交互图后,我们将根据原型图的内容进行交互优化、布局和视觉设计。与导演最终确认后,将移交给开发商。如果是连接到web项目,我们只需要交付给开发者:PSD、规格书。如果是移动端项目,那么我们需要交付给开发者:裁剪图片、标注、规格。为什么Web开发工程师(前端)不需要裁剪图片,直接给PSD?因为前端工程师其实最早和我们的职位一起被称为美术师,他们有PS操作能力。

主要输出:设计稿、设计说明书、裁剪图、注释等。

使用软件:、Ps、Ae、Ai等。

7.前端开发RD(及)

有两种类型的开发人员:数据库端和用户端。一般来说,我们接触到的都是用户端开发,他们负责还原设计。那么开发客户端网页的工程师就叫前端工程师;开发设备的人被称为工程师;而开发苹果设备的人被称为iOS工程师。都是指客户端的开发,也就是我们看到的所有接口。目前,在客户端,我们接触到三种主流设备:Web、、iOS。他们开发和使用不同的代码,因此对一些特效如运动效果、阴影等有不同的支持。

8.后端工程师或程序架构师RD(及)

后端工程师的主要职责是什么?后端工程师或者程序架构师的主要工作就是数据存储。我们平时使用的产品产生的数据,比如头像、昵称、聊天记录、对话、图片等,都是通过互联网传输到服务器,然后进行信息交换和分发回来。存储这些数据的架构是后端工程师的工作。不幸的是,设计师与后端工程师没有太多接触。

9. 运营或市场开发BD

产品完成并进入运营阶段后,可能会根据运营情况调整产品设计或运营图设计等需求。运营更加直接面对市场,因此市场的目的更加明确。这样,推出市场和运营的目的往往更加直接。有时,运营的盈利目的与产品以用户为中心的思维之间存在冲突。这时候对设计师的要求就更高了。如何调整设计美学、操作目的、以用户为中心的目的就成了设计师的事了。难题。

10.测试工程师QA

测试工程师在企业中一般被称为软件开发测试工程师(Test,SDET)。通常是具有 1-2 年经验的测试工程师或程序员。具有良好经验的测试工程师可以成长为产品/项目团队的测试组长()或软件质量经理(SQA),负责软件质量保证、测试管理和领导测试团队。测试工程师的职责是控制软件的质量。监督者和客观者都会控制它,包括体验和视觉部分。但通常设计师需要配合测试工程师来完成产品视觉部分的还原测试。

11.抖音()

抖音团队运营公司_抖音运营团队公司介绍_抖音运营公司

△ 抖音()结构图

抖音()人员配备齐全:高管负责决策,用户研究团队负责研究用户对产品的反馈,产品经理负责制定产品发布时间表,交互设计师负责优化交互图,视觉设计师负责优化交互设计视觉后,输出裁剪和标注,完成设计规范。前端工程师负责接口恢复以及与数据库的连接。后端工程师负责程序架构和数据库结构。测试工程师负责测试整个程序是否可用。业务部负责后期制作。运营。除了完整的产品线外,抖音()还设有抖音()、物流部、协调部等,分工成熟。但大公司病经常发生,行动也比较缓慢。注:本图为产品流程主要关系图。在实际工作中,关系是复杂的,不仅仅是线性序列。

12.抖音(发抖音)

抖音团队运营公司_抖音运营团队公司介绍_抖音运营公司

△ 抖音()结构图

抖音()人员配置中等:高管负责决策,产品经理负责制定产品发布时间表和交互图,视觉设计师优化交互和设计视觉效果,然后输出裁剪图和注释以及完整的设计规范,前端工程师负责接口恢复以及与数据库的连接,后端工程师负责程序架构和数据库结构,测试工程师负责测试整个程序是否可用,业务部门负责后期运营。抖音()的工作人员也比较整齐,但是缺少很多细节,设计师会承担更多的责任。

13.抖音(发抖音)

抖音团队运营公司_抖音运营公司_抖音运营团队公司介绍

抖音团队运营公司_抖音运营公司_抖音运营团队公司介绍

△ 抖音()结构图

抖音()人员配置比较齐全:高管负责决策并担任产品经理,视觉设计师优化交互和设计视觉,输出剪切和注释并完成设计规范,前端工程师负责接口修复和集成。数据库对接,后端工程师负责程序架构和数据库结构,测试工程师负责测试整个程序是否可用。抖音()人员很少,决策速度很快。但由于每个人负责很大一部分,所以常常会有学习杂而不精通的地方。而且人少了,进步就更靠自己了。

3、分工

1. 工作

寻找投资:作为一个团队的领导者,首要任务是解决团队的生存问题。因此,在产品完成盈利模式构建之前,进行投资是一个很好的方式。在采访中,我们总是看到一家公司正处于A轮或B轮融资阶段。这意味着什么?投资按照项目成熟度分为:路演、天使轮、A轮、B轮、C轮、上市等。投资的阶段也代表了项目的成熟度。您在找工作时也可以权衡这一点。

招募合伙人:一个好的团队领导者不应该事事亲力亲为。除了CEO之外,还应该寻找CTO、CTOO等高管人选。

抖音运营团队公司介绍_抖音团队运营公司_抖音运营公司

△创业咖啡文化已成热潮。图为北京一家咖啡馆内,众多创业团队在工作。来源:互联网

2、用户研究工作

用户研究的主要方法有以下几种:

可用性测试:让不同的用户群体通过筛选来操作产品,同时观察员进行观察和记录。可用性测试的要求是用户不能是互联网从业者,而应该是真实产品的用户群体。

焦点小组:一般由6-12人组成,由专业人员主持,指导小组成员根据访谈提纲发表意见,并进行记录和分析。并且焦点小组房间内会有一扇单向玻璃窗,因此用户无法看到里面的人。坐在里面的通常是开发团队。他们可以清楚地看到用户如何抱怨他们的产品,但他们无权直接向用户解释。

问卷调查:可分为纸质问卷和网络问卷。根据产品列出需要了解的问题,并创建文档供用户回答。问卷调查是一种成本相对较低的用户调查方法。

用户访谈:邀请用户回答与产品相关的问题并记录下来以供后续分析。用户访谈有三种形式:结构化访谈(根据之前写好的问题结构)、半结构化访谈(一半基于问题、一半讨论)、公开访谈(与用户更深入的沟通,双方都有主动讨论)。在设置用户访谈时,请注意:用户不能是互联网行业的专业人士,不能提出引导性问题,不能使用专业术语。

眼动追踪测试:使用专用设备:眼动仪来追踪用户在使用产品时眼睛聚焦的位置以及盲点在哪里。例如,网站可以通过眼动追踪测试得知,用户的视线会自动遮挡网站上常见的广告位置。这时,如果想要增加广告的点击量,就需要将广告位置放置在用户关注时间较长的位置。眼动追踪测试的设备相对专业,通常在小公司很难开展。

用户画像:根据产品的调性和用户群体,用户研究团队可以设计用户模型。这种研究方法称为用户画像。角色由具有特征的标签组成,使我们能够更好地了解谁在使用我们的产品。用户画像建立后,每个功能都可以完成自己的用户故事:用户在什么场景下需要这个功能。这样,我们设计的功能就会更加贴近用户的实际需求。

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

抖音运营团队公司介绍_抖音运营公司_抖音团队运营公司

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

3、产品经理岗位职责

产品经理负责协调整个团队的进度,他们的工作非常复杂。产品经理与整个团队打交道。

产品经理的很大一部分产出就是沟通和协调。如果单纯细化输出文件的话,有以下几种:

PRD:即“产品需求文档( )”。本文档的受众是项目组、开发团​​队、测试团队、策划团队、体验团队等。文档描述了产品的概念,规划了产品每个步骤的完成时间。输出内容包括产品界面、产品流程、功能需求、测试需求、体验需求等。

MRD:即“业务需求文档()”。本文档的受众是业务、运营、营销等人员。文档描述了产品的商业模式,明确了产品的用户群体。输出内容包括产品模型、商业模型、运营模型、市场模型等。

原型:又称线框,是用线条和图形绘制的产品框架。

抖音团队运营公司_抖音运营公司_抖音运营团队公司介绍

抖音运营公司_抖音团队运营公司_抖音运营团队公司介绍

△ 图为产品需求文档PRD模板

4.交互设计师的工作

交互图:展示操作行为后,对象之间的关系以及触发的下一步信息。与产品经理设计的线框图或原型不同,交互设计师完成的交互图更加详细,完成后可以在手机上运行来模拟APP的使用。

抖音运营团队公司介绍_抖音运营公司_抖音团队运营公司

△图为交互图示例

5. UI设计师的工作

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

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

切割:根据不同的平台尺寸,输出相应倍数的图片。

注释:使用工具在输出页面上的每个元素之间注释尺寸和状态注释。

项目演练:开发完成后,选取主流机型进行屏幕评审。

视觉概要:展示并解释设计作品中的字体、字号、颜色、图标、模块等元素。

抖音运营公司_抖音运营团队公司介绍_抖音团队运营公司

△ 图为UI设计稿

6.前端工程师的工作

Web前端工程师:完成Web前端界面的编程。收到视觉设计师发来的PSD后,我对图片进行了裁剪并使用Web代码重新构建了页面,并使用数据库提供的接口进行了调试。一旦没有问题,我就把它放在服务器上,网站就可以访问了。主要使用的代码语言有:HTML、CSS、JS等。

苹果软件工程师:完成iOS平台App的程序开发,并接手视觉设计师的裁剪和标注,完成客户端编译,与后端工程师共同调试上线前。主要使用的编码语言有:-C、Swift等。

软件工程师:也称为开发工程师。完成平台APP的开发,接手视觉设计师的裁剪和标注,完成客户端编译,并与后端工程师共同调试上线前。主要使用的编码语言有:java等。

抖音运营公司_抖音运营团队公司介绍_抖音团队运营公司

△图为前端HTML代码

7. 后端工程师的工作

数据库编程:分为网络数据库、层次数据库和关系数据库。数据库编程主要用于存储和管理数据。主要使用的语言有:PHP、JSP、JAVA等。

抖音运营公司_抖音团队运营公司_抖音运营团队公司介绍

△图为后端编译的部分代码

八、测试工程师岗位

抖音运营公司_抖音运营团队公司介绍_抖音团队运营公司

评论