UX 设计的完整指南

UX 设计改变了我们的生活 - 但它到底需要什么?设计师如何创造令人难以置信的产品?继续阅读,找出答案!

UX 设计就在我们身边。这是一个蓬勃发展的行业,数字产品在人们的生活中变得越来越重要。对用户体验设计师的需求从未像现在这样高,也没有放缓的迹象。

UX 设计领域广泛而多样化,包括导航设计以及可用性测试等。它为人们创造了完整的体验,解决问题,并创建数字桥梁。这是令人兴奋的,快节奏的,不断发展的。

这就是为什么我们创建了这个关于UX设计的完整指南。我们为您提供 UX 游戏的完整介绍,从基本理论一直到真正的设计师的采访和演示。让我们深入了解 UX 设计成为当前最令人兴奋的行业之一的原因。

什么是用户体验设计?

在宽幅笔画中,UX(用户体验)设计侧重于人(用户)与产品通过界面的交互。

事实上,UX 设计甚至不需要局限于数字产品。人们使用的一切都需要 Ux, 从微波炉到你需要按下的小按钮过马路。我们每天使用这么多东西,很容易忽视那些让我们很容易做到的事情。微波炉确实可以有可怕的UX-一个常见的例子是按钮图标,并没有真正解释太多,让用户感到困惑。使用微波炉的体验往往很容易设计

诚然,UX设计就是为用户创造良好而有意义的体验——通常是在网站和应用程序等数字产品中。创建应用意味着在几个屏幕中抛出几个元素,并希望开发人员能够将其实现。UX 设计旨在创造能够根据用户的生活和需求塑造自己的产品,这并不容易。

UX 设计可以扩展和触摸网站和应用程序的许多不同方面。用户将面对面的关键位,如按钮和导航。幕后的支柱,如用户旅程和帮助我们理解人们需要什么的研究。UX 可以被视为一把伞,涵盖任何给定应用的每一个小特征。

诚然,由于 UX 设计可以是一个涵盖多元化世界的广泛主题,因此很难将其全部固定到精确的定义。说到这里,所有用户体验都有一个相当直接的目标:提供良好的用户体验。

但是,是什么造就了一次美好的经历呢?这将取决于设计是为谁。高质量的UX设计总是来自像手套一样适合用户的产品。一般来说,你可以期待一个好的经验是实用的,型 UX 团队的结果,他们努力简化流程,使用户在退房时几乎无需考虑。没有努力,没有延误,没有混乱。这是很好的用户体验。

UX 设计:用户体验的关键部分

UX 设计非常广泛,因此考虑它包含或触及的所有内容可能会让人迷惑不解。愉快的和直接的。

当你对亚马逊上那台很酷的相机感到兴奋时,很容易忽略结账过程是多么简单和快速。事实上,结账过程是大

UI 设计:UI 设计和 UX 设计之间总是存在混淆。把两者分开的线在哪里?事实上,UI 设计只关注界面本身,包括布局、按钮和视觉层次结构等。它不包括诸如交互、动画、可用性测试或用户故事之类的内容,所有这些都是严格的 UX 设计领域。最终,UI 和 UX 设计必须协同工作,才能使任何产品真正成功

UX研究:了解用户的需求和需求不只是发生。设计团队投入资金、时间和精力进行定性和定量研究,以更好地了解用户。团队使用某些研究方法(如竞争对手分析)创建有助于设计人员工作的文档。这些文档是用户角色、用户故事或用户旅程等材料。UX 研究通常是为了了解用户并为项目找到正确的路径。

交互设计:这主要是关于定义产品在与产品互动时的行为。示例包括单击按钮时发生的情况、Instagram 心脏图标颜色的变化,或者某些元素如何移动以指示其可点击性。交互设计可以是一个广泛的主题,但毫无疑问,它对于帮助用户完成任务至关重要。

信息架构 (IA): 这是关于创建一个产品,人们可以理解和使用,而不是混淆用户谁永远无法完成任务或找到他们正在寻找什么。信息架构通常是为了以合乎逻辑的方式划分内容和组织一切,这样用户就不需要为查找存储项目或在查找联系表格时流汗而感到头等大事。

导航设计:通常被称为设计的骨干或用户在产品周围移动的高速公路。导航设计是让用户从 A 点到 B 点没有任何挫折感,以最小的努力代表用户。未能提供声音导航可能导致用户在未完成任务的情况下放弃您的产品,这是一场真正的 UX 设计灾难。值得注意的是,导航和 IA 携手并进,为用户创造优质体验。

