我需要哪些用户体验工具来创建我的作品集，以及如何学习它们？

“我应该学习哪些用户体验工具才能构建我的作品集？” “我如何学习用户体验工具？” 我们经常收到这些问题 在交互设计基金会。 如果您刚开始接触用户体验，您可能也会遇到这些棘手的问题。 因此，在这里，我们将介绍您需要了解的有关用户体验工具以及如何学习它们的所有信息。

系好安全带——这将是一次有趣的旅程！

您的产品组合需要哪些用户体验工具？

出色地， 这取决于。 很抱歉，没有一刀切的答案。 您需要什么工具取决于您将通过您的作品集申请什么角色。

例如，如果你想成为一名用户研究员，你应该专注于进行用户测试、采访用户并展示你的发现。 尽管可能有一些工具可以帮助您，但您可以在没有任何“UX 工具”的情况下有效地完成这些任务。 另一方面，如果您想成为一名通才用户体验设计师，您可能需要进行线框图并创建高保真原型，并且您可能需要专门的原型设计工具。

事实上，如果您正在考虑您的产品组合需要哪些用户体验工具， 你问错了问题。 根据我们回答问题的方式，您可能已经得到了一些暗示。 您看，您“需要”使用的用户体验工具取决于您的用途 需要 首先要做的事情。

提出正确的问题将帮助您成为一名出色的用户体验设计师。 作者/版权持有者：Teo Yu Siang 和交互设计基金会。 版权条款和许可：CC BY-NC-SA 3.0

换句话说， 你应该问自己需要做什么用户体验活动 而不是您需要什么用户体验工具。 工具仅仅是，嗯， 工具 帮助您实现您想要的成果。 首先询问工具是本末倒置——你会被最新工具的炒作所迷惑，而忽视了作为一个用户体验设计师首先应该做什么。

那么，您应该使用哪些工具？

如果你已经仔细考虑过 什么 您想要实现的目标，这里有一些我们为不同的 UX 任务推荐的工具（或更类似的资源）。

为了帮助您，我们将这些工具分类为主要的用户体验任务，并对每个工具进行了结构化，以向您展示其价格、功能和缺点。

我们不会从我们的建议中赚取一分钱，并会尽力做到客观。 然而，下面要介绍的工具太多了。 您应该进行额外的研究，看看是否有其他工具可以满足您的特定需求。 有些工具还提供学生折扣，因此您应该在他们的网站上了解更多信息。

问卷工具

当您想要进行定量用户研究、获取客户反馈或实施筛选器来选择访谈参与者时，您将需要某种形式的问卷工具。 我们推荐：

谷歌表单

Google 的表单是免费的，但功能强大，足以满足大多数用户研究目的。

网站： https://www.google.com/forms/about/

Google 的免费表单工具用途广泛且功能强大，有多种问题类型供您选择。 作者/版权所有者：谷歌。 版权条款和许可：合理使用。

价格

特征

• 访问各种问题类型，从多项选择题、简答题到段落和线性比例问题。

• 高级逻辑：您可以将调查拆分和分支为多个页面，并根据答复跳转到问题。

• 在表单中分析结果或将其导出到表格以进行进一步分析。

• 协作：您可以邀请团队成员编辑和查看结果。

缺点

• 不多，考虑到它是免费的！

• 看起来不错，但并不漂亮。

类型

Typeform 是调查行业的一个相对较新的公司，它以其令人难以置信的精美设计引起了轰动，该设计增强了填写调查问卷的用户体验。

网站： https://www.typeform.com/surveys/

Typeform 一次专注于一个问题，键盘友好且设计精美。 作者/版权所有者：Typeform。 版权条款和许可：合理使用。

价格

• 免费：3 份表格，每份表格 10 个问题，每月 100 条回复。

• 35–70 美元/月：具有高级功能的专业版。

功能（免费版）

• 创建设计精美的表单，这可能有助于提高完成率。

• 访问广泛的问题类型。

• 获取调查回复的指标和分析。

• 将您的回复导出到 Google 表格。

缺点

• 使用免费套餐，您无法在调查中使用逻辑（例如，根据答复跳转问题），这是一个很大的缺点，因为您会发现很难根据答复提出后续问题。

• 免费套餐没有协作功能。

调查猴子

SurveyMonkey 是最受欢迎的调查工具之一，这是有充分理由的。

网站： https://www.surveymonkey.com/

SurveyMonkey 的表单非常优雅，其更新的设计灵感来自 Typeform。 作者/版权所有者：SurveyMonkey。 版权条款和许可：合理使用。

价格

