用户体验设计师常用的21款工具和应用

待我称王封你为后i 2022-08-10 12:55 274阅读 0赞

[![38a39720-2274-4911-905b-972aea322f14.jpg][]][38a39720-2274-4911-905b-972aea322f14.jpg 1]

工作在用户体验团队中会经常需要用到一些在线工具。对于UX的世界，不管你是一个新手还是一个经验丰富的老鸟，你都不应该停止寻找一些会让你的工作变得轻松的工具。在这篇文章中，我们为你准备了21款有用户体验设计的相关工具。

其中一些工具你可能已经使用过了，但是我们希望通过这篇文章给你带来一些新的感受，我把这些工具分成了三类：

1.  用户调查/测试/回馈
2.  原型 / 图表
3.  协作

## 用户调查/ 测试 / 回馈 ##

在开发原型阶段之前，你必须做大量的研究和调查，正确的了解用户的需求并创建出相应用Web和移动解决方案。

#### 1. UsabilityTools ####

[UsabilityTools][] 是一个允许你以用户的视角来看一个网站，并且可以直接问其它人如何根据不同的研究和测试方法提高你的服务。UsabilityTools是一个完整的调查面板，这个平台拥有来自世界各地超过1000万的用户。

[![3d6c07e0-54ee-4123-a367-4e3f2f214fc0.jpg][]][3d6c07e0-54ee-4123-a367-4e3f2f214fc0.jpg 1]

#### 2. MouseStats ####

[MouseStats][] 提供你根据用户鼠标动作来分析用户行为的能力。根据眼球和鼠标的移动，这个软件可以让你知道页面中的哪一部分内容了访问者。

[![808c2565-07dc-4731-9ca3-0e9bbe4fc81a.jpg][]][808c2565-07dc-4731-9ca3-0e9bbe4fc81a.jpg 1]

#### 3. Attensee ####

[Attensee][] 通过测量用户视觉关注提供了独特的网站分析见解，你可以了解到你的网站如何分配用户的行为模式。

[![9faa9567-e93f-4e00-8587-b40c15358faa.jpg][]][9faa9567-e93f-4e00-8587-b40c15358faa.jpg 1]

#### 4. Appsee ####

[Appsee][] 是一个手机应用的软件分析工具。你可以直接查看用户的Session记录并得到一个用户行为可视化的力图表。

[![e787c72a-6a42-46cb-ab62-bf7c368a0936.jpg][]][e787c72a-6a42-46cb-ab62-bf7c368a0936.jpg 1]

#### 5. UserVoice ####

[UserVoice][]这个工具的名字可以很好的解释它的功能， 作为一个用户体验设计师，你应该知道用户怎么评价你的产品。这是一个称的上伟大的工具箱，从收集快速的反馈到管理整个用户支持系统，它都提供了非常不错的解决方案。

[![5aecfeaf-7fd1-41af-b6ad-f6cfff7e4f5e.jpg][]][5aecfeaf-7fd1-41af-b6ad-f6cfff7e4f5e.jpg 1]

#### 6. Ethnio ####

[Ethnio][] 不仅允许你进行用户调查分析，还很容易找一些参与者，你甚至可以通过电话或电子邮件进行沟通。

[![2d99bfff-e7b9-4e20-8ddc-0ceadfb741a0.jpg][]][2d99bfff-e7b9-4e20-8ddc-0ceadfb741a0.jpg 1]

#### 7. Silverback ####

[Silverback][] 是一个软件，根据他们自己的介绍，它只要是用来测试。你可以通过它来邀请参与者进行研究。

[![b3c23e28-fc34-4d46-a685-326121a9fbc6.jpg][]][b3c23e28-fc34-4d46-a685-326121a9fbc6.jpg 1]

## 原型 / 图表工具 ##

一个原型可以让你在编码之前预见很多问题。无论你要设计复杂的网站架构还是一个移动应用程序，它都能为你提供一些解决方案。

#### 1. Solidify ####

[Solidify][]是一个成功的原型设计工具，允许你创建一个点击事件，用户可以在各个设备中测试它。和其它工具不同的是，它会提供给你一个相关分析的报表。

[![a7b7da3e-e493-474f-9f53-f177bbc1656c.jpg][]][a7b7da3e-e493-474f-9f53-f177bbc1656c.jpg 1]

#### 2. POP ####

[POP][]是一个将手绘转化成原型的应用。如果你也喜欢在纸上手绘原型，可以尝试一下这个工具。

[![8f243bbf-fd8a-4d45-95d6-7268b4bcccf1.jpg][]][8f243bbf-fd8a-4d45-95d6-7268b4bcccf1.jpg 1]

