30款基本UX工具 - 思维流程工具 & 原型工具

约定不等于承诺〃 2022-12-27 11:30 232阅读 0赞

来源：[GBin1.com][]

[![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _]][30_UX_ - _ _ _30_UX_ - _]

***现在的开发人员在建造网站时，注重的是布局和技术特性，但是往往忽略了更重要的一点，那就是用户体验。***

如 果用户在使用的时候，不能简单清楚的知道该要如何操作，那么他们一定会选择另一个操作简单，浅显易懂的网站或者应用，绝不会在回到这个复杂难解的应用上 来。一个令人舒服的用户体验，从另一个方面而言，可以让你的网站变得讨喜且令人印象深刻，这样一来，就比其他同类网站赢了一大截。

这就是为 什么考虑用户体验是那么的重要了。你需要问问你自己：你的页面上提供了用户期望看到的全部信息了么？当页面上有很多内容时，一些小细节就会在用户体验上创 造巨大的不同。在这一系列中，我会依序，按照功能分类介绍30款非常棒的工具和服务，帮助让你的网站变得更加好用。

***在这一篇中，首先介绍一下帮助大家创建想法，管理项目的软件。***

## 思维导图，流程图和网站导航 ##

创 建一个好用的网站的基础是一个好的计划。如果你没有一个基本的想法，那么你很难做出一个非常合乎人意的网站。思维导图，流程图和网站导航是创建图表，帮助 你创建计划的有效工具。思维导图用于创建和管理想法，而流程图帮助你将计划中的每一步都清晰直观的表述出来，你可以通过流程图来监控进程。网站导航则是用 于定义网站的导航结构。下面，我列举出了几款好用的帮助你构建想法，管理流程的软件工具：

## **XMind（免费）** ##

[XMind][]是一款开源的思维导图软件，可以用于Windows，Mac OS X 和Linux平台。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 1]

## **ConceptDraw Office ($199)** ##

[ConceptDraw Office][]是一款非常强大的图形工具，它在Windows和Mac平台上，对流程图和思维导图都有着很好的支持。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 2]

## **OmniGraffle ($69.99)** ##

对于Mac OS X和iPad用户可以选择[OmniGraffle][]来创建流程图，组织图和其他样式的图标。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 3]

## **Gliffy (免费)** ##

[Gliffy][]是一款基于网页的应用，支持流程图和网站导航图。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 4]

## 框架和原型 ##

在确实开始编码之前，我们经常需要做一些原型出来。原型让我们不需要花太多时间编码和设计，可以有不同的想法，但是不包含任何的可能问题的雏形。你可以从低保真度的框架开始，然后慢慢创建高保真的功能雏形。

## **PowerMockup ($59.99)** ##

你可以在Powerpoint上使用[PowerMockup][]创建框架。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 5]

## **Pencil (免费)** ##

可以在多种平台上使用，[Pencil][]是一款开源软件，提供GUI图形界面原型。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 6]

## **Mogups (每月$9)** ##

[Mogups][]是一款在线框架和实体模型工具。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 7]

## **Justinmind Prototyper (每月$19起)** ##

[Justinmind Prototyper][]用于设计Web和手机移动应用框架的软件，可以在Windows和Mac OS X平台上使用。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 8]

## **FileSquare (免费)** ##

[FileSquare][]是一个基于网络使用的工具，通过将上传的模型图片链接在一起创建原型。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 9]

## **Handcraft (每月$19起)** ##

[Handcraft][]是一款综合HTML，CSS，JavaScript的原型工具。

![30款基本UX工具 - 思维流程工具 & 原型工具][30_UX_ - _ _ 10]

***这一篇中，我们介绍一共10款用于头脑风暴和原型创建的工具，下一篇中，我们将继续介绍可以帮助我们优化用户体验的工具。如果有任何你觉得好的工具，是我们没有提及的，请给我们留言哦！***

via [ 极客标签 ][Link 1]

来源：[30款基本UX工具 - 思维流程工具 & 原型工具][GBin1.com]

[GBin1.com]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/
[30_UX_ - _ _]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/title.jpg
[30_UX_ - _ _ _30_UX_ - _]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/index.html
[XMind]: http://www.xmind.net/
[30_UX_ - _ _ 1]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/1.jpg
[ConceptDraw Office]: http://www.conceptdraw.com/
[30_UX_ - _ _ 2]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/2.jpg
[OmniGraffle]: http://www.omnigroup.com/products/omnigraffle/
[30_UX_ - _ _ 3]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/3.jpg
[Gliffy]: http://www.gliffy.com/
[30_UX_ - _ _ 4]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/4.jpg
[PowerMockup]: http://www.powermockup.com/
[30_UX_ - _ _ 5]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/5.jpg
[Pencil]: http://pencil.evolus.vn/
[30_UX_ - _ _ 6]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/6.jpg
[Mogups]: http://www.gbtags.com/gb/editpost.htm?postid=1822#moqups.com/
[30_UX_ - _ _ 7]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/7.jpg
[Justinmind Prototyper]: http://www.justinmind.com/
[30_UX_ - _ _ 8]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/8.jpg
[FileSquare]: http://www.filesq.com/
[30_UX_ - _ _ 9]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/9.jpg
[Handcraft]: http://handcraft.com/
[30_UX_ - _ _ 10]: http://www.gbin1.com/tools/design/20130904-ux-tools-part1/10.jpg
[Link 1]: http://www.gbtags.com/gb/share/1822.htm