30款基本UX工具 - 思维流程工具 & 原型工具
2013-09-04 23:33
459 查看
来源:GBin1.com
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/title.jpg)
现在的开发人员在建造网站时,注重的是布局和技术特性,但是往往忽略了更重要的一点,那就是用户体验。
如 果用户在使用的时候,不能简单清楚的知道该要如何操作,那么他们一定会选择另一个操作简单,浅显易懂的网站或者应用,绝不会在回到这个复杂难解的应用上 来。一个令人舒服的用户体验,从另一个方面而言,可以让你的网站变得讨喜且令人印象深刻,这样一来,就比其他同类网站赢了一大截。
这就是为 什么考虑用户体验是那么的重要了。你需要问问你自己:你的页面上提供了用户期望看到的全部信息了么?当页面上有很多内容时,一些小细节就会在用户体验上创 造巨大的不同。在这一系列中,我会依序,按照功能分类介绍30款非常棒的工具和服务,帮助让你的网站变得更加好用。
在这一篇中,首先介绍一下帮助大家创建想法,管理项目的软件。
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/1.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/2.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/3.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/4.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/5.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/6.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/7.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/8.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/9.jpg)
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/10.jpg)
这一篇中,我们介绍一共10款用于头脑风暴和原型创建的工具,下一篇中,我们将继续介绍可以帮助我们优化用户体验的工具。如果有任何你觉得好的工具,是我们没有提及的,请给我们留言哦!
via
极客标签
来源:30款基本UX工具 - 思维流程工具 & 原型工具
![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/title.jpg)
现在的开发人员在建造网站时,注重的是布局和技术特性,但是往往忽略了更重要的一点,那就是用户体验。
如 果用户在使用的时候,不能简单清楚的知道该要如何操作,那么他们一定会选择另一个操作简单,浅显易懂的网站或者应用,绝不会在回到这个复杂难解的应用上 来。一个令人舒服的用户体验,从另一个方面而言,可以让你的网站变得讨喜且令人印象深刻,这样一来,就比其他同类网站赢了一大截。
这就是为 什么考虑用户体验是那么的重要了。你需要问问你自己:你的页面上提供了用户期望看到的全部信息了么?当页面上有很多内容时,一些小细节就会在用户体验上创 造巨大的不同。在这一系列中,我会依序,按照功能分类介绍30款非常棒的工具和服务,帮助让你的网站变得更加好用。
在这一篇中,首先介绍一下帮助大家创建想法,管理项目的软件。
思维导图,流程图和网站导航
创 建一个好用的网站的基础是一个好的计划。如果你没有一个基本的想法,那么你很难做出一个非常合乎人意的网站。思维导图,流程图和网站导航是创建图表,帮助 你创建计划的有效工具。思维导图用于创建和管理想法,而流程图帮助你将计划中的每一步都清晰直观的表述出来,你可以通过流程图来监控进程。网站导航则是用 于定义网站的导航结构。下面,我列举出了几款好用的帮助你构建想法,管理流程的软件工具:XMind(免费)
XMind是一款开源的思维导图软件,可以用于Windows,Mac OS X 和Linux平台。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/1.jpg)
ConceptDraw Office ($199)
ConceptDraw Office是一款非常强大的图形工具,它在Windows和Mac平台上,对流程图和思维导图都有着很好的支持。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/2.jpg)
OmniGraffle ($69.99)
对于Mac OS X和iPad用户可以选择OmniGraffle来创建流程图,组织图和其他样式的图标。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/3.jpg)
Gliffy (免费)
Gliffy是一款基于网页的应用,支持流程图和网站导航图。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/4.jpg)
框架和原型
在确实开始编码之前,我们经常需要做一些原型出来。原型让我们不需要花太多时间编码和设计,可以有不同的想法,但是不包含任何的可能问题的雏形。你可以从低保真度的框架开始,然后慢慢创建高保真的功能雏形。PowerMockup ($59.99)
你可以在Powerpoint上使用PowerMockup创建框架。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/5.jpg)
Pencil (免费)
可以在多种平台上使用,Pencil是一款开源软件,提供GUI图形界面原型。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/6.jpg)
Mogups (每月$9)
Mogups是一款在线框架和实体模型工具。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/7.jpg)
Justinmind Prototyper (每月$19起)
Justinmind Prototyper用于设计Web和手机移动应用框架的软件,可以在Windows和Mac OS X平台上使用。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/8.jpg)
FileSquare (免费)
FileSquare是一个基于网络使用的工具,通过将上传的模型图片链接在一起创建原型。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/9.jpg)
Handcraft (每月$19起)
Handcraft是一款综合HTML,CSS,JavaScript的原型工具。![](http://www.gbin1.com/tools/design/20130904-ux-tools-part1/10.jpg)
这一篇中,我们介绍一共10款用于头脑风暴和原型创建的工具,下一篇中,我们将继续介绍可以帮助我们优化用户体验的工具。如果有任何你觉得好的工具,是我们没有提及的,请给我们留言哦!
via
极客标签
来源:30款基本UX工具 - 思维流程工具 & 原型工具
相关文章推荐
- 30款基本UX工具 - 思维流程工具 & 原型工具
- 30款基本UX工具 - 思维流程工具 & 原型工具
- 30款基本UX工具 - 思维流程工具 & 原型工具
- 30款基本UX工具 - 用户测试与反馈工具
- 30款基本UX工具 - 用户测试与反馈工具
- (贯穿全栈,小型产品,体会流程,工具学习,思维引导)作为程序猿快速执行前期产品原型设计以及项目开发流程纪录。。更新中
- 30款基本UX工具 - 用户测试与反馈工具
- 30款基本UX工具 - 用户测试与反馈工具
- Diskpart工具应用两则:MBR/GPT分区转换 & 基本/动态磁盘转换
- Axure工具学习基本原型图的详解
- Android学习笔记(2)--基本编译流程 & 添加定制产品
- grep 和 sed:linux经常使用工具 & 基本正則表達式
- 推荐移动UI/UX设计师和PM使用的原型工具
- 思维导图工具 & 原型设计工具
- 病毒分析必备工具及基本流程
- Amazon App Tester工具的安装和配置&Amazon内购接入流程以及测试
- 原型设计工具Axure-基本交互作用
- <iOS, Android>移动原型工具总结
- sed:linux常用工具 & 基本正则表达式
- RxJava && Agera 从源码简要分析基本调用流程(1)