#### 3. UXPin ####

[UXPin][]是DeSmart团队开发的一个简易快速的实体模型和在线可点击原型创作工具。它基于优秀的用户体验设计原则，在构建原型中，它提供了一个完整的工具包（该工具包具有良好的用户设计模式和元素）来从头构建一个出色的原型。

UXPin具有响应式的断点功能，创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能，可以轻松的共 享预览，直观的注解和实时的协同编辑和聊天。该软件拥有大量具有吸引力的用户界面元素风格（包括web，iOS，Android等），并且具有快速、灵敏 的响应拖放接口。

[![50e07921-293d-4775-8b45-5b28a67913c2.jpg][]][50e07921-293d-4775-8b45-5b28a67913c2.jpg 1]

#### 4. Proto.io ####

在早期的文章中我已经详细的讲过[Proto.io][]，它是一个非常实用的原型设计工具，包含很多动画支持，在原型的交互上做的非常赞。它可以运行在大多数的浏览器中，并提供了3个重要的接口：dashboard、编辑器以及播放器。

dashboard可以用来管理项目。编辑器是构建原型的环境，由一组设计和开发原型的工具组成，另外还可以构建交互。播放器用来观看原型，并与原 型进行交互，并提供了相关工具来标注和保留反馈信息。你可以直接在真实的移动设备上对原型进行测试。并且可以使用iOS或Android上的浏览器以全屏 模式运行原型。

[![cb0e0737-f845-4141-b3af-e87def5118f9.jpg][]][cb0e0737-f845-4141-b3af-e87def5118f9.jpg 1]

#### 5. Power Mockup ####

[Power Mockup][] 可以让你在PPT中展示原型。对于不懂技术的人来说，它是非常好用的工具。

[![3cdd4f27-d587-48f9-b678-308fe071c605.jpg][]][3cdd4f27-d587-48f9-b678-308fe071c605.jpg 1]

#### 6. Balsamiq ####

使用[Balsamiq][]有一种画画的感觉，而且由于这一切是数字化的，“画家”们可以简单地进行修改。一个开发团队需要对界面设计进行反复地修改。有了Balsamiq Mockups，产品经理、开发者甚至是客户可以坐在一起，用同一个工具共同修改。达成统一之后，开发者再进行代码的编写。

[![5a32125e-6727-47fc-8ff8-cf361923d112.jpg][]][5a32125e-6727-47fc-8ff8-cf361923d112.jpg 1]

#### 7. Gliffy ####

[Gliff][]是基于Web的应用程序，允许用户创建过程流程图，组织结构图，平面图，业务流程，网络图，技术图纸，网站线框图。

[![dbd018cf-bd37-4eb9-860a-df01d75efe36.jpg][]][dbd018cf-bd37-4eb9-860a-df01d75efe36.jpg 1]

## 协作工具 ##

团队合作是必须的，我们应该学会如何利用工具提高团队合作的效率，但是不要被工具所限制。

#### 1. Memosort ####

正如官网所说，“Space to think solutions”。

[![d184174f-c733-4197-8698-297025e128e9.jpg][]][d184174f-c733-4197-8698-297025e128e9.jpg 1]

#### 2. Invision ####

[Invision][] 是 一家提供协作设计工具的初创企业，成立于 2011 年，总部位于纽约。与其他的项目管理和协作工具不同的是，它是面向设计师及项目决策者等群体服务、以设计为中心的协作工具。InVision 不仅可以让设计师绘制 app 或网站的创意，并且还能在缺少后端工程支撑的情况下开发出与实际产品类似感观的原型。

[![4eadef5c-c93b-4fc9-bf94-122986144128.jpg][]][4eadef5c-c93b-4fc9-bf94-122986144128.jpg 1]

#### 3. Notism ####

[Notism][]以快速、简便、高效的方式帮助团队处理可视化事务。它含有绘制草图和进行评论的工具，允许用户创建交互式技术原型，并且还具有项目管理的功能。

[![dfd93571-4569-4140-93e7-00aee89f4a44.jpg][]][dfd93571-4569-4140-93e7-00aee89f4a44.jpg 1]

#### 4. Red Pen ####

[Red Pen][]的强大之处在于它的简单，你可以点击任何地方来建立一个图片和评论。

![cf3a59d5-f4b7-4b44-9e2b-1ebbc3850ab5.jpg][]

#### 5. Trello ####