可用性测试:可用性就是调查用户如何体验产品和对设计做出反应。这是所有关于观察真正的人和验证他们的行为是否是设计团队的意图。可用性测试本身就是一个世界,具有广泛的测试方法,值得全神贯注。请查看我们的可用性测试指南,了解更深入的了解。

原型和线框:原型和线框是设计团队在项目上投入的辛勤工作的体现。它们捕捉最终项目的外观、感觉和功能,并用于测试真实用户的设计。有线帧往往与功能有关,专注于导航和布局等内容。原型更高保真度,包括从交互到视觉吸引力的最终产品的所有细节。拥有专业的原型工具是必须的。

 

用户体验设计的基本原理

关于 UX 设计的真正基本原理,有许多不同的想法。一般来说,这些都是 UX 设计的关键部分,我们必须应用于我们创建的每一个产品。从确保新用户能够了解您的产品到可用性。让我们仔细看看。

1. 了解人和问题:研究

这是新手绝对需要了解的 UX 设计最基本的方面。在完成任何实际设计之前,设计团队必须抛开自己的假设和意见,以便进行一些重要的研究。

首先,我们为谁设计。谁是我们的用户?他们做什么,他们怎么生活?这个阶段是与了解我们的产品将解决的问题齐头并进。这些用户将被制作成一个或多个用户角色,在整个项目中,这些角色将留在团队中。拥有良好的用户角色很重要,因为它将帮助设计团队保持客观并鼓励同理心。现在是了解用户、其痛苦点和行为的时候了。

同样重要的是,团队还需要解决产品设计的实际问题。你想问这样的问题:问题多久发生一次?用户对此有多沮丧?为了摆脱它,他们愿意支付什么?请记住,真正令人印象深刻的解决方案可以解决令人印象深刻的问题。如果选择的问题不是一个大问题,那么解决方案也可能不会。

正如您现在可能已经猜到的,这些都是任何项目初始研究阶段的亮点。理解人们的行为并不容易,这当然不是一朝一夕的事。这项研究是一个漫长的过程,涉及面试,分析和大量的挖掘。

2. 以用户为中心的设计

通常被称为 UX 设计的支柱,以用户为中心的设计就是为用户创造量身定制的体验。整个概念鼓励设计师改变他们的心态,当涉及到他们为谁设计。

理由是,所有产品都是以人为本的——就像为人类创造的一样。但是你的产品不会被所有人使用。您的用户是特定的群体,具有特定的心理模型、偏好和需求。这些细节是设计师的面包和黄油,标志着需要反映在产品设计的东西。

以用户为中心的设计不仅仅是理解我们要解决的问题。这是关于理解围绕这个问题的上下文。从理论上讲,这将导致一个产品,真正适合用户像手套,因为它适应自己的心理模型。实际上,这意味着最初的用户研究将是广泛和痛苦的,因为它作为一个基础,一切都建立在它的基础上。

3. 战略和设计材料

从研究中,设计团队将开始了解用户及其问题。所有这些信息都为问题及其周围事物提供了背景,使设计师了解他们设计的人。这也被称为要求门集。一旦收集了所有这些信息,我们开始看到心态的某种变化。

设计师们现在从挖掘细节和信息,到试图理解所有这些信息——试图将其应用于设计。需要做出决策,例如如何处理问题或如何反映用户在产品中的需求。这些重要决策都对产品的战略起到了一定的作用。

我们开始看到未来解决方案中的细节,如主要和次要功能,技术能力开始讨论。战略需要仔细规划,因为它需要检查几个框:业务需求、用户需求以及可用性。

这种战略之舞是梦想一个产品,可以在财务上可持续,解决用户的问题,并提供良好的体验。最重要的是,一个关键的部分是将所有这些传达给内部团队,让每个人都保持在同一页——这带来了领导力和沟通的混合体。

一旦我们或多或少地知道我们所处的位置,我们想采取解决方案和可能的道路,那么是时候应用所有这些战略了。设计团队需要创建有形的可交付性,既能捕获各种因素,例如用户是谁,也要创建解决方案的精髓,如原型。

这些交付可以包括一切从心灵模型,用户角色,用户的故事和旅程一路到裸骨的线框。最终,一切都以原型为一体,随着项目的进展,保真度也会提高。当这些碎片聚集在一起时,有几轮测试来验证所有内容。

