作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
Olha Bahaieva的头像

Olha Bahaieva

曾六次在国际设计竞赛中获奖, Olha在Toptal拥有超过五年的web和UI/UX设计经验.

Previously At

DISH Network
Share

拥有合适的用户体验工具可能是具有协作性的关键区别, seamless, 总体来说,高效的设计工作流程和缓慢的工作流程, unproductive, 和不负责任的.

紧跟最新的工具和技术是很重要的, 并了解有趣的方法 designers 可以使用它们来更有效地创造和协作吗. 有些工具比其他工具更有效,这取决于团队的规模, 设计过程中的阶段, 以及已经成为工作流程一部分的任何其他工具.

让我们来看看 top UX tools, 从线框图和原型设计到用户体验研究和分析, 这些都在帮助球队在2018年做出不可思议的事情.

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

InVision/InVision工作室

平台:web(集成Sketch和Photoshop), macOS
价格:个人13美元/月起,五人团队89美元/月起

注意:该价格适用于核心InVision web应用程序,而不是InVision工作室,后者是免费的.

最好的用户体验工具之一:InVision

InVision可以说是迄今为止最强大的用户体验工具. It allows Sketch and Photoshop设计人员 导入它们的静态屏幕并将其转换为动态原型, 利益相关者提供建设性的反馈,然后将其转化为可操作的反馈, 管理的任务. 将其与他们的用户测试和协作白板技术结合起来, 而InVision的网络应用程序就成为了一个无价之宝, 严重令人印象深刻, tool.

In 2017, InVision发布了新的设计切换功能, 现在到了2018年, InVision已经成为一个完整的, 一体化的解决方案,因为他们介绍了自己的UX设计工具, Studio,它是免费的,包括高级动画和原型功能.

对于想要在一次订阅下获得完整工具箱的团队,InVision在这里.

InVision工作室,一个免费的UI设计工具,是设计过程中的一个重要补充

Framer

平台:macOS
价格:个人用户每月12美元,三人团队每月250美元

最好的用户体验工具之一:Framer Studio,一个用户体验原型工具

在提供方面, Framer是最类似于InVision的工具, 因为它们都结合了成熟的网页界面和全新的用户体验设计工具. 这两者都取决于个人喜好, 但是对于个人来说,Framer稍微便宜一些, 在设计协作方面,InVision显然是大哥.

Figma

平台:web, macOS和Windows
价格:初级团队免费,或每月12美元

另一个很棒的原型制作工具是Figma

Figma作为多人游戏设计的领先工具,在开发初期就脱颖而出, 允许多个设计师同时处理相同的设计文件. 具有创建响应式设计和添加切换功能的能力, 他们在网络上提供这些功能的方式令人印象深刻, macOS, and Windows版本的产品.

如果你喜欢一个充满活力,协作的设计工作流程,Figma是为你准备的.

Adobe XD

平台:Windows和macOS
价格:1个原型免费,或20美元.99美元/月无限制的原型

最好的用户体验工具之一:Adobe XD

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

UXPin

Platform: web
Price: from $8.每位用户每月10美元,团队可选择其他选项

一个伟大的线框图和协作UX工具:UXPin

UXPin是一个完整的产品设计平台,提供从设计到设计的一切, wireframing, prototyping, collaboration, user testing, 并在单个web应用程序中进行切换. 缺点是UXPin是一个比较难使用的工具,因为它有很多特性, 凌乱的接口, 并且(有时)性能滞后经常困扰笨重的web应用程序. However, 企业团队需要令人印象深刻的功能,如设计系统和利用web框架和技术(如Bootstrap和Google Fonts)的能力,不应该很快忽视它.

设计和原型工具

Sketch

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

最好的设计、线框图、原型UX工具之一:Sketch