• 免费：每张表格 10 个问题和 100 条回复。

• 37–99 美元/月：无限的问题和答复，以及其他高级功能。

功能（免费版）

• 创建用户友好且设计良好的表单。

• 获取您的回复的指标和分析。

• 访问广泛的问题类型。

• 调查模板：40 个简短的调查模板，可用于快速设置调查。

缺点

• 您无法在免费版本中导出回复，这是一个很大的缺点。

• 免费版本中没有逻辑（根据回答跳转问题）——另一个很大的缺点。

• 免费套餐没有协作功能。

流程图工具

当您整理想法或数据、绘制用户流程或生成站点地图时，您可能需要流程图工具来加快工作流程。 以下是您可以使用的一些很棒的工具：

清晰图表

LucidChart 是一款流行的流程图应用程序，部分原因是免费版本功能丰富，非常适合自由职业者或初级设计师。

网站： https://www.lucidchart.com/

LucidChart 具有直观的拖放界面。 作者/版权所有者：LucidChart。 版权条款和许可：合理使用。

价格

• 免费：供个人使用，文档中最多 60 个对象。

• 4.95–20 美元/月：具有无限的对象和高级功能。

功能（免费版）

• 通过易于使用的拖放界面创建流程图。

• 基于网络，因此您可以在任何操作系统上使用它。

• 实时协作。

缺点

• 免费版本限制您创建 和 查看最多包含 60 个对象的图表。

• 基于网络，因此您需要访问互联网才能使用它。

微软Visio

如果您使用过 Office Online 工具套件，Microsoft 的流程图工具功能丰富，并且具有熟悉的 UI。

网站： https://products.office.com/en-us/visio/flowchart-software

Microsoft Visio 具有与 Microsoft Office 应用程序套件类似的 UI，这意味着您可能无需学习使用它。 作者/版权所有者：微软。 版权条款和许可：合理使用。

价格

• 基本在线版本 5 美元/月（包年计划）。

• 桌面应用程序和 Office 365 15 美元/月（按年计划）。

• Visio Standard 2019 桌面应用程序售价 250 美元。

• Visio Professional 2019 桌面应用程序售价 480 美元。

特征

• 通过易于使用的拖放界面创建流程图。

• 与 Microsoft Office 类似的 UI，因此您可能没有任何学习曲线。

• 通过链接、附件、图像或 PDF 形式在线分享您的图表。

缺点

OmniGraffle

虽然 macOS 应用程序 OmniGraffle 经常用作线框图工具，但它还具有一些强大的流程图功能可供您使用。

网站： https://www.omnigroup.com/omnigraffle/

在 OmniGraffle 中创建高级流程图非常简单，如其视频的屏幕截图所示。 作者/版权所有者：OmniGroup。 版权条款和许可：合理使用。

价格

特征

• 通过易于使用的拖放界面创建流程图。

• 将流程图导出为多种格式，例如 PDF 和 SVG。

• 您还可以使用它来创建线框甚至高保真原型。

• 桌面应用程序，因此您可以离线使用它。

缺点

低保真原型设计/线框图工具

在设计过程的早期阶段，您需要创建快速而粗糙的原型来与用户一起测试它们。 虽然您可以用铅笔和纸完美地完成此操作，但这些工具可能会帮助您更快地工作。 另外，您可以轻松撤消并快速进行更改。

奇迹

虽然 Marvel 可用于创建高保真、像素完美的原型，但它作为支持交互和动画的快速线框图工具而大放异彩。

网站： https://marvelapp.com/

Marvel 的快速拖放 UI 模板界面可让您快速创建线框图。 作者/版权持有者：漫威。 版权条款和许可：合理使用。

价格

• 免费：1 个用户，2 个项目。

• 12–84 美元/月：无限的项目和高级功能。

特征

• 使用简单的拖放界面创建线框，并使用适用于不同设备和操作系统的 UI 模板。

• 基于网络，因此您可以在任何操作系统上使用它。

• 向线框中添加交互和动画，以进行更真实的用户测试。

• 您的团队成员和/或客户可以向设计添加评论。

• 您还可以使用它来创建高保真原型。

缺点

巴尔萨米克

Balsamiq 是最早的快速原型设计工具之一，由于其对快速创建线框的敏锐关注，至今仍然具有重要意义。

网站： https://balsamiq.com/

Balsamiq 专为快速线框图而构建，它使用非像素完美的 UI 元素来增强您使用它创建的原型的快速性和肮脏性。 作者/版权所有者：Balsamiq。 版权条款和许可：合理使用。

价格

• 9 美元/月：网络应用程序，有 2 个项目。

