每个设计师都应该知道的 UX 设计技巧

已发表: 2019-05-24

确定完美的用户体验设计可能是一项艰巨的任务。 不同的用户群有不同的需求和技能水平。 对一个人有用的东西可能对另一个人完全失败。 重要的是要进行充分的研究,以确保您提出的设计与您的目标受众完美匹配。

有这么多设计技术,很难选择适合您的情况并开始工作! 此副本将指导您使用最佳设计技术来帮助您创建用户友好的应用程序。

首先,您需要收集和分析有关未来产品的所有信息:所有者和用户对产品的期望、主要用户流以及应用程序的整体架构。 以下是最流行的研究技术。

利益相关者访谈

利益相关者是组织外部或内部的领导者、下属、同行或客户,他们可能与您的产品的使用发生交互或受到影响。 与利益相关者进行对话让您有机会了解您的用户可能会如何使用您的产品,并有助于定义什么是重要的,以提高关键性能并专注于关键功能。

提前协商会议的日期和时间,并创建问题清单。 例如,问题列表可能如下:

a ) 项目愿景:

  • 什么定义了您的产品的成功?
  • 告诉我们您对产品的看法。

b ) 公司:

  • 公司的历史是什么?
  • 公司的目标是什么?
  • 您认为谁是主要竞争对手?

c ) 用户:

  • 你能描述一下你的目标受众吗?
  • 您的用户有哪些不同类型?
  • 你知道应用程序的主要使用上下文吗?
用户访谈

与利益相关者访谈类似,用户访谈是一种有效的研究技术,可让您从当前用户群中获取有用的信息。 通过更全面地了解您的用户以及他们可能如何使用您的产品,可以确定功能集并开始设计。 它可以帮助您确定需要修复的内容以及以后可能需要添加的潜在新功能。

对于特定业务领域的应用程序,用户访谈是获取有关您可以通过产品解决的行业痛点的有用信息的好机会。 您可以询问专业背景、他们使用您的应用程序的主要目标以及他们面临的最常见问题并希望解决。

就像利益相关者访谈一样,用户访谈也需要深思熟虑的准备。 首先,明智地选择面试人员。 您可以通过社交网络、社区组织或社交俱乐部找到用户。

在你找到人之后,清楚地定义你的面试目标并为此准备问题。 避免像“你使用 Instagram 吗?”这样的引导性问题。而是问“告诉我你使用 Instagram 的经历”。 跟进问题可以促进富有成效的讨论,并且可以涵盖您忘记询问的见解。

让被采访者感到舒适,不要用冗长的采访来惹恼他们。 在面试过程中,记录所有答案。

仅依靠这种技术可能会成为您的项目失败的原因。 这种技术有几个陷阱:

  • 不幸的是,人们所说的并不总是等于用户所做的。 人类的记忆力并不完美,因此受访者无法记住他们使用网络或移动应用程序的所有细节。 当他们无法记住这一点时,有时他们宁愿编造故事,也不愿说自己无法在记忆中回忆起来。 他们的故事可能听起来合乎逻辑,但并没有显示真实情况。
  • 小团体不能代表全体观众。 在大多数情况下,只有两三个小组,有六到八名参与者。 参与者的虚拟观点不能代表整个目标受众的愿景。
  • 团队领导会影响人们所说的话,而内向的人很少分享他们的意见。 在线进行研究可能是消除这两种情况的好方法。 根据研究,您可以组成小组,但与每个参与者一一交谈。
任务分析

任务分析是对完成操作或任务需要采取哪些步骤的研究。 您将能够了解当前产品的工作原理以及它使用的数据以何种方式流动。 它使每个人都能够更轻松地确定首先需要处理产品的哪些部分。

此技术可帮助您了解用户试图在您的应用中实现的目标、他们为实现该目标所采取的步骤以及他们在采取这些步骤时面临的问题。

有两种类型的任务分析——层次分析和认知分析。 进行分层任务分析的算法如下:

  1. 定义一项您要分析的任务。 选择要分析的角色和场景。 定义此任务的预期结果以及为实现目标而采取的步骤。
  2. 将任务分解为几个子任务。 但是不要过分创建太多抽象的子任务。 在大多数情况下,五到九个子任务就足够了。
  3. 创建用户执行的每个操作的图表。
  4. 创建图表后,写一个关于用户如何完成此子任务的详细故事。
  5. 完成工作后,请查看您的分析。 将其交给另一位未参与分析但了解任务细节的专家进行审查。

例如,这是在 Bestbuy.com 上购买游戏鼠标的任务分析示例。