[Trello][]是由著名的软件工程师 Joel Spolsky 开发的一个团队协作平台，今天在 TechCrunch Disrupt 大会上正式发布。在不到 3 小时的时间内，Trello 已经积累了 5000 多用户。

Trello 上的工作都围绕“木板（board）”进行，同一小组的用户可以在这里创建待办事项列表（to do list）、创建任务，并分配给同事，当同事完成工作后可以把任务状态标记为完成，类似于 producteev。你可以为每个项目创建一张卡片，里面包括活动、附件、更新、沟通内容等信息。你可以把同事拖拽到这些卡片中，然后把卡片拖到列表 里。

[![33da122b-c5fe-4574-9706-fbfa510745f7.jpg][]][33da122b-c5fe-4574-9706-fbfa510745f7.jpg 1]

#### 6. Cage ####

[Cage][] 允许你直接在视觉效果上进行协作。真正有用的收集反馈在下一个迭代中，它会让你的设计在没有额外的沟通渠道下被批准。

[![c91860e2-921d-4f84-85d8-2fb9f9a21236.jpg][]][c91860e2-921d-4f84-85d8-2fb9f9a21236.jpg 1]

#### 7. Murally ####

[Murally][]–这是帮助策划的相关概念和思想在一个地方，一个有用的工具 .

[![38a39720-2274-4911-905b-972aea322f14.jpg][]][38a39720-2274-4911-905b-972aea322f14.jpg 1]

## 总结 ##

这里有很多线上的用户体验解决工具，你很难对所有的工具都进行了解。但是我希望你可以其中只个合适的工具，并在实际开发过程中使用它们，相信它们一定会给你带来帮助。混合使用这些应用和工具会给你带来最大化的收获。

本站开发的课程教程或者翻译教程 想看看如何编写这个特效或者模板的，请点击“[代码录制][Link 1]”查看代码是如何被开发出来的

原文来自：[用户体验设计师常用的21款工具和应用 ][21_]

