UX设计人员负责产品的整体功能,而用户界面(UI)设计人员则主要关注产品的布局方式以及产品的视觉传达元素。
例如,UI设计器将确保用户将体验到的每个页面,屏幕或其他步骤均在用户体验设计器已创建的路径内进行设计。他们还负责维护整体一致性,并在产品的整个视觉传达中实施样式指南。

用户界面 和UX设计有什么区别?这种区别通常在许多人身上消失了。
另一个至关重要的区别是,与UX设计人员不同,UI设计人员掌握前端开发和编码技能并不罕见。这是因为它们负责实际构建交互式界面,而不仅仅是根据UX设计人员的意图进行设计。
挑战
由于许多人对UX和UI之间的差异感到困惑,因此看到公司雇用一个人来填补这两双鞋并不奇怪。本指南将帮助您弄清这两种设计实践之间的区别,并帮助您了解如何确定理想的新UI设计器。
用户界面设计师的职位发布往往只包含有关雇主认为UI设计师的信息,并且方向相反。
第一个方向是将用户界面设计师视为整体的图形设计师。这导致分配诸如商标,插图甚至印刷设计之类的任务。
另一个方向最终是招募UI设计人员来完成UX设计人员的工作。如果雇主不知道两者之间的差异,或者出于经济原因,就会发生这种情况: 聘请二合一设计师.
不用说,这两种极端都不是看待潜在的UI设计师的正确方法,而这实际上是该行业当前的挑战。
Google产品设计师Luke Wroblewski解释说:
信息架构定义了信息的结构。交互设计使人们可以操纵信息并做出贡献。视觉设计将这些可能性传达给人们。用户界面是所有这些东西的总和。”
如您所愿,到现在为止, UX设计人员和UI设计人员是两个完全不同的角色,不应雇用一个人同时担任这两个角色。
用户界面(UI)设计器面试问题
像其他任何与技术相关的工作一样,专职和兼职UI设计人员的职责,可交付成果和要求一直在扩展和变化。因此,这是您的下一个UI设计师应该熟悉的面试问题列表,并且应该能够毫无疑惑地回答。
问:为什么线框图很重要?您自己使用/创建线框吗?
在大多数团队中,一旦收集了必要的用户信息和数据,UX设计师便会创建线框。虽然这并不意味着您的UI设计师 对线框图一无所知,因为在许多团队中,仍然是UI设计师(或两者兼有),其职责是创建线框。毕竟,每个UI设计人员都必须知道如何 “读” 并了解给予他们的线框。
当被问到上述问题时,您的潜在UI设计人员应按照以下方式给出答案:
线框最终是呈现网页,站点或屏幕的阶段,步骤,功能,结构和内容的可视化工具或蓝图。线框旨在简单而基本,缺少诸如版式,颜色或图形之类的设计元素,因为线框的首要目的是代表功能。
问:如何在工作流程中实现原型制作?
与线框图类似,UX设计人员通常提供原型制作。因此,任何UI设计人员都应了解在工作流程中为什么进行原型制作以及如何使用原型。
简而言之,原型设计是出于设计探索和节省时间的目的。为了确保UI设计人员不会浪费时间设计和重新设计特定的用户交互,我们使用原型来创建有关如何使用设计元素的模型。
原型使UI设计人员可以识别可能与UX设计人员或架构师意图冲突的任何潜在问题。
问:您如何与UX设计器和开发人员进行协作?
您的潜在用户界面设计师应该很乐意回答这个问题,主要是因为UX和UI设计师都是专注于设计的,因此他们经常相互理解,而没有太多解释。
当UI设计人员需要调整,更改,添加或删除UX设计人员提供的某些内容时,应将其交流重点放在线框,UI元素,角色以及将如何影响整个用户旅程上。 UI和UX设计师还应该测试产品,并在开发阶段向开发人员提供反馈。所有这些要素导致了一个凝聚力强的设计团队。
问:什么是审美可用性效应?
这是一种现象,指出外观美观的设计将比不那么吸引人的设计始终被认为更实用,即使事实并非如此。
两位研究者香村香织(Kaori Kashimura)和黑木正明(Masaaki Kurosu)在东京日立的研究中证明了这一现象。他们要求测试参与者评估界面的美观性和可用性。最终的研究结果证明,即使试图从功能方面评估界面,用户最终仍然会受到界面美学方面的强烈影响。
优秀的UI设计人员应牢记,这种影响很容易对用户的意见产生超出预期的影响。反过来,这可能会影响用户的行为以及他们对使用设计的系统有多么容易的看法。
问:什么是原子设计及其五个组成部分?
这是Brad Frost在2013年引入的一种相当新近但得到广泛认可的方法。创建Atomic Design的目的是设计界面,该界面专注于设计元素及其组合,而不是一个一个地设计网页。这是创建此方法的基本解释。了解其所有五个组成部分应为您的准设计师提供一些黄金分。
-
原子: 这些是最小和最基本的构建基块。它们被应用到Web界面,作为标签,输入字段,文本框,按钮等。它们还可以包含颜色,调色板,字体等。
-
分子: 当原子结合在一起时,我们得到分子:原子团,结合在一起,是化合物的最小基本单元。分子也可以具有自己的特性。
-
有机体: 生物是通过使用分子作为我们的基础材料而形成的。当分子连接在一起时,它变成了已创建的界面的相对复杂且截然不同的部分:生物。
-
范本: 这个阶段对客户来说应该已经很有意义了。可以理解,模板大部分是由有机体组成的页面。在这个阶段,我们可以看到布局等事物。
-
页数: 这用作模板的特定实例,以准确了解最终输出的外观。页面最终成为最高级别的保真度,这使UX和UI设计人员可以一起测试设计系统的有效性。
问:您如何确保与时俱进?
数字设计一直在变化;它的标准一直在提高。因此,您的准设计师可能会犯的最严重错误是与他/她所代表的行业不合时宜。
要想很好地回答这个问题,应包括候选人最喜欢的资源,书籍,博客,播客或YouTube频道,他们将密切关注最新的行业信息。听到启发候选人的设计师也会很有用。优秀的设计师知道,灵感永远不足,创意资源不足,知识和知识不足。因此,您可能希望看到您的潜在设计师对此问题“照亮”。
问:什么是号召性用语(CTA)? UI Designer应该关心它吗?
CTA是最重要的条件之一 这 最重要的要素是创建网站,平台,应用程序和数字界面的原因。简而言之,它是一个元素,将提示用户采取某些所需的操作;购买产品,下载报告,共享内容,捐款等行为。用户体验设计师的线框图和原型的一部分应确定号召性用语,理想情况下,这将说服用户参与。
优秀的UI设计人员应始终注意CTA指示,并应确保在设计此元素时引起大量关注。在大多数情况下,它需要特定且更加突出的颜色样式,不同的大小,版式,放置和对齐方式,这些都是UI设计人员控制的。
问:您对色彩理论和色彩心理学了解多少?
对于一个好的UI设计人员来说,回答这个问题永远不会是一个问题。这是基础思想。色彩理论基本上是一组指导原则和法律,旨在通过非常特定的方式使用色彩来触发情绪,设置情绪并引导某人的注意力。
本质上,颜色理论和心理学由两个颜色组组成:暖色和冷色。众所周知,橙色,黄色和红色等暖色可唤起人们的热情,活力,积极性和幸福感。绿色,紫色和蓝色的冷色调营造了一个值得信赖的,平静,轻松和和平的环境。
每种颜色也具有其固有的唤醒某些情绪的能力。例如,红色传达了危险,注意和危险的暗示。
总而言之,优秀的UI设计师将始终使用色彩理论和色彩心理学的力量来增强所需的信息。
问:您对用户界面(UI)样式指南有何看法?
在回答这个问题时,您的候选人应涵盖以下方面:什么是UI样式指南,为什么创建它,其用途是什么?应聘者在使用样式指南时有什么经验?
与Atomic Design相似,将创建,使用和维护UI样式指南,以确保产品,网站,应用程序或具有不同界面阶段的任何其他类型的设计项目之间的一致性。
样式指南涵盖了从品牌,颜色,版式,布局到为特定公司专门设计的一组标准的所有内容。它们用于提高各个团队的工作效率,并使新成员的入职流程更加简单,有效和敏捷。
问:您认为元素映射在您的工作中有多重要?
每个优秀的UI设计师都会在设计元素时考虑其形状,形式,大小,颜色,位置和对齐方式。这意味着您的候选人应该了解元素映射是设计工作的关键部分。
简单解释,映射是控件及其效果之间的隐含关系。如果元素创建了用户期望的效果,则该元素具有良好的映射。
例如,考虑一组水平对齐的图像,这些图像可以向左或向右移动。在其下方应该是控件或按钮,指示这些图像可以移动到任一侧。要将图像移到左侧,您希望单击与左侧对齐的按钮。因此,实际上将该按钮向左对齐确实符合用户的期望,这意味着该元素具有良好的映射。
问:什么是最低可行产品(MVP)?
有时,设计师创建以自我为中心的作品。当UI设计师满足所有UX要求时,就会发生这种情况,但他/他会继续添加设计作品以利用他或她的创造力,或者测试新的实践,或者根据喜好添加设计师认为必要的元素。和偏好。
MVP的工作方式相反。这意味着创建和设计产品的基本版本,供早期采用者购买或使用。主要目标是尽快将产品推向市场,而没有任何不必要的功能。
根据实际用户的反馈而不是设计师的想法和假设,添加了其他功能和设计元素。世界上许多最受欢迎的产品都是通过MVP实践开发的; Twitter就是一个例子。
问:您认为“移动优先设计”有效吗?为什么?
理想情况下,您的候选人将解释说,当响应式Web设计(RWD)引入并获得普及时,便创建了Mobile-First Design实践,以使设计师的工作更加有效。
在这种实践中,设计从最小的预期屏幕尺寸开始,然后才在较大的屏幕尺寸上进行增强。这种方法可以节省时间并提高设计师的效率。当设计过程从大屏幕开始时,设计人员往往会在以后尝试将元素放置到小屏幕上时遇到困难。
问:如何将Ockham's Razor应用于您的设计工作?
这个原理和帕累托原理一样简单 (也称为80/20规则)。它只是说,只要我们必须在两个选项之间做出决定,就应该选择最简单的一个。
在两个设计或两个具有相同功能的设计元素之间进行选择时,UI设计师会使用Ockham的Razor。应该始终选择简单而不是复杂。换句话说,他/她需要选择较少假设的选项。
问:您对参与式设计有何个人经验?
如果未描述个人经历,则您的潜在UI设计师至少应以自己的语言告诉您“参与式设计”的含义和用途。
本质上,这个词意味着让所有人 (员工,合作伙伴,客户,利益相关者,最终用户) 参与设计过程,以确保最终产品符合他们的需求,期望并可以由他们自由使用。
问:何时使用样式图块?
样式图块类似于Atomic Design方法,原型,线框或样式指南。样式图块在那里使客户更容易( 最终用户),以了解初始网站,产品或应用程序的外观。样式图块被认为是情绪板和模型之间的某种东西。
实际上,它们通常用于替换传统的第一个模型。在大多数情况下,样式图块是在设计生命周期的早期生成的,当然早于模型。样式图块还以更快地获得更好的反馈感而闻名。
问:如何有效利用视觉重量?
就像号召性用语(CTA)和颜色理论一样,视觉权重是UI设计师应具备的基本知识的一部分。视觉重量意味着赋予设计元素 “力量” 脱颖而出并引起用户的注意。
并非所有元素都具有相同数量的 “沉重”。例如,CTA元素比简单标签或抽象图像更重要。给予更高的水平 “重的” 通常通过使用对比来达到某些元素的效果。
这不一定是颜色的对比。也可以是位置或大小的对比。 CTA按钮可能看起来更大(或更重),因为它的设计比周围的元素要占用更多的空间。这样可以增加视觉效果(更重要 )。
问:您能否指导我完成设计决策?
最后,确定您的新设计师是否知道如何做出良好的设计决策是一个很大的问题。要求应聘者查看他或她设计的作品集,或他/她设计的实时产品,网站或应用程序,并在介绍不同方面和要素的过程中逐步引导您。
理想情况下,您应该希望听到设计师为何决定给按钮指定大小,形状,颜色,位置和对齐方式的原因。该问题应揭示所有设计思想。这表明他/他设计的所有内容都是有意的,不是实验性的或偶然的。