4. 可用性和可访问性

可用性是我们如何确保产品的现实符合我们的期望。毕竟,每个设计师最终都希望为用户提供良好的体验。他们所做的每一个决定,每一个小细节都经过精心策划,以便用户能够享受这一切——但事情往往失控。当设计师忽视用户并开始自行设计时,这种情况最常见——这是通往不良可用性的单向道路。

那么,我们如何确保设计在事情进展时忠于用户呢?事实证明,我们这样做的方式与确保用户能够实际使用设计的方式相同。我们再次测试、测试、测试和测试。

可用性测试是设计师验证他们迄今为止所做的工作的唯一方法,并且只能用原型实际完成。原型的细节越多,测试用户的体验就越现实——这会导致更准确的结果。当然,你可以测试一堆盒子和白色背景,但你必须用一粒盐来计算结果。一旦细节发挥作用,你可以开始信任人们在测试中的反应和行为。

事实是,可用性是一个连续的过程,一遍又一遍地发生。它可以采取多种形式,从我们与用户面对面的中度测试,到包括数千名测试用户在内的未经修改的测试。设计师可以用它来探索新的方向,以采取他们的工作,比较可用选项之间的性能或捕捉领域,以改善在已经存在的设计。这是一个自己的世界。

尽管在我们讨论可用性时,方法、工具和因素数量之多,但一些事情对所有人都是真的。这些东西是为什么没有设计师值得他们的盐放弃测试的好处和原因。查看:

降低开发成本。在完成任何编码之前对设计所做的更改都便宜,这已经不是什么秘密了。一旦代码进入,更改是麻烦和非常昂贵的。这就是为什么设计师急于测试一切,以便每个人都可以确保最终设计不会有任何灾难性的失败,需要改变产品。

提高保留率。即使一切都在线,可用性测试也会继续进行,以便您更好地了解产品的性能。为什么人们会放弃你的应用?为什么访问者离开您的网站而不购买任何东西?测试是识别销售漏斗漏洞的好方法,以便您的设计团队可以开始解决问题。

了解用户行为。了解用户对设计的反应、过程和感受非常重要。用户测试可以作为用户头脑的窗口,您可以客观地审视用户的行为并从数据中得出结论。

同样,我们还有可访问性的问题。这指的是我们可以采取的具体测试和设计措施,以确保所有用户都可以使用该产品。这侧重于残疾人用户,最有可能是在某些辅助技术的帮助下使用该产品的用户。查看我们的辅助功能测试完整指南,了解全面运行。

5. 尼尔森的设计启发式

这些都是经典。诺曼尼尔森集团制定了10条规则,适用于UX设计师掌握的所有产品。众所周知,这些是很难尊重的,特别是在同一产品中同时。有之,这些规则作为标准,当涉及到伟大的可用性,有效地设置所有设计的标准。

系统状态的可见性。这是一种说用户需要随时知道发生了什么的方式。由于人类无法真正与机器交谈,因此设计师需要表明命令已注册、加载了某些设备或正在检索某些数据。系统状态的缺失通常会导致用户一遍又一遍地按下相同的按钮。

系统与现实世界之间的匹配。这表明,数字产品在某种程度上需要与我们生活的物理现实相匹配。按钮需要看起来像按钮,书面文本必须感觉像一个正常的对话和信息需要以合理的方式提供。

用户控制和自由。人们需要控制产品中发生的事情,并从自己的错误中解脱出来。人们通常会后悔点击的按钮或发送的文本,它由设计师帮助用户摆脱这些错误的后果。像撤消按钮之类的东西在这里开始发挥作用。

一致性和标准。努力突破界限和创新是伟大的——但有一个正确的方法做到这一点。在 UX 设计方面,重要的是要记住,用户花费大量时间使用各种数字产品。这些产品设定了他们的期望,试图违背这些期望可能是灾难性的。用户期望汉堡图标是菜单,而不是反对这个假设,使用它对你有利。

错误预防。就像您想帮助用户从错误中恢复一样,您也希望最大限度地减少误差幅度。这是所有关于测试设计和查找最容易出错的区域,并相应地进行调整。而不是由于疏忽或有意识的错误滑倒,你希望有用户只是享受应用程序,而不是作出积极的努力,不犯错误。

识别而不是回忆。人们有可怕的长期记忆。这是生活的事实。因此,重要的是,您不希望用户记住他们在产品界面上看到的任何内容。任何重要的信息都应显示给用户或易于检索。

