使用这些顶级 UX 工具掌握您的工艺

拥有正确的 UX 工具可能是拥有协作、无缝和整体高效的设计工作流程与缓慢、低效和不负责任的工作流程之间的关键区别。

了解最新的工具和技术并了解设计师可以使用它们来更有效地创建和协作的有趣方式非常重要。 某些工具比其他工具更有效，具体取决于团队的规模、设计过程的阶段以及已经成为工作流程一部分的任何其他工具。

让我们来看看顶级 UX 工具，从线框图和原型设计到 UX 研究和分析，它们正在帮助团队在 2018 年做出令人难以置信的事情。

设计 + 原型制作 + 设计交接工具

InVision/InVision 工作室

平台：web（与 Sketch 和 Photoshop 集成）和 macOS
价格：个人每月 13 美元起，五人团队每月 89 美元起

注意：价格适用于核心 InVision Web 应用程序，而不是免费的 InVision Studio。

InVision 可以说是迄今为止最强大的 UX 工具。 它允许 Sketch 和 Photoshop 设计师导入他们的静态屏幕并将它们转换为动态原型，并且利益相关者可以提供建设性的反馈，然后可以将其转换为可操作、可管理的任务。 将其与他们的用户测试和协作白板技术相结合，InVision Web 应用程序就成为了一个非常宝贵的、令人印象深刻的工具。

2017 年，InVision 推出了新的设计移交功能，现在在 2018 年，InVision 已经成为一个完整的一体化解决方案，因为他们推出了自己的 UX 设计工具 Studio，它是免费的，包括高级动画和原型制作功能。

对于希望在一次订阅下获得完整工具箱的团队，InVision 就在这里。

成帧器

平台：macOS
价格：个人用户每月 12 美元，三人团队每月 250 美元起

在产品方面，Framer 是最类似于 InVision 的工具，因为它们都将成熟的 Web 界面与全新的 UX 设计工具结合在一起。 这两者归结为个人喜好，但 Framer 对个人来说稍微便宜一些，而 InVision 在设计协作方面显然是大哥。

无花果

平台：Web、macOS 和 Windows
价格：新手团队免费，或每月 12 美元

Figma 在开发初期就脱颖而出，成为多人游戏设计的领先工具，允许多个设计师同时处理同一个设计文件。 凭借创建响应式设计和添加切换功能的能力，令人印象深刻的是，他们如何在 Web、macOS和Windows 版本的产品中提供这些功能。

如果您喜欢充满活力的协作式设计工作流程，那么 Figma 适合您。

Adobe XD

平台：Windows 和 macOS
价格：1 个原型免费，或无限原型每月 20.99 美元

当 Sketch 成为线框图和界面设计的第一大工具时，Adobe 几乎别无选择，只能承认 Photoshop 永远不可能成为设计师需要的 UI 设计工具。 Adobe 决定将 Adob​​e XD 提供给 Sketch 没有的 Windows 用户，并且还内置了对用户流程进行原型制作和检查设计的能力，帮助熟悉 Adob​​e 生态系统的资深设计师坚持熟悉的工作流程。

用户界面

平台：网络
价格：一位用户每月 8.10 美元起，团队有其他选择

UXPin 是一个完整的产品设计平台，可在单个 Web 应用程序中提供从设计、线框图、原型制作、协作、用户测试和移交等所有内容。 不利的一面是，UXPin 是更难使用的工具之一，因为它的功能数量众多、界面杂乱无章，而且（有时）性能滞后常常困扰着庞大的 Web 应用程序。 但是，需要设计系统等令人印象深刻的功能以及利用 Web 框架和技术（例如 Bootstrap 和 Google Fonts）的能力的企业团队不应该过快地忽视它。

设计+原型工具

草图

平台：macOS
价格：99美元/年

Photoshop 将皇冠交给了 Sketch，因为他们在 2015 年成为线框图和界面设计的领先设计工具，到 2017 年他们仍然处于领先地位。 Sketch 的屏幕设计创新方法引入了画板、符号和导出等宝贵功能，随后将激发一波新的设计工具，如 Adob​​e XD、Framer Studio 和 InVision Studio。 这个令人难以置信的直观（和轻量级）矢量工具可帮助 UI 设计人员以比以往更快的速度进行迭代。

然而，这是一个“但是”（这是一个很大的但是）：Sketch 不适用于 Windows，他们决定在游戏中为原型设计人员实施工具的决定如此晚意味着他们的竞争对手已经迅速占领了这个市场，InVision可以说是当今可用的最具活力的原型设计工具。 尽管可以使用令人印象深刻的插件目录来定制 Sketch 功能（包括与 Flinto、Zeplin、Marvel、Principle 甚至 InVision 本身之类的集成），但一些设计师可能更喜欢这些功能更原生的体验。盒子。