• 49–199 美元/月：网络应用程序，20 个及以上项目。

• 89 美元/用户：桌面应用程序。

特征

• 使用简单的拖放界面创建线框，并使用适用于不同设备和操作系统的 UI 模板。

• “手绘”外观非常适合早期探索和测试。

• 专为创建低保真原型而设计，因此您可以专注于粗略的笔触而不是细节。

缺点

OmniGraffle

正如我们上面提到的，您还可以使用 OmniGraffle 来创建线框。

您不仅可以使用 OmniGraffle 创建流程图，还可以创建线框图。 作者/版权所有者：OmniGroup。 版权条款和许可：合理使用。

价格

特征

• 使用简单的拖放界面创建线框，并使用适用于不同设备和操作系统的 UI 模板。

• 对线框中的矢量形状和文本进行微调控制。

• 您还可以使用它来创建流程图。

缺点

高保真/像素完美的原型设计工具

如果您正在考虑用户体验工具，您可能会想到创建像素完美原型的工具。 这些工具在投资组合中最受关注，主要是因为您可以使用它们创建视觉上令人愉悦的最终结果。 请记住，您的作品集还应该在结果之上展示您的设计过程！ 不要狭隘地关注看起来漂亮的东西而忽略设计过程中的其他重要部分。

以下是我们推荐的高保真原型制作工具：

草图

Sketch 于 2010 年发布，彻底改变了原型制作行业。 您现在发现的大多数原型应用程序都是根据 Sketch 建模的，这充分表明了 Sketch 的优秀程度。

网站： https://www.sketchapp.com/

Sketch 是创建像素完美原型最流行的工具之一。 作者/版权持有者：素描。 版权条款和许可：合理使用。

价格

特征

• 专为创建像素完美的原型而设计。

• 直观、美观的用户界面，具有对矢量、文本和图层的高级控制。

• 您可以使用“符号”功能创建库和设计系统。

• 向您的设计添加简单的交互和动画，并在手机上预览您的移动设计以进行测试。

• 大量的第三方扩展支持意味着您可以找到一个插件来添加您需要的功能或将设计交给开发人员。

• 持续更新确保应用程序保持相关性：Sketch 每年发布约 20 次更新。

• 您还可以使用它来创建低保真原型和线框图。

缺点

• 仅在 macOS 上运行。

• 相当昂贵：虽然完全合理，但如果您是自由职业者或刚开始从事用户体验工作，它可能会超出您的预算。

Adobe XD

Adobe XD 是创意套件巨头对 Sketch 的回应，Sketch 已经取代 Photoshop 和 Illustrator 应用程序成为默认原型应用程序。 它在 Sketch 6 年后发布，从中汲取了很多灵感。 与 Sketch 不同，XD 有免费版本。

网站： https://www.adobe.com/products/xd.html

在 Adob​​e XD 上创建像素完美的原型。 作者/版权所有者：Adobe。 版权条款和许可：合理使用。

价格

• 免费：1 个活跃的共享原型和设计规范。

• 9.99 美元/月：完整的 Adob​​e XD 应用程序，具有无限的活动共享原型和设计规范。

• 52.99 美元/月：完整的 Adob​​e Creative Cloud 应用程序套件，包括 XD、Photoshop 和 Illustrator。

特征

• 几乎与 Sketch 具有相同的功能，但差异过于微小和详细，无法在此描述。

• 在 Windows 和 macOS 上运行。

• 与 Adob​​e CC 应用程序套件（如果您支付最昂贵的层费用）和组合平台 Behance 集成。

• 如果您刚刚开始接触用户体验，免费套餐非常有吸引力。

缺点

• 如果免费套餐对您来说太有限，则 Adob​​e XD 的付费版本比 Sketch 稍贵，而完整的 Creative Cloud 套件则要贵得多。

• 对第三方插件的支持比 Sketch 稍少。

菲格玛

Figma 是高保真原型设计领域的一个相对较新的产品，它是一款基于网络的应用程序，在原型设计方面具有令人耳目一新的效果。

网站： https://www.figma.com/

Figma 允许您实时协作设计。 作者/版权所有者：Figma。 版权条款和许可：合理使用。

价格

• 免费：3 个项目、2 名编辑和 30 天版本控制。

• 每个编辑器 12 美元/月：无限的项目和版本控制，以及团队组件库支持。

特征

• 几乎与 Sketch 和 XD 具有相同的功能，但差异过于微小和详细，无法在此处描述。

• 基于网络，因此您可以在任何操作系统上使用它。

• 协作编辑功能允许您与团队成员一起设计。