灵活性和使用效率。新用户可能会花时间探索产品,并使用最明显的路径来完成他们的任务。说到这一点,您希望创建快捷方式,为那些不是新手的人的设计增加一定的灵活性。如果人们会反复使用该应用程序,您希望它高效。

美学和极简主义的设计。这与流行的设计风格并不完全一样,而是任何屏幕的功能标准。您绝对不想在界面中包含无用的信息或不需要的东西。这些额外的元素可能会破坏屏幕的可见性,并创建一个杂乱无章的外观。在任何时候,只包括设计中必需的东西。

帮助用户识别、诊断和从错误中恢复。此启发式基本上涉及产品中发现的错误消息。屏幕上出现一个简单的"重试"的日子早已一去不复返了。良好的 UX 设计可帮助人们了解哪里出了问题,并引导他们找到恢复的方法。您需要向用户提供上下文的描述性消息。

帮助和文档。理想情况下,您希望产品简单易用,以便用户不需要任何帮助。然而,对于许多产品在那里,只是不可行。拿一个工具,如贾斯汀明德的原型工具。是的,用户可以学会自己使用它-但他们可能需要帮助与某些功能或特定任务。您希望拥有易于理解和易于搜索的文档,以便用户能够看到任何给定任务的实际分步细分。

 

网站和移动应用的 UX 设计模式

模式是人类长期处理的问题。毕竟,我们自然会寻找一切事物中的模式,并利用它们来理解我们周围的世界。在 UX 设计方面,模式已成为所有设计团队的关键工具。

设计通常涉及一个主要问题,产品本身寻求解决。除了这个问题,设计师们还面临着许多与人类行为密切相关的问题。这些问题可能是指用户缺乏时间搜索许多选项。或者,在主页上同时显示多个广告系列或帮助用户登录其帐户而不将所有信息写下来的问题。

无论设计团队在 UX 设计中面临什么具体问题,其他人都可能已经面临过。事实上,在我们设计数字产品时,这些问题的解决方案库会反复出现。这些解决方案称为设计模式,它们作为设计师可以依赖的重复解决方案。

用户体验模式和用户界面模式是一回事吗?差一点。UX 模式功能更强,指的是用户流等材料。UI 模式更注重界面,如布局和视觉层次结构。然而,大多数情况下,这两个术语是交换使用的。

设计模式往往涉及任何产品设计的以下方面:内容结构、数据输入和导航。的确,人们几乎可以在网上找到可用的模式,但如果设计师们已经认识到图案只是工作的主要领域——为什么不利用它呢?

需要记住的十大 UX 设计模式

1. 懒惰注册

这种模式在电子商务平台中尤其常见。其理念是,在实际结账之前,您不会要求用户登录或登录。它解决了那些想要在没有正式注册表的情况下体验网站的人的问题。

这允许新员工浏览并添加内容到他们的购物车,而无需担心创建帐户。最终,人们在结账时已经投入了资金。当他们已经知道自己想要什么,并且已经投入了时间选择项目时,要求他们的日志/登录信息更有意义。

2. 面包屑

大多数用户已经习惯了面包屑。我们都知道它们代表什么,面包屑成为UX设计的经典。它解决了让用户随时知道他们在产品结构中的位置的问题,同时也为更高的内容水平提供了捷径。

面包屑导航通常出现在拥有大量内容和信息的网站中,如电子商务平台或编辑风格的杂志和新闻杂志。它适用于信息层次明确的产品,对于小且只有几页的网站来说,这是一个不适合的选择。

你可以看看一些真棒面包屑的例子的灵感。

3. 左侧步骤

人们经常会迷失在漫长的过程中。长形式或结账过程等内容可能会持续,从而造成用户丢失或失去兴趣或注意力的问题。他们需要指导,类似于路线图的东西。

许多设计师转向左侧的步骤模式,它充当一个进度栏,让用户知道他们的立场,以及他们还有很长的路要走。它有足够的空间让设计师获得创意,酒吧是以最巧妙的方式,同时仍然完成工作。它们为需要它的用户提供上下文,并为疲惫的用户在隧道尽头充当灯光。

查看一些令人敬畏的进度栏示例,看看它是如何做到的。

4. 汉堡菜单