总而言之，Sketch 非常适合构思和线框图，或者那些不介意补充工具箱以添加更好的原型和协作工具的人。

网络流

平台：网络
价格：针对单站点个人、多站点和团队的多种选择

Webflow 是一个所见即所得的编辑器，适用于想要构建没有代码的响应式网站，甚至托管它们的现代设计师，所有这些都只需订阅一次。 Webflow 输出干净的语义代码，因此您不必这样做，并提供强大的功能，让网页设计师可以创建从静态网站到电子商务商店的任何内容，甚至内容和库存都可以从同一个仪表板进行管理。

原则

平台：macOS
价格：129美元/年

虽然更多的是原型工具而不是设计工具，但评价很高的 Principle 应用程序适用于专注于高保真原型的设计师，并使用时间线动画来帮助设计 Sketch 和 Adob​​e XD 不具备的高级微交互。 如果设计功能不足以满足您的需求，原理与 Sketch 集成。

原型工具（仅限）

弗林托

平台：macOS
价格：99美元/年

Flinto 使用高级动画工具将过渡和微交互提升到一个新的水平，包括弹簧和缓动、3D 旋转、滚动效果，甚至允许时尚设计师将动画导出为视频、GIF 和 Dribbble 镜头。

虽然 Flinto 只专注于原型交互，但它做得很好。 与 Sketch 配对以获得最佳效果。

折纸

平台：macOS
价格：免费/开源

Origami 是一款由 Facebook 设计团队开发的应用原型工具。 虽然它与 Flinto 相似（减去价格标签），但它的维护频率不如类似工具，而且其基于逻辑的交互设计方法导致学习曲线更陡峭。

对于预算有限的设计师来说，折纸非常值得一看。

原型制作 + 设计交接工具

奇迹

平台：网络
价格：个人每月 0-12 美元，团队每月 42-84 美元

需要 SSO 和切换功能的企业团队应直接询问。

Marvel 是一个以最容易掌握的在线原型设计工具而闻名，然而，权衡的是它在动态原型设计功能方面不如 InVision 复杂，并且需要与 Sketch 集成才能成为完整的设计 + 原型设计解决方案. 话虽如此，它确实与 Lookback 集成，将用户测试带到桌面上，并包括设计移交功能。

Marvel 还允许团队（甚至非设计师）选择画板并使用形状和文本来说明低保真想法，使其成为设计冲刺的理想选择（特别是因为它还允许用户将纸质原型转换为低保真 Marvel 原型）。

设计移交工具（仅限）

齐柏林

平台：网络
价格：一个项目免费，17 美元/月，3 个和 12 个项目分别为 26 美元/月

对于大型组织，他们 7.65 美元/用户/月的选项提供了更高级的用户权限以及在项目之间复制颜色和文本样式的能力。

Zeplin 的表现一直优于竞争对手 Sympli 和 Avocode，它最近在其现有的 Sketch 和 Photoshop CC 集成中添加了 Adob​​e XD 和 Figma 集成。 虽然许多一体化工具已将设计移交添加到其功能列表中，但 Zeplin 填补了尚未提供的工具（Sketch、Photoshop）以及仍在尝试移交功能（Adobe XD、Figma）的工具的空白。

线框图 + 原型制作工具

轴心

平台：Windows 和 macOS
价格：Pro/Team/Enterprise 用户分别为 $29/49/99/用户/月

一次性购买 Axure RP 8 也可从 495 美元购买。

Axure 专为线框和粗略原型的设计而构建，并且具有使创建数据驱动、动态和自适应模型变得如此容易的功能，您会忘记它是一个没有高保真 UX 原型设计功能的工具。 对于只关注线框和原型设计的设计师来说，Axure 是首选，87% 的财富 100 强公司都在使用它。

贾斯汀敏德

平台：Windows 和 macOS
价格：19 美元/用户/月，或 39 美元/用户/月企业团队

Justinmind 对其提供的东西并没有得到足够的喜爱，它是高级 UX 原型设计、协作、一些基本的设计工具，以及 500 多个用于线框图的网络和移动小部件。 线框图并不是许多竞争原型应用程序所关注的东西，这使得 Justinmind 成为为数不多的 UX 工具之一。

线框工具（仅限）

OmniGraffle

平台：macOS
价格：100 美元，专业版许可证 200 美元