• 支持Sketch文件导入。

缺点

• 由于它是基于网络的应用程序，因此不支持第 3 方插件。

• 对于具有许多画板的大型项目来说，基于 Web 的性能可能会很慢； 您还需要访问互联网才能使用它。

• 协作编辑可能是一把双刃剑：您可能会被团队成员打断或扰乱。

如何学习使用用户体验工具？

既然您知道要使用哪些工具，那么如何学习使用它们呢？

好吧，用户体验工具的爆炸式增长至少带来了一件好事： 大多数工具都非常用户友好。 由于激烈的竞争，制造这些工具的公司如果希望你使用它们，就必须让它们易于掌握。

您可以通过以下 3 种方式学习使用 UX 工具。

向工具制造商学习

大多数用户体验工具都有内容丰富、易于理解的免费教程，教您如何使用该工具。 毕竟，快速教你符合公司的最大利益。 在尝试其他学习方法之前，请先学习这些教程。

例如，Sketch 在其文档中提供了有用的资源和迷你课程。 通过这个，您可以学习使用该应用程序的每一个功能。 最重要的是，Sketch 有一个 Medium 出版物，您可以在其中找到无穷无尽的最佳实践和技巧。

Sketch 拥有大量免费资源供您学习如何使用该应用程序。 作者/版权持有者：素描。 版权条款和许可：合理使用。

Adobe XD 也有类似的资源。 它还提供迷你课程，您可以通过学习来掌握原型设计工具。 Adobe 的博客还有专门针对 XD 应用程序的部分，您可以在其中阅读有关最佳实践和想法的文章。

Adobe 提供了入门和熟悉该应用程序的课程。 作者/版权所有者：Adobe。 版权条款和许可：合理使用。

因此，从工具本身开始。 您使用的工具很可能有大量教程来指导您完成每一步。 这意味着您将节省金钱，因为您无需参加有关如何使用工具的额外课程。

通过实践学习

学习工具的最好方法就是使用它。 这听起来很明显，但值得重复。 从教程中掌握基础知识后，即可开始使用该工具。

当然，你应该有目的地这样做。 例如，如果您想学习调查工具，您应该创建一个调查来收集有关应用程序的反馈，而不是创建一个包含随机问题的虚拟调查。 同样，当您想设计一个原型工具时，您应该致力于创建一个现实的注册页面，而不是一个没有目的的页面。

这可以确保您在真实的环境中使用该工具，这样您就可以弄清楚您将真正使用的工具的各个方面。 它还强化了你应该首先想到的关键点 什么 你在做之前先考虑如何去做！

从外部资源学习

最后，外部资源也是您的一个选择。 您可以在 YouTube 上找到许多有关您使用的工具的视频教程。

您还可以找到教您如何使用工具的付费课程。 我们在交互设计基金会不提供基于工具的课程，因为我们专注于永恒的设计知识和技能，但快速的谷歌会向您推荐提供这些课程的平台。

但是，在参加有关工具的付费课程时需要谨慎。 由于工具不断变化，您首先需要确保您正在学习的课程涵盖了 正确的版本 该工具的。 您还需要确保课程不仅仅涵盖您可以从该工具的免费资源中学到的内容。 正如我们之前提到的，我们认为付费课程在这里是不必要的，因为大多数工具都有公司自己制作的令人难以置信的免费教程。

带走

现在，您已经了解了 UX 工具的完整概述！

在考虑工具之前，您应该始终考虑您想要实现的目标。 这样，您就不会盲目追随趋势，而是构建适合您的用户的解决方案。 工具可以为您提供帮助，但除非您有意识地使用它们，否则它们并不能保证取得良好的结果。

如您所知，我们不会从我们的建议中赚取一分钱，并且我们会努力尽可能客观。 以下是我们根据您想要实现的任务公正推荐的用户体验工具列表：

在学习这些工具时，请始终从工具制造商提供的免费教程开始。 你也可以通过实践来学习——毕竟，熟能生巧。 最后，您将能够找到外部课程和资源来学习工具。 但是，在您完成教程并尝试使用这些工具后，我们认为课程是不必要的。

参考资料和了解更多信息的地方

以下是由 Sketch 创建的一些关于学习 Sketch 的有用资源：

最后，Adobe 提供的有关 Adob​​e XD 的丰富资源：

• Adobe XD 的学习和支持。 看 这里。

• 阿多比的 博客 有一个专注于 XD 资源和技巧的子类别。

英雄形象：作者/版权所有者：Teo Yu Siang 和交互设计基金会。 版权条款和许可：CC BY-NC-SA 3.0