啊,汉堡包菜单。在移动应用中尤其常见,汉堡包菜单既受到关注,也受到一群激烈的批评。史诗般的3条小线,让人联想到即时识别的图标,用于解决移动设备上的屏幕房地产问题。

不可否认,这是实用的。我们可以创建一个健康的菜单,可以存储起来,以便用户只能暴露它,当他们需要它。随之而来的是一定的互动成本,以及汉堡菜单带来的真正可用性的一些争论。无论您身处何方,都不能忽视这样一个事实,即大多数用户会立即知道该图标,这本身就是一个巨大的好处。

5. 选项卡导航

标签是另一种设计模式,我们大多数人已经习惯了。鉴于此模式在大多数 Web 浏览器中使用,因此存在真正的熟悉度。Tab 导航解决了在显示用户随时所在的平面结构中组织内容的问题。

当您想要对内容进行分类时,Tab 非常实用,这样用户可以轻松地一次浏览一个内容,并在需要时快速更改选项卡。

使用选项卡的一些准则包括使用屏幕的整个宽度来维护选项卡的视觉平衡。最重要的是,只有在手头有许多不同的类别或类型的内容时,要小心使用选项卡 - 一个或两个类别的选项卡系统不起作用。

6. 渐进式披露

渐进式披露经常用于用户登机和复杂设置。主要,它解决了用户想要专注于手头的任务,而不会被其他东西淹没或分心的问题。

渐进式披露的工作方式与懒惰注册类似,是我们允许用户在处理注册或表格等事项之前进行投资的一种方式。它适用于需要缓慢地向用户介绍自己的产品,首先关注核心功能。其结果是,该产品在第一次使用时要容易得多,优先考虑用户的注意力,并创造更高效的体验。

7. 宽恕格式

宽容的格式是所有关于工作与用户给你什么。正如我们前面提到的,人类可以彼此大相径庭。这适用于写出数据输入,即使人们提到同一项目,也以许多不同的方式编写数据。

电子商务项目或地址和区域等内容可能有拼写错误的单词、缩写和缺失的单词,这些单词非常重要。为了我们大家的利益,宽容的形式是要解决的问题。

简言之,宽容格式需要用户写出来并努力解释这一点,而不是纠正用户或强迫他们更改他们写的内容。为了让这种格式工作,它需要涵盖一个特定的主题-如地址搜索。这样,无论用户如何表达自己,系统都可以连接这些点,而不会使用户沮丧或增加他们的认知负荷。

8. 卡

UI 卡是设计师经常依赖的另一种设计模式来显示内容。从理论上讲,它解决了显示形式和长度不同的内容的问题。话虽如此,拥有一个卡片系统可以充分利用网络和移动设计的空间。

当用户浏览时,卡网格系统最有效,而不是搜索特定的东西。它可以用来在视觉上将可消化的部分信息组合在一起,使其组织起来,但不会对用户造成巨大压力。设计人员可以添加卡片的交互性,以提升设计,并让每个卡片中的实际显示屏具有创意。

它们既直观又具有视觉吸引力,是一种令大多数用户满意的设计类型。

9. 帕金与连续滚动

这两种模式都涉及为用户提供内容。一方面,我们有内容问题,可以暴露为一个单一的连续页面,帮助用户毫不费力地使用它。这是当连续滚动进来。一个很好的例子是Facebook及其长期向下滚动用户的力量。它使一个无缝的体验,只是保持球滚动。

另一方面,我们有内容问题,需要细分为不同的部分,使其更容易消化和理解。那时我们开始做铺纸。通常,它配备了完全控制来来回移动,无论是到上一页和下一页,以及直接去到内容的开始或结束。

10. 页脚导航

另一种非常常见的设计模式:页脚导航。它主要解决了用户想要绕过主导航系统,直接进入产品中特定页面的问题。

此模式通常用于具有比其他页面更频繁访问的特定页面的网站,例如经常提问的页面。它可以是一个有用的方法来添加快捷方式,而不必担心网站的一般等级。

UX 设计就是创造人们真正能够享受和依赖的东西。这是关于了解你为谁设计,并听取用户告诉你,同时仍然创新和使用大量的创造力。

希望,你现在非常适合在UX设计的世界开始自己的冒险!无论是继续你的学习,创建自己的投资组合或跳进工作寻找UX工作。无论你选择哪条路, 它可能是令人兴奋的, 我们在贾斯汀明德为你欢呼!

原作者:Rebeka Costa

本页面最后更新于 2021年06月05日 10:12