Photoshop将皇冠交给了Sketch,因为他们成为线框图和界面设计的领先设计工具 2015, and as of 2017 他们仍然在冲锋陷阵. Sketch在屏幕设计方面的创新方法引入了画板等宝贵功能, symbols, and exports, 然后激发了一波新的设计工具,比如Adobe XD, Framer Studio, 和InVision工作室. 这个令人难以置信的直观(和轻量级)矢量工具有帮助 UI designers 迭代速度比以前快得多.

然而,这里有一个“但是”(它是一个) big 但是):Sketch不能用于Windows,他们决定为Windows实现工具 原型设计师 这么晚的时间意味着他们的竞争对手已经迅速占领了这个市场, InVision可以说是当今最具活力的原型制作工具. 即使Sketch功能可以定制一个令人印象深刻的目录 plugins (包括与Flinto之类的集成), Zeplin, Marvel, Principle, 甚至是InVision自己), 有些设计师可能更倾向于使用这些现成的功能提供更原生的体验.

总而言之,素描是优秀的创意和 wireframing, 或者那些不介意补充他们的工具箱来添加更好的原型和协作工具的人.

Webflow

Platform: web
Price: a 多种选择 针对单个站点的个人、多个站点和团队

Webflow用于在线创建响应式网站

Webflow是一个所见即所得的编辑器,为现代设计师谁想要建立响应式网站没有代码, 甚至招待他们, 所有这些都只需要一次订阅. Webflow输出干净, 语义代码,这样你就不必, 并提供了强大的功能,让 web designers 创建任何从静态网站到 电子商务商店,甚至连内容和库存都是在同一个仪表板上管理的.

Principle

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

Principle是最好的应用原型工具之一

虽然更多的是原型工具而不是设计工具, 高评价的Principle应用程序是为专注于高保真原型的设计师设计的, 并使用时间轴动画来帮助设计 先进micro-interactions Sketch和Adobe XD做不到的. 如果设计功能不足以满足您的需求,Principle可以与Sketch集成.

原型工具(仅限)

Flinto

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

Flinto, macOS上比较便宜的原型工具之一

Flinto需要过渡和微交互与先进的动画工具的下一个水平, 包括弹簧和减震器, 3D rotation, 滚动效果, 甚至允许时尚设计师将动画导出为视频, GIFs, 和运球投篮.

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

Origami

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

Origami,一个由Facebook开发的应用原型工具

Origami是一款由Facebook设计团队开发的应用原型工具. 虽然它类似于Flinto(减去价格标签), 它不像类似的工具那样经常维护, 它基于逻辑的交互设计方法导致了更陡峭的学习曲线.

对于预算有限的设计师来说,Origami非常值得一看.

原型设计+设计交接工具

Marvel

Platform: web
价格:个人0-12美元/月,团队42-84美元/月

需要SSO和切换功能的企业团队应该这样做 直接询问.

惊奇,一个易于使用的在线原型工具

Marvel是一款最容易掌握的在线原型工具, however, 权衡的是,当涉及到动态原型功能时,它不像InVision那样复杂, 并需要与Sketch集成,成为一个完整的设计+原型解决方案. 也就是说,它确实与 Lookback,将用户测试带到表中,并包括设计移交功能.

漫威还允许团队(甚至非设计师)选择画板,并使用形状和文本说明低保真度的想法, 使它成为理想的 design sprints (特别是因为它还允许用户 转换纸上原型 到低保真的漫威原型).

设计切换工具(仅限)

Zeplin

Platform: web
价格:一个项目免费,每月17美元,三个和12个项目每月26美元

对于大型组织,他们的7美元.65/用户/月选项提供了更高级的用户权限和项目之间复制颜色和文本样式的能力.

Zeplin允许Sketch用户无缝的设计交接,帮助设计过程.

Zeplin has 一贯表现 competitors Sympli and Avocode, 它最近添加了Adobe XD和Figma集成以及它已经存在的Sketch和Photoshop CC集成. 虽然许多一体化工具已经将设计切换添加到其功能列表中, Zeplin填补了工具的空白(Sketch), Photoshop), 以及那些仍在尝试切换功能的人(Adobe XD), Figma).