[38a39720-2274-4911-905b-972aea322f14.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/38a39720-2274-4911-905b-972aea322f14.jpg
[38a39720-2274-4911-905b-972aea322f14.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/38a39720-2274-4911-905b-972aea322f14.jpg
[UsabilityTools]: http://usabilitytools.com/
[3d6c07e0-54ee-4123-a367-4e3f2f214fc0.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/3d6c07e0-54ee-4123-a367-4e3f2f214fc0.jpg
[3d6c07e0-54ee-4123-a367-4e3f2f214fc0.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/3d6c07e0-54ee-4123-a367-4e3f2f214fc0.jpg
[MouseStats]: http://www.mousestats.com/
[808c2565-07dc-4731-9ca3-0e9bbe4fc81a.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/808c2565-07dc-4731-9ca3-0e9bbe4fc81a.jpg
[808c2565-07dc-4731-9ca3-0e9bbe4fc81a.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/808c2565-07dc-4731-9ca3-0e9bbe4fc81a.jpg
[Attensee]: http://www.attensee.com/
[9faa9567-e93f-4e00-8587-b40c15358faa.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/9faa9567-e93f-4e00-8587-b40c15358faa.jpg
[9faa9567-e93f-4e00-8587-b40c15358faa.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/9faa9567-e93f-4e00-8587-b40c15358faa.jpg
[Appsee]: http://www.appsee.com/
[e787c72a-6a42-46cb-ab62-bf7c368a0936.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/e787c72a-6a42-46cb-ab62-bf7c368a0936.jpg
[e787c72a-6a42-46cb-ab62-bf7c368a0936.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/e787c72a-6a42-46cb-ab62-bf7c368a0936.jpg
[UserVoice]: https://www.uservoice.com/
[5aecfeaf-7fd1-41af-b6ad-f6cfff7e4f5e.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/5aecfeaf-7fd1-41af-b6ad-f6cfff7e4f5e.jpg
[5aecfeaf-7fd1-41af-b6ad-f6cfff7e4f5e.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/5aecfeaf-7fd1-41af-b6ad-f6cfff7e4f5e.jpg
[Ethnio]: http://ethn.io/
[2d99bfff-e7b9-4e20-8ddc-0ceadfb741a0.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/2d99bfff-e7b9-4e20-8ddc-0ceadfb741a0.jpg
[2d99bfff-e7b9-4e20-8ddc-0ceadfb741a0.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/2d99bfff-e7b9-4e20-8ddc-0ceadfb741a0.jpg
[Silverback]: http://silverbackapp.com/
[b3c23e28-fc34-4d46-a685-326121a9fbc6.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/b3c23e28-fc34-4d46-a685-326121a9fbc6.jpg
[b3c23e28-fc34-4d46-a685-326121a9fbc6.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/b3c23e28-fc34-4d46-a685-326121a9fbc6.jpg
[Solidify]: http://www.solidifyapp.com/
[a7b7da3e-e493-474f-9f53-f177bbc1656c.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/a7b7da3e-e493-474f-9f53-f177bbc1656c.jpg
[a7b7da3e-e493-474f-9f53-f177bbc1656c.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/a7b7da3e-e493-474f-9f53-f177bbc1656c.jpg
[POP]: https://popapp.in/
[8f243bbf-fd8a-4d45-95d6-7268b4bcccf1.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/8f243bbf-fd8a-4d45-95d6-7268b4bcccf1.jpg
[8f243bbf-fd8a-4d45-95d6-7268b4bcccf1.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/8f243bbf-fd8a-4d45-95d6-7268b4bcccf1.jpg
[UXPin]: http://uxpin.com/
[50e07921-293d-4775-8b45-5b28a67913c2.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/50e07921-293d-4775-8b45-5b28a67913c2.jpg
[50e07921-293d-4775-8b45-5b28a67913c2.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/50e07921-293d-4775-8b45-5b28a67913c2.jpg
[Proto.io]: http://www.gbtags.com/gb/share/3720.htm
[cb0e0737-f845-4141-b3af-e87def5118f9.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/cb0e0737-f845-4141-b3af-e87def5118f9.jpg
[cb0e0737-f845-4141-b3af-e87def5118f9.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/cb0e0737-f845-4141-b3af-e87def5118f9.jpg
[Power Mockup]: http://www.powermockup.com/
[3cdd4f27-d587-48f9-b678-308fe071c605.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/3cdd4f27-d587-48f9-b678-308fe071c605.jpg
[3cdd4f27-d587-48f9-b678-308fe071c605.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/3cdd4f27-d587-48f9-b678-308fe071c605.jpg
[Balsamiq]: http://balsamiq.com/
[5a32125e-6727-47fc-8ff8-cf361923d112.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/5a32125e-6727-47fc-8ff8-cf361923d112.jpg
[5a32125e-6727-47fc-8ff8-cf361923d112.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/5a32125e-6727-47fc-8ff8-cf361923d112.jpg
[Gliff]: http://www.gliffy.com/
[dbd018cf-bd37-4eb9-860a-df01d75efe36.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/dbd018cf-bd37-4eb9-860a-df01d75efe36.jpg
[dbd018cf-bd37-4eb9-860a-df01d75efe36.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/dbd018cf-bd37-4eb9-860a-df01d75efe36.jpg
[d184174f-c733-4197-8698-297025e128e9.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/d184174f-c733-4197-8698-297025e128e9.jpg
[d184174f-c733-4197-8698-297025e128e9.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/d184174f-c733-4197-8698-297025e128e9.jpg
[Invision]: http://www.invisionapp.com/
[4eadef5c-c93b-4fc9-bf94-122986144128.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/4eadef5c-c93b-4fc9-bf94-122986144128.jpg
[4eadef5c-c93b-4fc9-bf94-122986144128.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/4eadef5c-c93b-4fc9-bf94-122986144128.jpg
[Notism]: https://www.notism.io/home
[dfd93571-4569-4140-93e7-00aee89f4a44.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/dfd93571-4569-4140-93e7-00aee89f4a44.jpg
[dfd93571-4569-4140-93e7-00aee89f4a44.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/dfd93571-4569-4140-93e7-00aee89f4a44.jpg
[Red Pen]: https://redpen.io/
[cf3a59d5-f4b7-4b44-9e2b-1ebbc3850ab5.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/cf3a59d5-f4b7-4b44-9e2b-1ebbc3850ab5.jpg
[Trello]: https://trello.com/
[33da122b-c5fe-4574-9706-fbfa510745f7.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/33da122b-c5fe-4574-9706-fbfa510745f7.jpg
[33da122b-c5fe-4574-9706-fbfa510745f7.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/33da122b-c5fe-4574-9706-fbfa510745f7.jpg
[Cage]: http://www.cageapp.com/
[c91860e2-921d-4f84-85d8-2fb9f9a21236.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/c91860e2-921d-4f84-85d8-2fb9f9a21236.jpg
[c91860e2-921d-4f84-85d8-2fb9f9a21236.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/c91860e2-921d-4f84-85d8-2fb9f9a21236.jpg
[Murally]: https://mural.ly/
[Link 1]: http://www.gbtags.com/gb/listcodereplay.htm
[21_]: http://www.gbtags.com/gb/share/3946.htm