10个用户体验最佳设计工具让你的设计生活更轻松

  作为一名用户体验设计师,很容易迷失在细节中。与客户和利益相关者一起工作时,当他们努力将看似明显的问题解决方案可视化时,有时会感觉到很难以解决。这就是为什么用户体验工具对我们如此重要。

  用户体验工具有助于简化流程,使你能够专注于设计的更多创造性方面,而不会被繁琐的任务或与你的优先级不相符的客户要求所困扰。下面是10个用户体验工具,它们可以改良你作为一个用户体验设计师的工作流程,让你更快地完成更多工作。

  在选择UX设计工具时,首先要考虑的是它们将如何改善你的工作流程。工作流程是关于使用户体验设计的过程更容易和更有效的日常工作。要做到这一点,你必须看一看UX工具将如何使你作为UX设计师的生活更便利。

  我们使用的工具往往能影响我们最终的交付效果。照片:Tirza van Dijk on Unsplash

  不同类型的用户体验设计工作流程需要不同的用户体验工具。一些设计师喜欢线框和原型,而另一些则喜欢风格指南或用户旅程。重要的是要观察一下你的整体流程和你的专业领域,也许你在有些方面的才能不如人意。

  每个人都不可能在这个过程的每一步都成为专家,所以这里有一些UX工具,可以帮助你更快地达到目的。

  UI和UX设计师在不断进步,不断开发创新的UX工具来改善他们的工作方式,而趋势和技术也在不断发展。这解释了为什么我们经常观察到新的发展。其中一些变化会引起一些忧虑,因为它们是新的、意外的和不熟悉的。有许多事情使一些东西看起来只是 正确。这些细节在做对的时候,用户永远不会注意到,但为了高质量的UX设计,UX设计师应该将它们牢牢记住。

  由于这个世界是不断发展的,可以说最重要的工具之一是保持对最新技术趋势的了解。我通常每天都会从The Verge这样的网站开始阅读新闻,并滚动Twitter,看看最新的趋势是什么。

  自从用户体验设计诞生以来,研究对于用户体验设计师的重要性一直是一个讨论的话题。用户体验设计师不能只根据假设来做他们的决定,而应该总是有研究来支持你的决定。当他们继续从事新的项目时,用户体验设计师必须跟上这个领域的最新趋势和研究。他们可以做到这一点的一个方法是通过使用这些用户体验工具来研究和了解他们的客户。

  Hotjar是一个用户体验和CRO工具,允许企业主了解他们的用户如何与网站互动。通过Hotjar,你可以直观地看到用户在你的网站上做了什么,同时观看他们使用网站的视频,或者询问他们的体验问题。这些有价值的见解使公司能够了解为什么人们可能不会变成买家,这样他们就可以做出必要的改变来改变这种趋势。

  我在每个项目中都使用Hotjar,这样我就可以不断地发展内容,并进行较小的调整,以确保它是完美的。

  许多设计师现在使用谷歌分析来帮助他们了解他们的客户旅程。尽管了解基本情况至关重要--人们在什么页面登陆,他们如何浏览你的网站--你可以通过查看谷歌分析中的一些更具体的数据点来更好地了解转换率。该工具被安装在大约2900万个网站上。

  对于任何用户体验设计师或产品经理来说,谷歌分析永远是分析中最大的工具之一。

  Google Analytics是一个免费的网站分析工具,它可以实时识别访客退出的位置或哪些网页的跳出率高。它还可以跟踪流量模式、流量来源和目标转换率--你的网站需要的所有信息,以获得成功

  与你的用户和客户交谈是识别障碍的好方法,应该永远是用户体验设计的通行费的一部分。

  我只是不得不加入它们,因为它永远不会过时:用户访谈。它们可以很容易地被你从Hotjar中的洞察力所恭维,并让你对用户遇到的问题有更多的个人理解,这让你在团队的设计过程中获得优势

  用户访谈是了解人们的需求和痛点的一种方式。进行用户访谈可以帮助UX设计师更好的理解他们的用户,反过来给他们提供如何为他们的产品或服务创造更好的用户体验的想法。他们通常是在物理环境中进行的,但在大流行期间,我也发现了在虚拟环境中进行访谈的价值,因为用户往往在这种方式下显得更舒服。

  没有固定的脚本可以遵循,所以在整个过程中尽可能地保持开放的心态是很重要的。有一些规则,比如不问引导性问题,给被试者时间来解释和发现。一些例子可以是:问你的用户他们希望你能为他们做什么,他们对你的产品或服务最感兴趣的是什么,以及他们认为你的设计与竞争对手或当前版本的设计相比最大的问题是什么。

  线框是开发复杂的交互技术的一项重要技术,它将相关的成本和风险降到最低。在较小的范围内,你可以通过自己构建系统来确定系统的哪些方面效果最好,以收集用户关于他们喜欢或不喜欢什么的反馈。主导的设计工具通常都有做线框图的能力。我在下面强调了两个,但Figma和Adobe Xd也有这个功能。

  Sketch是一个基于矢量的设计工具,适用于从线框到高保真设计交付的所有事件。它于2010年首次发布,并迅速成为用户体验设计师的一个重要工具。Sketch有一个活跃的社区,致力于优先考虑功能,产生反馈,并发现问题。作为回报,该软件在这个社区的投入下不断改进,并且每月都会发布新的工具和功能。

  我曾经是Sketch的狂热用户,但在后来决定放弃它,因为我发现Adobe Xd有一个更好的原型设计工具和设计交付。

  Balsamiq提供了一个简单而快速的方法来开始制作线框图和mockusp! 截图来自Balsamiq主页。

  Balsamiq是一个快速、简单和强大的线框工具,在创作过程中帮助了许多设计师。有了这个工具,你可以快速创建网页或手机模拟图,并为原型抛出规格。Balsamiq图是一种本能的方式来捕捉并使你的想法可视化。

  当我在一家小型科技公司担任首席设计师时,我的目标是确保我们更快地迭代用户体验。因此,作为对产品所有者和我们的设计过程的实验,我为他们配备了Balsamiq,这样他们就可以很容易地为他们的想法创建线框图,以快速获得利益相关者的反馈。这使得这个过程变得更加容易,并帮助他们以更直观的方式向利益相关者展示想法。

  线框是每个设计过程的骨干。线框是设计你的移动应用或网站的视觉指南。在这个阶段,永远不可能有太多的迭代,因为这是一个具有成本效益的用户测试和迭代的方法。如果你想处理这项任务--Sketch、Adobe XD、Figma;无论哪一项最适合你,这项任务都会很快完成。

  原型设计是用户体验设计师的一个重要工具,应该在必要时用来澄清交互、功能、内容或布局。市场上有许多原型设计工具,可以帮助你快速为你的项目创建一个原型。一些原型设计应用程序使用代码片段来将你的想法变成现实。这些代码片段通常是用HTML和Javascript编写的--如果你想在没有任何编程技巧的情况下建立原型,这使它们成为完美的选择 其他类型的原型设计应用程序产生可点击的模型,模拟潜在用户在上线前与界面的互动情况;这是评估设计决定的另一种极好的方式,没有风险。

  原型可以帮助你确定移动应用或网站的用户流和感觉是否与你的目标群体配合得很好,是产品开发过程中的一个关键部分。要做到这一点,你需要正确的原型设计工具。

  Adobe Xd是一个原型设计工具,可以将你的想法变成现实。设计师可以在没有编码技能的情况下创建原型,并在短时间内得到一个带有细致动画的原型,供你的用户测试。自动动画工具真的让我爱上了Adobe Xd,也是我还不想转到Figma的原因

  它对初学者来说足够简单,但也有许多功能供更高级的用户使用。这意味着当你在这个软件中进行设计时,总会有一些新的东西可以做或尝试。它是您的Adobe订阅的一部分,因此,您已经有了许可证的机会是很好的!

  Figma提供了一些伟大的合作工具,这将使每个团队都有一些乐趣 截图来自Figma网站。

  Figma是一个优秀的原型设计工具,适用于希望为用户与他们的设计进行互动的原型设计的UX设计师。它的互动功能可以让你探寻你的设计如何被使用,并分享它们,这样就可以从用户、利益相关者或参与这个过程的任何人那里收集反馈。创建人们将与之互动的原型,看看他们是否足够直观,是否可以发布实际的产品。

  Figma最棒的地方在于它是以协作为核心建立的,只需一个浏览器就可以轻松使用。

  他很旧,但却是黄金——InVision。来自InVision网站的屏幕截图。

  InVision有一个用户友好的界面,允许你做任何你想做的原型。它的交互式选项对设计师来说很容易,使其成为任何类型的设计项目的完美选择! 在很长一段时间里,它是首选的原型设计软件。

  InVision确实是市场上第一个不朽的原型设计工具,但许多人都认为这个工具已经落伍了,许多人已经转而使用上面提到的工具。

  交付的最后一英里对于交付一个卓越的产品至关重要。照片:Nubelson Fernandes on Unsplash

  设计过程的最后一英里是将这些草图交付得恰到好处。在这里,你和你的程序员一起工作,确保草图被转化为代码,在网站或应用程序上有效地运行。一旦完成了这一工作,你就可以继续从事其他项目,而你的程序员则要修复可能出现的任何错误。但别忘了。用户体验并没有到此为止(除非你的客户或雇主指定),这时你必须开始观察用户,并调整用户体验,使其更加完美

  为了使这项工作更容易,有一些工具甚至可以用来生成代码,你可以直接交付给程序员。

  F ramer经常被用于设计和代码的最后阶段,以提供一个接近完成的产品 来自framer网站的截图。

  Framer是一个用户体验设计工具,帮助团队在画布上创建带有过渡、动画和智能组件的原型。它还允许你从Sketch和Figma导入项目。Framer的突出特点包括变体编辑、团队库管理(和内容共享)、元素的自动尺寸实时调整(+用户测试和评论)。

  该平台允许管理人员使用代码进行高级原型设计,具有定制的组件/功能+各种应用程序的单点登录功能,包括ActiveDirectory或谷歌GSuite。

  我只是想再次添加Figma,因为它有一些杰出的工具用于最后一英里的交付,我想谈一谈。只有查看权限的开发者可以点击原型,并选择导出的资源,包括图片和样式。请记住,开发人员不能编辑或修改设计布局。这给开发者提供了一条捷径,可以根据你在Figma中创建的内容,以直观的界面创建一个完美的像素设计。

  用户体验设计师有很多工具可以帮助他们创造完美的用户体验。从带有互动功能的新设计原型,让你探索你的设计将如何运作,到沿途收集利益相关者的反馈,同时保持预算。有了这些工具,UX设计师可以创造一个值得信赖的、可靠的用户体验。

  你怎么看?在这个列表中,有没有我遗漏的用户体验工具?你最喜欢的用户体验工具是什么?请让我知道它们是什么! (我一直在寻找新的想法)。) 让我们继续讨论用户体验,在下面或在LinkedIn上添加你的评论。

  我目前正在写我的书,主题是CRO和UX,以及它们如何相互补充以获得更好的用户体验。这本书是为那些有抱负的用户体验设计师准备的,他们想了解更多关于CRO的知识,并在日常设计工作中帮助他们。书中有很多真实的例子,来自硅谷公司的案例研究,以及将这些知识应用于你的项目的技巧。