线框图+原型工具

Axure

平台:Windows和macOS
价格:专业/团队/企业用户分别为29/49/99美元/用户/月

一次性购买Axure RP 8的起价为495美元.

Axure是最好的线框图和原型工具之一.

Axure是专门为线框图和粗略原型的设计而构建的, 它还具有数据驱动的特性, dynamic, 和自适应模型是如此容易,你会忘记它是一个没有高保真UX原型功能的工具. 专为设计师专注于线框图和原型, Axure是最好的选择, 87%的财富100强公司都在使用.

Justinmind

平台:Windows和macOS
价格:19美元/用户/月,企业团队39美元/用户/月

Justinmind,线框图最好的原型工具之一

贾斯汀·mind没有因为它所提供的而得到足够的爱, 什么是高级用户体验原型, collaboration, 一些基本的设计工具, 还有500多个web和移动小部件用于线框图. 线框图并不是许多竞争的原型应用程序所关注的, 这使得Justinmind成为少数几个这样做的UX工具之一.

线框图工具(仅限)

OmniGraffle

平台:macOS
价格:100美元,或200美元 Pro license

Omnigraffle是一个为用户体验设计过程创建线框和图表的模型工具.

OmniGraffle是一个具有绘图功能的线框图工具, 对于用户流程或信息架构可能需要更多关注的应用程序和网站非常有用. 作为一个本地的macOS应用程序,界面非常友好,使它成为一个容易掌握的UX工具.

OmniGraffle有一个非常方便的功能:“模板”,即可使用的, 在“模板库”中拖放可重用的设计组件,设计师可以使用它来构建线框, mockups, 甚至是最终的视觉设计. 用户可以创建自己的库, 网上也有成千上万的模板库可供下载, 很多都是免费的, 节省时间和精力.

Graffletopia 网络上最大的模板存储库之一是否包含免费和付费图书馆. With over 1,100 stencils, Graffletopia有各种用途的模板——设计移动应用程序, websites, 网络图, flowcharts, and more.

Balsamiq

平台:web, macOS和Windows
价格:云服务90美元/年起,桌面应用89美元/年起

Balsamiq是创建低保真线框图的最佳用户体验工具之一.

Balsamiq与Justinmind相反,它更关注线框图而不是原型. 它们内置的UI元素使用了一种草图般的视觉美感来鼓励头脑风暴, 并且是专门针对产品经理和 developers, as well as 线框图设计,让整个团队尽早参与设计过程.

用户体验研究和测试工具

Lookback

Platform: web
价格:49美元/用户/月或99美元/用户/月取决于功能

回顾一下,最容易掌握的用户测试工具之一

回顾介绍现场, 在用户体验设计过程中缓和用户测试, 允许设计师记录脸部, screen, 和世界上任何人的声音. 对于使用Marvel作为原型工具的团队来说,Lookback可以与之无缝集成.

UserTesting

Platform: web
价格:49美元/次(最低). 15个测试),并提供企业选项

UserTesting,可以说是最好的用户测试工具

UserTesting在功能方面类似于Lookback. 尽管它是一个很棒的独立用户测试工具,拥有大量经验丰富的用户测试人员(使用Marvel时,您需要自己寻找用户测试人员)。, UserTesting与InVision无缝集成, too.

Eyequant

Platform: web
价格:个人499美元/月,10人团队999美元/月(+企业选项)

Eyequant使用机器学习来提高CRO.

Eyequant uses 机器学习 以帮助团队做出更好的设计决策并改进他们的CRO工作. 它高昂的价格可能会让一些顾客望而却步, 但那些投资的公司会接受如何模拟用户的培训, 分析指标, 充分利用他们的A/B测试, and more.

Hotjar

Platform: web
Price: 可变定价 取决于每天的浏览量

Hotjar是一个领先的热图工具,可以帮助设计过程.

