来源:GBin1.com

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

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

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

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

思维导图,流程图和网站导航

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

XMind(免费)

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

ConceptDraw Office ($199)

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

OmniGraffle ($69.99)

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

Gliffy (免费)

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

框架和原型

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

PowerMockup ($59.99)

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

Pencil (免费)

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

Mogups (每月$9)

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

Justinmind Prototyper (每月$19起)

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

FileSquare (免费)

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

Handcraft (每月$19起)

Handcraft是一款综合HTML,CSS,JavaScript的原型工具。

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

via 极客标签

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

30款基本UX工具 - 思维流程工具 & 原型工具的更多相关文章

  1. 30款基本UX工具 - 用户测试与反馈工具

    日期:2013-9-5  来源:GBin1.com 在上一篇30款基本UX工具 - 思维流程工具 & 原型工具中,我们提到了10款用于头脑风暴和原型创建的工具,用于帮助我们在用户体验上可以做的 ...

  2. 推荐一款优雅高效的免费在线APP原型工具

    有段时间没有推荐干货给大伙了,今天是时候把压箱底的东西拿出来分享给大家了! 想要学习原型图绘制的小伙伴可以看过来,适合零基础的小白,五分钟就可以上手,绘制自己想要的产品原型图. 官方介绍:用户只需输入 ...

  3. 4款最受欢迎的Mac原型工具

    原型工具中Wireframe, Mockup和prototype之间的有什么不同? 无论你是一名刚入行的UX/UI设计师,还是入行多年的老手,在制作原型的过程中一定接触或听说过其中很重要的三个原型术语 ...

  4. App运营者必须知道的30款数据分析工具

    如今的移动应用早已不再是某种结构单一.功能简单的工具了.当我们的移动应用变得越来越庞杂,我们便会需要借用分析工具,来跟踪和分析App内的每一个部分.幸运的是,目前市面上有许多数据分析工具可供App开发 ...

  5. [原创]K8_C段旁注查询工具5.0 30款国外主流CMS识别+智能识别未知CMS

    8_C段旁注查询工具V5.0 20161214作者:K8拉登哥哥 唯一QQ:396890445平台: Windows + .NET Framework 4.0 简介:K8_C段 提供4种方式查询子域名 ...

  6. 题目:vbs批量开通工具,实现vbs开通的ux设计和流程调度

    题目:vbs批量开通工具,实现vbs开通的ux设计和流程调度 需求点:支持开通前检查(检查失败不允许开站),开通过程监控,开通后业务检验,失败后重新开通,支持部分站点开通(比如用户导入的模板中有10个 ...

  7. 30款提升组织效能 SaaS 工具,我们的宝藏工具箱大公开

    熟悉 Juicedata 的小伙伴知道,从2017年成立到第一款产品发布.从寻找PMF(Product Market Fit) 到开源,我们一直保持着一个精简的团队配置,不少人都很好奇我们是如何做到的 ...

  8. 8款压箱底的Mac屏幕截图和录音录像工具软件,请你务必低调使用

    以下几款是是Mac上优秀的屏幕截图.录像和录音工具,有了这些工具,在Mac上进行截屏.录制视频或者录音都会事半功倍. 1. Snagit Mac上最好用最强大的屏幕截图工具,支持各种方式的屏幕截图以及 ...

  9. 转【Oracle】一款非常好用的trace文件分析工具

    [Oracle]一款非常好用的trace文件分析工具之一   北在南方 2016-04-14 11:23:58 浏览547 评论0 摘要: 介绍一款非常好用的10046分析工具--trca(Trace ...

随机推荐

  1. Kerberos-KDC

    Kerberos提供一种较好的解决方案,它是由MIT发明的,Kerberos建立了一个安全的.可信任的密钥分发中心(KDC, Key Distribution Center).Kerberos是一种认 ...

  2. C# 模拟键盘按键操作

    [DllImport("user32.dll")] public static extern IntPtr keybd_event(byte bVk, byte bScan, in ...

  3. CSS结构伪类E:first-child/last-child/only-child/empty

    E:first-child解释:E的父元素的第一个子元素正好是E,给这个E定义样式 E:last-child解释:E的父元素的最后一个子元素正好是E,给这个E定义样式 E:only-child解释:E ...

  4. 掌握jQuery插件开发,这篇文章就够了

    ---恢复内容开始--- 在实际开发工作中,总会碰到像滚动,分页,日历等展示效果的业务需求,对于接触过jQuery以及数据jQuery使用的人来说,首先想到的肯定是寻找现有的jQuery插件来满足形影 ...

  5. 第一次用IIS发布网站时遇到的两个问题

    1.  配置错误 说明: 在处理向该请求提供服务所需的配置文件时出错.请检查下面的特定错误详细信息并适当地修改配置文件. 分析器错误消息: 无法识别的属性“targetFramework”.请注意属性 ...

  6. Canvas简单动画和像素处理

    动画 利用JavaScript,可以在canvas元素上很容易地产生动画效果. var posX = 20, posY = 100; setInterval(function() { context. ...

  7. 17 java 存在的问题(转)

    java的问题: 1.性能:java的内存管理似乎比较自动化,但其实性能不是特别好.尤其是new对象的时候没有节制.在java中,有些对象构造成本很低,有些 很高.特别在UI编程的时候,大多数的UI对 ...

  8. C#中弹出新窗口

    1.在主窗体程序中定义对应别的窗体的对象 Form_a_class form1 = Form_a_class  test_delegate(); 2.调用显示 form1.ShowDialog();

  9. CSSOM视图模式

    相关技术文章: CSSOM视图模式(CSSOM View Module)相关整理 W3C CSSOM View Module

  10. ubuntu14.04中解压缩window中的zip文件,文件名乱码的解决方法

    在windows上压缩的文件,是以系统默认编码中文来压缩文件.由于zip文件中没有声明其编码,所以linux上的unzip一般以默认编码解压,中文文件名会出现乱码. 通过unzip行命令解压,指定字符 ...