UX Design Techniques

认知任务分析涉及采取相同的步骤。 但除此之外,您应该分析新手和专家将如何完成这项任务。

用例或行为图

它是用户行为的直观表示。 它显示了不同类型的用户可以采取哪些操作。 例如,您应该创建一个贺卡应用程序。 在应用程序中,您有两种类型的用户——祝贺者和生日人。 祝贺者通过 Facebook 登录并从他们的 Facebook 好友列表中选择一个生日人物。 之后,他们从列表中选择卡片,写下愿望并发送给生日人。

生日人收到礼品卡后,可以在应用程序中查看、点赞或回复。 如果生日人尚未安装应用程序,他们会来到应用程序商店并安装应用程序。 行为图将如下所示:

UX Design Techniques

用户故事或行为规范

这是与您的应用程序的每次交互的书面描述。 所有用户故事都以“作为用户,我想……”开头,然后你写下用户可以采取的可能行动的描述。 例如,“作为用户,我想查看我的订单历史记录,以便访问的订单选项卡并单击订单历史记录按钮。

创建用户故事后,您可以开始规划 sprint 并为每个用户案例设置优先级。 还可以定义实现用户故事中描述的功能所需的时间。 此外,您可以开始处理用户流。

用户流

这是一个图表,显示了用户在应用程序中执行的常见步骤顺序。 这种技术帮助用户体验设计师确定哪些步骤可以重新设计或改进。 这是用户流程图的示例。

UX Design Techniques

如您所见,每个形状都有一定的定义。 红色箭头定义了新用户的路径,而蓝色箭头定义了注册用户的路径。 圆形意味着错误和空中飞人——用户决定。 同样,您应该在创建用户流之前为每个形状定义一个定义。

思维导图

虽然创建用户流程是为了定义应用程序中每个页面上的功能,但思维导图允许设计人员查看产品的整体架构。 它是应用程序所有部分及其相互关系的图形表示。

创建思维导图不会花费很多时间,这是该技术的主要优势之一。 您可以轻松找到用于创建思维导图的在线工具。 借助这项技术,您不会浪费时间介绍和讨论应用程序的功能。

例如,这是一个名为My Day的倒计时应用程序的思维导图,您可以在 Apple 应用程序商店中找到它。

UX Design Techniques

线框

在您收集了所有信息并构建了应用程序的架构之后,就该进行设计了! 建议从线框、Web 或移动应用程序的布局开始,以显示元素将如何放置在特定页面上。

线框图可帮助您让客户参与设计流程并更有效地进行更改。 因此,这种技术可以节省您的时间——在设计完成时更改线框图比更改某些内容要容易得多。 如果您有为您的应用程序设计内容的文案,他们可以衡量每个页面上内容的长度。

另一方面,这是应用程序开发的另一个步骤,也需要时间和精力。 此外,线框可以被认为是设计师的限制。 他们必须坚持这个骨架,所以把创造力抛在脑后。

您可以在纸上绘制线框或使用特殊工具。 下面,您可以看到为健身中心平台创建的线框示例。

UX Design Techniques

原型

原型是对 Web 或移动应用程序功能和导航的模拟,它允许您在应用程序设计传递给编码人员之前与您的应用程序进行交互。 借助 invisionapp.com 或 mockup.io 等原型设计服务,您可以上传线框或模型,并获得带有可点击按钮的应用程序。

可用性测试

您不应忽视的下一步是测试您的应用程序。 可用性测试是您在用户与您的产品交互时观察他们以查明产品中的故障或潜在改进领域的地方。 可用性测试可以推广到整个产品,也可以根据您的需要在产品的一个单一任务或过程中进行磨练。 您可以阅读有关网站可用性测试的单独文章。

A/B 测试

A/B 测试是一种向用户提供不同版本产品的技术,以比较两个平台之间的接受度和易用性。 它可以帮助您测试小的设计调整和功能,以查看它们是否按设计工作。 例如,有一个为 Runkeeper 应用程序进行的 A/B 测试。

UX Design Techniques

眼球运动追踪

利用眼球运动跟踪,您可以了解您的 UX 布局如何流动以及您的用户如何浏览界面。 此技术可帮助您优化用户界面的外观和感觉,并可以帮助您缩小需要改进甚至删除的功能和内容的优先级。

结论

为产品提出新的设计或布局有时可能会令人生畏,但通过利用上述一些技术,它可以变得更加容易! 下次尝试其中一些,您可能会发现设计和开发过程的进展速度要快得多,您的用户最终可能会得到更好的产品!