Hotjar通过将用户反馈与分析相结合,使团队更容易优化用户体验, heatmaps, clickmaps, scrollmaps, 访客记录. 热图和点击图分别说明了用户移动和点击鼠标的位置, 滚动地图显示用户可能在哪个点失去兴趣.

Crazy Egg

Platform: web
价格:每月29美元,页面浏览量2万

Crazy Egg结合了A/B测试和分析来实现最佳UX设计过程.

与Hotjar类似,Crazy Egg被用于优化用户体验和转化率 分析用户行为 有热图和访客记录,尽管 also 包括易于使用的A/B测试工具,以帮助破译什么是有效的,什么是无效的.

优化车间

Platform: web
价格:166美元/用户/月,提供免费和企业选项

最优工作流是最好的用户研究工具之一.

优化车间是一个用户研究工具包,专注于卡片分类,调查,树测试, 首先点测试,以及定性数据发现.

分析工具

谷歌分析

Platform: web
Price: free

谷歌分析是排名第一的网站分析工具.

而谷歌分析并没有展示最鼓舞人心或最实用的界面, 作为一个免费的工具,它确实提供了相当数量的数据, 使其成为用户研究的合适起点,并获得您可能希望在另一个工具中进一步探索的见解.

Mixpanel

Platform: web
价格:每100万数据点99美元起,提供免费和企业选项

Mixpanel,一个流行的网站分析工具,用于用户研究和用户体验设计过程

Mixpanel允许任何人, 从高管到简单的贡献者, 利用数据做出更具战略性的决策. 与谷歌分析相比,有一个更友好的界面, 设计师可能会发现,分析用户旅程更容易, 了解用户如何与产品互动, 并破译复杂的行为分析与Mixpanel.

Pendo

Platform: web
价格:根据用户数量和所需功能确定价格

网站分析工具Pendo可以帮助用户体验设计过程.

Pendo, 与大多数其他分析工具相比,具有更简单的界面, 允许设计师追踪NPS (净推荐值), segment users, 优化渠道和用户旅程, 以及你对顶级网站分析工具的期望. Besides that, 设计师可以发布有针对性的公告, 上下文相关的帮助, 以及基于追踪数据的量身定制体验.

Conclusion

选择正确的用户体验工具 需要仔细考虑. 我们需要把成本考虑在内, 与其他设计师和涉众合作的必要程度, the platform, 以及我们可能需要集成的任何其他工具,以保持无缝的工作流程. 一旦你缩小了选择范围, 注册他们的免费试用,并考虑运行五天 design sprint 试水.

了解基本知识

  • 什么是InVision Enterprise?

    InVision Enterprise是一种订阅计划,包括InVision的所有功能和企业级安全性, SSO(单点登录)集成, 双因素认证, 以及无限的项目和存储空间, 并尽早获得新功能.

  • 什么是网页设计中的线框?

    网页设计线框是一个骨架, 通常是一个网站的黑白模型,用来展示视觉设计的布局.

  • Zeplin应用程序是什么?

    Zeplin是一款设计交接应用,用于将已完成的设计移交给开发人员.

  • 什么是InVision?

    InVision是一款一体化设计套件,适用于希望在原型上进行合作的产品团队, 其中包括他们的独立应用程序, InVision工作室.

  • Balsamiq模型是用来做什么的?

    Balsamiq模型用于向涉众演示线框图, 并收到线框图的反馈.

聘请Toptal这方面的专家.
Hire Now
Olha Bahaieva的头像
Olha Bahaieva

Located in 哈尔科夫,哈尔科夫州,乌克兰

Member since 2018年2月6日

作者简介

曾六次在国际设计竞赛中获奖, Olha在Toptal拥有超过五年的web和UI/UX设计经验.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

Previously At

DISH Network

世界级的文章,每周发一次.

订阅意味着同意我们的 privacy policy

世界级的文章,每周发一次.

订阅意味着同意我们的 privacy policy

Toptal设计师

加入总冠军® community.