在互联网行业中,交互设计师和UI设计师的角色都很重要,二种角色的能力也有很多是重合的,毕竟是以用户体验为基础,都是针对于用户界面推进日常工作内容的执行。
接下来,我们可以简单描述一下交互设计和UI设计的具体区别,以及二者的在学习路径上的不同之处。
从设计的角度来看,交互设计和 UI 设计都具备设计的内核,具备以下特点:
因此交互设计师和 UI 设计师,都具备同样地思考模型,从用户出发,完成界面针对于功能体现的设计,然后再考虑提升用户使用效率等,最后上升到情感化的高度。
界面设计的背后,需要的是两种技能的融合,才能输出相对来说更为完美的界面设计。
如果一名设计师兼备交互设计的思维模式,又具有 UI 设计相关的技能,那么就可以一个人完成一整条链路的全部设计输出。一般情况下,因为时间和个人技能方面的限制,一个团队中都是两个角色配合着完成相关的工作。
一名交互设计师,他所具备的能力在用户体验层面上来看相对来说更为基础一些,并且更多的集中在分析与归纳方面,对于图形化的涉及相对来说较少。
当然,这只是一种做设计的工具,还有其他的一些类似的思维方式的工具,但是整体来说,行业中的大部分交互设计还是秉承着以用户为中心的思想来指导设计执行的。
针对于交互设计师来说,协助用户研究员和产品经理来完成用户研究的执行,也是日常工作中必备的技能。
针对于交互设计,一个非常基础的理论常识,就是要熟练的运用可用性的十项基本原则。
无论是 Web 端的界面设计还是手机端小屏幕的设计,有可能载体会一直在变化,但是从人类本身的生理条件和心理基础出发,这十项基本原则是一直从整体逻辑上都适用的,只是具体的变化会有所不同。
对于大多数交互设计师来说,从一开始上手就画线框图,而忽略了针对于理论基础方面的学习,《可用性工程》这本书是要熟读的。
针对于 iOS 平台和 Android 平台的规范学习,要一直不间断,时刻跟随着官方的更新来了解最新的内容。
原型是重要的沟通工具,文档也同样是一份设计的完整展现,因此交互设计师必须要能够清晰的输出原型和文档,从逻辑上能够让阅读者——产品经理、UI 设计师和研发工程师非常清晰的了解到每一个交互设计的细节。
大多数的交互设计师,都是从原型输出开始自己的职业生涯的,原型本身来说也是设计,如果一份原型稿件的可读性都不够好,设计方案怎么能够给人以优秀的印象呢?
这就要锻炼自己的沟通能力,阐述一件事情以及归纳一个问题,都能够通过良好的展示技巧清晰的传达自己的想法。
在之前的回答中,我们都讲过有关于交互设计该如何进行学习的一些关键点,其中包含一项内容就是逻辑分析能力。
在交互设计师日常的工作中,针对于「用户需求分析」、「产品需求分析」、「竞品分析」以及交互流程设计和界面的信息设计等,都需要有逻辑能力作为支撑。
对于交互设计师来说,看到一个功能点,能够推导出他的全部操作流程才是一个关键。
用户每实现一个目标,都是一个闭合的操作流程,从起始阶段的操作一直到最终达成目标,是一个闭环,而支撑这个闭环的就是满足于各种可能性的交互设计。
综上所属,就是交互设计师应该具备的主要的工作能力,当然还有其他,但是那是互联网人应该都具有的一些技能。
针对于 UI 设计师来说,他所具备的技能和交互设计师有非常多的共同之处,比如说以用户为中心的设计思想,以及可用性的能力等等,在这里主要要讲的是图形界面设计方面的一些不同的能力。
在一个团队中,对于 UI 设计师的一个重要要求,在于具备良好的造型能力,配色能力,以及相关的展现能力。
UI 设计师的日常工作,会包括图标设计、界面视觉设计、动效设计、插画设计等一系列视觉设计相关的内容。
这就要求 UI 设计师需要进行非常多的日常练习,来保持这种产出图形的设计能力。这个行业发展太快了,如果一名 UI 设计师稍有懈怠不去进步,那么会非常快速的被市场上 UI 设计师的工具与设计思想的大浪淘汰掉。
界面设计的一个关键点,就是信息展示。设计师是一个信息组合与展示的专家,尤其是 UI 设计师,他们可以通过逻辑分析,将不同的信息通过图形和文字的布局进行完美展示。
这方面的能力是 UI 设计师的专属技能,明博体育按照一定的规则,为用户建立图形或文字方面阅读的心理模型,用户能够快速通过色彩引导、灰度变化等细节的 UI 设计手段,提高阅读界面的效率,并且能够快速的掌握设计细节明博体育。
这方面的能力不仅仅体现在界面的设计,我们日常见到的 Banner 和海报的视觉设计,实际上都是要依据视觉设计的思路进行的产出。
这方面的能力,包括切图、坐标标注等。包括对于开发人员实现思路的配合,以及产品实现方面的一些资源支持等。
我们团队的视觉设计,要肩负着给开发人员输出相关的实现资源,以及去审视开发人员最终的产出在界面设计方面的还原程度。
一些产品自己的团队,研发人员和设计师的沟通还比较顺畅,我们之前做很多外包项目,UI 设计师和研发人员的沟通就没有那么流畅,开发出来的界面和我们的设计基本上偏差巨大,直接导致的结果就是我们的设计师要盯着研发人员一个像素一个像素的调整界面布局。
这部分的技能也是 UI 设计师独居的能力,其实核心就是目标用户会接受什么样的界面设计。
界面视觉设计,对于用户来说实际上是一个产品的门面,用户界面设计的好坏,要依据目标用户对于产品的使用经验、明博体育对于产品的认知以及他们的喜好倾向等来决定。
这就要求 UI 设计师同样要具备的就是「以用户为目标」的思想,但是要具有足够的判断能力和影响能力,一方面要贴近用户的需求,让用户能够喜欢自身的界面视觉设计,另一方面要教育用户,引导用户来喜欢自己产品的界面。
这方面的能力很不一样,对于各种不同的产品来说,要求也会不同,可能落地在配色,也有可能是图标,还有可能是动效等。总之是制造亮点,让用户能够更好地接受界面的视觉效果。
设计师要具备情感化设计的能力,这个在前面有提到,而 UI 设计师是最容易通过图形化的元素,给用户带来情感上共鸣的人。
这就和工业设计很相似,产品的造型会让用户对于美有所认知,并且能够通过光影、材质等唤醒一种心理上的共鸣,或者回忆起过去的感情。
而 UI 设计也同样是这样,配色、质感、图标、图形和动画,都能够在情感上带动用户的一种心理变化,让他们产生爱或其他的一些感受。
这对于 UI 设计师来说,其实难度非常大,需要日常有相当丰富的积累,并且具备长年累月的设计经验,才有可能达到类似的设计高度。
从上面我们归纳的二种设计师的能力来看,其实共通的部分站得比重和独立技能相比较起来不会少多少,这说明其实互联网行业发生地变化显而易见——不会有那么明确的智能划分,技能方面大家会变得越来越共通。
交互设计师的一些技能和 UI 设计师的一些能力基本上未来都会变成互联网行业产品人的必备技能。因此行业中也会有「全链路设计师」这样的说法出现,这也是必然趋势。
对于每一位行业里的从业人员来说,技能的宽度和深度都能够决定自身未来的发展方向,因此我们也要多去涉猎更多的能力体系,把自身的学习能力提升再提升,不断的去学习,不断的提高自己的上限,那么在整体行业中也会变得越来越有竞争力。
最后,向零基础想入门互联网的同学推荐@马力在知群创办的两个训练营,以前是收费的,现在针对知乎的同学,可以直接申请加入。
1.职场能力提升训练营:找实习、找工作和职场提升,个人定位、结构化思维、数据思维、沟通和协作能力、个人项目管理、时间管理、知识体系搭建。
2. 产品经理和UI/UX训练营:入门、跨专业转行、野路子提升,认真学习可以获得包含上百个知识点的高清能力地图。
无论你是用户体验设计领域的新人还是经验丰富的设计师,每当谈论起不同的用户体验设计规范和不同公司设置岗位的方式,都一定会有很多困惑。我在网上看到过关于以下4种职位之间区别的许多说法:用户体验设计师(UX Designer)UI设计师(UI Designer)用户研究员(UX Researcher)产品设计师(Product Designer)我们甚至还能看到很多像客户体验设计师(Customer Experience Designer)、用户体验撰稿人(UX Writer)、交互设计师(Interaction Designer)这样的职位。但我今天将着重讨论上述4种职位。有关它们之间区别的争论是无止境的,这也是我为什么希望讨论这个困扰很多人的话题的原因。他们之间的区别到底是什么呢?事实上这往往取决于公司。
不同公司有不同的需求,这些需求是由公司的规模、客户群体、客户、工作流程、价值观等决定的。有些公司甚至自己都不知道这些岗位之间的区别是什么,他们只是将一份工作以“用户体验设计师”的名称挂了出来,而实际上根据岗位描述,这可能是网页设计师的职位,甚至可能是一个混合了设计师和开发人员2种角色的职位。不同公司对于职位职能的划分是不同的,有些公司可能完全不知道如何划分。
如果一个公司只有一个规模较小的产品,他们可能不需要单独设置用户体验设计师、UI设计师、用户研究人员几个职位,这也完全合情合理。而对于更大的公司,划分不同的职位是有意义的,但这不一定适用于所有公司。例如,在我全职工作的公司里,我的职位叫高级用户体验设计师,但我同时做着用户研究员、用户体验设计和UI设计的工作。我认为我所在的公司没有大量单纯的用户体验设计的工作,所以也没有必要把这几种角色分离出来。
尽管不同公司设置的职位不同,这几类职位之间仍有一些明显的差异。希望通过下文能帮助你理解用户体验设计师、UI设计师、用户研究员、产品设计师之间的区别,从而了解自己适合扮演的角色,同时避免被一些不合理的招聘需求所误导。用户体验设计师(UX Designer)用户体验设计师是用户体验设计发展热潮中最受欢迎的岗位,也是最容易被误用的岗位。
总体而言, 用户体验设计师关注用户与产品的交互、用户做出一个决策背后的心理、可用性方面最优化、交互的流程和信息架构,以及产品的整体感觉。用户体验设计师主要负责以下工作模块:信息架构站点地图用户交互流程低保真线框图高保真线框图(有时需要绘制)原型设计用户体验设计师的工作主要是为产品建立框架、设计贴近用户直觉的交互流程。 话虽如此,但这不意味着所有的招聘需求上只写着这些工作要求。很多招聘需求上写着“用户体验设计师”的名称,但你可能也同时做着用户研究和UI设计的工作。你也可能看到类似之前提到的混合了用户体验设计和前端开发的工作。UI设计师(UI Designer)UI设计师的工作主要关注产品视觉呈现的效果,但他们也需要将用户体验设计的原则牢记于心。UI设计师决定一个按钮是方角还是圆角,以及颜色、字体、下拉菜单、标签等元素。
以下是UI设计师负责的主要工作模块:高保真线框图精美的UI设计绘制图标/图片创建和维护样式库和视觉风格为原型设计做准备
(有时负责)UI动效(比如加载过程的显示效果、人们交互行为产生后界面的变化)如果你正在学习用户界面设计,但对用户体验或用户研究不感兴趣,我建议你依然要学习一些有关用户体验设计的基础知识。我经常看到人们在网上讨论如何在不学习任何用户体验设计的条件下成为一名UI设计师。这是可以做到的,但同时具有用户体验设计和UI的技能绝对会对你完成作品集和找工作有巨大帮助。单纯夺人眼球的界面是无法回答像“如何退回到上一级”、“这个按钮的功能是什么”这样的问题的。用户研究员(UX Researcher)用户体验研究员负责与用户体验设计相关的整个研究和测试的过程。他们通常在设计师工作之前挖掘出如何更好设计交互流程的信息。
以下是用户研究员的主要工作模块:启发式评估竞品分析第三方研究用户访谈/调查用户日志对研究结果有所洞察用户画像用户测试如前所述,一些用户体验设计工作可能要求你同时做用户研究的工作。所以在我看来,了解用户研究的流程对于成为一名用户体验设计师是非常重要的。产品设计师(Product Designer)这是一个比较有迷惑性的职位名称因为每个人和公司对产品设计都有不同的定义。 我认为产品设计师是更加广义的用户体验设计师,涵盖了前面提到的所有工作。在规模较小的公司或初创公司中, 产品设计师负责用户研究、用户体验、信息架构、UI和测试是非常常见的。我还注意到产品设计师这一名称在硅谷或旧金山经常出现,人们期望设计师具备所有这些技能。你会听到很多人说,一个人承担这么多的工作职能是不现实的,我们应该成为某一方面专家而不是通才,但我认为对于用户体验设计这些技能确实都是需要掌握的。UX vs UI在产品设计界,最多被讨论的就是用户体验设计和UI之间的区别。我认为二者是不同的,但它们其中任何一个是无法被单独剥离出来的。虽然公司将设置了两个不同的岗位,但在实际工作中只有两者必须结合。你不可能在缺乏用户体验设计思维的条件下做出好的UI设计。除非UI设计师具有以下条件之一,否则不可能设计出成功的产品。 1 所在团队中有一名用户体验设计师; 2 自己本身具有用户体验设计所需技能。同样地,对于用户体验设计师,如果界面的视觉呈现效果很差也无法成功。他们至少需具备1 所在团队中有一名UI设计师;2 自己本身有UI功底 这两个条件之一。成为通才还是成为某一方面的专家完全取决于你,这没有对错之分。这是由你所选择的职业道路、居住的地方、希望得到的工作,以及你工作的公司所决定的平面设计。但可以明确的是你越能干,你的潜在竞争力就越大。
我是马力,国内最早的一批互联网产品和设计从业者,有十几年的互联网产品、设计、运营工作经验,曾经在 IBM 工作工作,并作为最早期的成员,和李开复老师在创新工场工作。
在知乎里,我有130多万关注者。李开复老师,还有很多行业大咖,都推荐过我主讲的课程。我写过几百万字的文章,很多人看着我写的东西进入职场。现在知群和北京邮电大学一起开设了面向研究生的课程,我也在大学里讲课。
如果你打算往 UI 设计,UX 设计等领域发展,我建议你可以先参加我们的体验课训练营,目前可以免费申请。做这个训练营的目的,就是让大家知道这个领域到底都有什么,产品思维和设计思维是什么,大家应该学习什么。
另外我们还有设计师和产品经理的能力地图,在训练营里好好学习,你有机会获得印刷纸质版的:
“交互设计”通俗易懂地来讲就是:它是用户和产品之间交互的设计。大多数情况下,当人们谈论交互设计时,往往是说应用程序或网站等软件产品。交互设计的目标是做出能使用户能以最佳方式实现其目标的产品。
如果你觉得这个定义听起来很“宽”,那是因为这个领域确实相当广泛:用户和产品之间的互动往往涉及美学,动作,声音,空间等元素。当然,每个元素都可能涉及更专业的领域,例如有关用户交互中声音的声音设计。
你可能已经意识到,交互设计和用户体验设计有很大的重叠之处。毕竟,用户体验设计是塑造产品使用体验,而大部分体验都会涉及用户和产品之间的一些交互。但用户体验设计不仅仅是交互设计:它还涉及用户研究(首先找出用户是谁)、创建用户画像(为什么,在什么条件下,他们会使用产品),执行用户测试和可用性测试等。
例如,如果公司足够大,并且拥有巨大的资源,它可能会为UX设计师和交互设计师提供单独的工作。例如,在大型设计团队中,可能有一个 UX 研究员、一个信息架构师、一个交互设计师和一个视觉设计师。但对于较小的公司和团队来说,大多数 UX 设计工作可能由 1-2 人完成,他们可能有也可能没有交互设计师的称号。无论如何,以下是交互设计人员在其日常工作中处理的一些任务:
这涉及到用户的目标是什么,以及实现这些目标所需的交互。根据公司的不同,交互设计师可能必须进行用户研究,找出用户的目标是什么,然后再制定策略将其转化为交互。
这同样取决于公司的工作描述,但大多数交互设计师的任务是创建线框图,展示产品中的交互。有时,交互设计师也可能创建可交互的原型和/或高保真原型,看起来与实际的应用程序或网站完全一样。可交互的高保真原型现在都可以使用一些在线原型工具实现,比如国内的墨刀,国外的Axure。
而UI设计,你不仅需要做到以上的这些,还需要掌握更多的图形设计技能,熟练的使用Dribbble,在没灵感的时候多上Dribbble去看看能收获很多。
目前主流的点赞设计是通过按键引起图标变色完成的。而Dribbble上Aaron Iker设计师的点赞,则是通过手势和文案的变化来塑造出点赞,并且手势的动效将点赞诠释的更为生动具体。
总之,如果非要区别二者,那么交互设计更多是为了好用,UI设计是为了好看,但不管是哪个,想从事相关工作,都离不开动手操作,多做才是硬道理!
从上图来看,似乎UI交互设计还真是UI设计和交互设计的结合。不过具体区别如何,还是让我们来看看三者的对比吧!
UI设计或称界面设计(英文UserInterface Design, 缩写为UID),它是指对软件的人机交互、操作逻辑、界面美观的整体设计明博体育。UI设计主要分为实体UI和虚拟UI两种,互联网行业常见的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
交互设计(英文Interaction Design, 缩写IXD),它主要指的是两个或多个个体之间交流和互动方式的设计,以达成某种设计产品的目的。交互设计的目标一般从“可用性”和”用户体验“两个层面出发,以帮助解决用户需求。
从多方查找资料发现,UI交互设计这个术语是非常模糊的。在不断对比整理下,终于得出了它的基本概念。从广义上来说,UI设计是可以包含交互设计的,在这样的情况下。简单来说,把交互设计的理念体现在UI界面上,就是UI交互设计。
从设计重心方面来看,UI设计的重心是色彩和视觉,以界面美观设计为主,主要考虑产品看起来怎么样。而交互设计则是以用户为中心进行人机互动部分的设计,主要考虑产品用起来怎么样。而UI交互设计则需要兼顾UI与交互两个方面进行设计,将交互的理念体现在UI界面上。
从相关的工作人群来看,不同的设计工作类型,涉及的人群也尽不相同。UI设计的相关人群主要是工作中包涵该部分的人,除了专业的UI设计师,界面设计师,网页设计师等也是它的工作人群。而交互设计涉及的人群更广,交互设计师、UX设计师自然不在话下。另外,需要表达设计想法的产品经理运营人员也是其中一员。最后,UI交互设计所涉及的范围比两者稍广,包含了UI设计人群和大部分交互设计人群。
如上图所示,UI设计主要在于通过对用户界面的色彩,布局,明博体育文字排版等方面进行设计,以保证整体界面的美观。
这边选取了一个简单的UI交互作为案例,这个交互的效果是通过点击UI界面中按钮出现不同的图片。这种将交互体现在UI界面上的设计,就是UI交互设计。UI交互设计包含了各式各样的交互效果,如下列刷新、进度条、图片轮播等,我就不再一一例举了。
从以上的案例不难看出,UI设计主要以界面美观为主,以静态的方式呈现居多(也有以动图动画形进行呈现)。交互方式是静态的。UI交互设计是在UI的基础上进行交互设计,以偏动态的形式存在。交互设计则以用户体验为主,以动态的形式存在。
AI (Illustration):适合创建徽标、图标、草图、排版和其他矢量图。
从使用的工具来看,UI设计主要以图形、图标、界面设计工具为主;交互设计主要以原型设计,交互设计工具为主;而UI交互设计则囊括了前两者使用的所有工具。
看完本文后,相信大家对UI交互设计,UI设计,交互设计三者的关系已经有所了解了。简单来说:UI是为了好看,交互设计是为了好用,UI交互设计就是好看又好用。如果想从事UI交互设计相关的工作。
首先先解答一下人机交互是什么吧,人机交互就是人、计算机技术以及两者相互影响的方式。
举个小例子:比如,你按一下MP3上的播放键,MP3开始播放音乐,这可以算作是简单的人机交互。
所以,“交互设计就是让人用的舒服,UI就是让人看的舒服”其实是不正确的,说这句话的人应该是把交互设计和UI设计割裂开了。UI设计本来就是交互设计,它不仅仅要考虑视觉上让人看得舒服,也要满足让人用得舒服的交互原则。
关于交互设计和UI界面设计之间的关系,我之前有做过详细的回答,题主可以看看:
其实交互设计在国内还算是比较新的,所以很多国人对于交互的理解都比较地片面,浏览上随便一搜交互设计,出现的清一色是UI设计的项目。
我在出国前也搞不清楚交互设计和人机交互还有UI设计的关系,后来被CMU的教授逼着每天看大量的文献和项目案例,才慢慢之前自己的思维太局限了。
希望大家看完之后能够对交互设计有一个更系统的认识吧,不要再叫我们UI设计师了呜呜,我们真的不是只做UI的。