OmniGraffle 是一个具有图表功能的线框图工具，对于用户流程或信息架构可能需要更多关注的应用程序和网站非常有用。 作为一款原生 macOS 应用，界面非常友好，是一款易于掌握的 UX 工具。

OmniGraffle 有一个非常方便的功能：“模板”，即“模板库”中的即用型、拖放可重复使用的设计组件，设计师可以使用它来构建线框、模型甚至最终的视觉设计。 用户可以创建自己的模板库，网上也有数千个模板库可供下载，其中很多是免费的，省时省力。

Graffletopia 是网络上最大的模板存储库之一，包含免费和付费库。 Graffletopia 拥有超过 1,100 种模板，适用于各种用途——设计移动应用程序、网站、网络图、流程图等。

香脂

平台：Web、macOS 和 Windows
价格：云访问 90 美元/用户/年起，桌面应用 89 美元起

Balsamiq 与 Justinmind 正好相反，它更多地关注线框图而不是原型设计。 他们内置的 UI 元素使用勾勒出的视觉美感来鼓励头脑风暴，并且专门针对产品经理和开发人员以及线框图设计师，让整个团队能够尽早参与设计过程。

用户体验研究和测试工具

回望

平台：网络
价格：49 美元/用户/月或 99 美元/用户/月，具体取决于功能

Lookback 在 UX 设计过程中引入了实时、有节制的用户测试，允许设计师记录世界上任何人的面部、屏幕和声音。 对于使用 Marvel 作为原型制作工具的团队，Lookback 与其无缝集成。

用户测试

平台：网络
价格：49 美元/测试（最少 15 次测试），提供企业选项

UserTesting 在功能上类似于 Lookback。 尽管它是一个了不起的独立用户测试工具，拥有大量经验丰富的用户测试人员（使用 Marvel，您需要自己找到用户测试人员），但 UserTesting 也与 InVision 无缝集成。

眼量

平台：网络
价格：个人每月 499 美元，10 人团队每月 999 美元（+ 企业选项）

Eyequant 使用机器学习来帮助团队做出更好的设计决策并改进他们的 CRO 工作。 其高昂的价格标签可能会让一些客户望而却步，但那些投资的人会接受有关如何模拟用户、分析指标、充分利用 A/B 测试等方面的培训。

热罐

平台：网络
价格：根据每日综合浏览量的不同定价

Hotjar 通过将用户反馈与分析、热图、点击图、滚动图和访客记录相结合，使团队可以轻松优化用户体验。 热图和点击图分别说明了用户移动和点击鼠标的位置，而滚动图则表明用户可能会失去兴趣。

疯狂的鸡蛋

平台：网络
价格：20,000 次浏览量每月 29 美元起

与 Hotjar 类似，Crazy Egg 用于通过使用热图和访问者记录分析用户行为来优化用户体验和转化率，尽管它还包括易于使用的 A/B 测试工具来帮助破译哪些是有效的，哪些是无效的。

最佳车间

平台：网络
价格：166 美元/用户/月，提供免费和企业选项

Optimal Workshop 是一个用户研究工具包，专注于卡片分类、调查、树测试、首次点击测试和定性数据发现。

分析工具

谷歌分析

平台：网络
价格：免费

虽然 Google Analytics 的界面不是最鼓舞人心或最实用的界面，但它确实为免费工具提供了大量数据，使其成为用户研究和获取您可能希望在其他工具中进一步探索的见解的合适起点.

混合面板

平台：网络
价格：每 100 万个数据点 99 美元起，提供免费和企业选项

Mixpanel 允许任何人，从高管到简单的贡献者，都可以使用数据来做出更具战略性的决策。 与 Google Analytics 相比，界面更友好，设计人员可能会发现使用 Mixpanel 更容易分析用户旅程、了解用户如何与产品互动以及破译复杂的行为分析。

彭多

平台：网络
价格：定价取决于用户数量和所需功能

与大多数其他分析工具相比，Pendo 具有更简单的界面，允许设计人员跟踪 NPS（净推荐值）、细分用户、优化渠道和用户旅程，以及您对顶级网站分析工具的期望。 除此之外，设计师可以根据跟踪的数据提供有针对性的公告、上下文帮助和定制体验。

结论

选择正确的用户体验工具需要仔细考虑。 我们需要考虑成本、与其他设计师和利益相关者合作所需的水平、平台以及我们可能需要与之集成的任何其他工具，以保持无缝的工作流程。 缩小选择范围后，注册他们的免费试用版并考虑进行为期五天的设计冲刺来试水。