设计师们值得一试的十款用户体验工具

设计师们值得一试的十款用户体验工具

用户体验设计师负责提升可用性、可访问性并以更具乐趣的方式实现用户与产品间的交互。作为用户体验设计师,用户研究、原型设计、用户测试以及设计协作正是其最为重要的技能所在。下面,我们将了解多种最佳用户体验工具,旨在帮助大家提升设计效率。

1468804542-1640-4974.jpg-wh-651x-s-699866638

用户研究 – 通过观测技术、任务分析及其它反馈信息理解用户行为、需求及动机。

设计– 原型设计能够帮助大家了解应用是否能够正常运作,同时检查设计与功能中可能存在的缺陷。

用户测试 –帮助发现设计中的问题或瓶颈。

设计协作 – 使设计流程更加流畅,同时简化团队成员与相关各方的沟通。

1. Sketch

1468804539-9118-155.jpg-wh-600x-s-3602846284

根据其创始者Pieter Omvlee所言,Sketch是一款图像编辑器,专门用于进行数字化设计。其他专门面向需要设计界面、网站与图标的OS X用户。Sketch的作用与Photoshop及Illustrator非常类似,但针对UX设计师做出了灵活性调整。

Sketch的矢量图形能够轻松实现样式、大小与布局调整,从而消除各类令人头痛的手动操作。每个新对象自动被贴入新的图层,这就让组合更具创意且轻松实现导航。另外,只需一次点击即可将成果从Sketch中导出。

价格:99美元

2.Color Safe

1468804546-9173-162.jpg-wh-600x-s-4239981155

Color Safe能够帮助设计师们选择合适的色彩搭配,从而确保用户能够在不同显示效果及屏幕分辨率下拥有同样卓越的访问体验。

3. XMind

1468804539-1439-262.jpg-wh-600x-s-2439447984

XMind是一款高人气思维导图工具,无数人利用它理清思路、管理复杂信息并进行工作安排。这款软件允许用户列出一切与项目相关的因素,包括目标、威胁、计划、进度、要求等等。XMind以可视化方式帮助用户快速理解其信息,并可自定义目标、进度、要求与问题的描述方式。

价格:免费版——永久免费\增强版——79美元\专业版——99美元

4. UsabilityTools

1468804544-3727-887.jpg-wh-600x-s-3012708316

UsabilityTools是最具人气的UX工具之一,负责对网站及Web应用进行页内可视化分析。Usability Tools能够帮助大家了解设计中的优点与缺陷,并提醒我们哪些作法并未起到良好效果。另外,它还能够建立自定义行为流,帮助我们知晓调整手段的实际收效。

价格:试用版——14天\专业版——每月19美元起

5. Marvel

1468804543-8156-368.jpg-wh-600x-s-2077148480

Marvel是一款Web应用,能够轻松实现设计、原型构建与协作。大家不仅可以借此设计用户界面与图标,同时也能够将来自本地、Dropbox以及Google Drive的屏幕设计添加为“热点”。只需数次点击,大家就能将各屏幕联系起来以构成交互式移动及Web应用。

价格:基础版——永久免费/专业版——每月15美元起

6. Slack

1468804547-7129-025.jpg-wh-600x-s-2153721829

Slack的口号是“实现二十一世纪的团队沟通”,它能够将Google Drive、Twitter以及Dropbox等沟通工具整合起来,帮助团队轻松交换意见。UX设计师能够借此与其他团队成员实时交流,从而消除隔阂、通力协作。

价格:免费版——永久免费/标准版——每月6.67美元

7. UserTesting

1468804548-4258-170.jpg-wh-600x-s-2444215372

糟糕的使用体验不仅会惹恼用户,更会给企业造成严重损失。User Testing能够帮助大家从用户处获取反馈、远程管理测试并在一小时内得出结论。这项服务适用于登录页面、邮件、广告、原型设计、实时站点以及应用程序。

价格:基础版——每段视频99美元(前十段视频每段49美元)

8. Optimizely

1468804550-7577-843.jpg-wh-600x-s-2817897195

与User Testing类似,Optimizely也能够轻松对网站及移动应用进行测试及个性化调整。然而,Optimizely主要强调A/B测试,因此设计师能够借此调整界面以获得更理想的效果。

9. Stylify Me

1468804551-7309-116.jpg-wh-600x-s-3659592856

Stylify Me旨在帮助设计师快速了解站点的设计方针,包括色彩、字体、大小及空间布局。这款工具能够有效完成站点研究工作,且无需立足于太过具体的元素,从而帮助设计师掌握设计倾向并做出决策。

10.Mockplus

1468804551-6129-077.jpg-wh-600x-s-1074140245

这是一款基于桌面的用户体验工具, 可快速实现移动、Web及桌面应用原型设计 。凭借着出色的易用性,用户无需凭借编程知识即可快速上手。Mockplus拥有良好的所见即所得功能, 例如大家熟悉的弹出菜单交互,3步即可实现:拖一个弹出菜单组件和一个按钮到画布,之后拖拽按钮的链接点到弹出菜单,然后运行演示。 总而言之,Mockplus是一款价格便宜且能够快速建立交互原型的出色工具。 此外,该产品还有个姊妹产品,Chainco,可专门导入UI视觉图交互演示,简单好用,UI/UX设计师有福了。

价格:基础版——永久免费 高级版——包年支付月均9.9美元,包月支付每月20美元。

 

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/15736/

(0)
yanz kontolyanz kontol
上一篇 2016-07-18 09:13
下一篇 2016-07-18 09:32

相关推荐

  • [桌面版] 在 Mockplus 2.1 (预览版)中使用滚动区

    1、添加一个滚动区。为方便查看,可以设置一个背景色 2、双击编辑滚动区 3、点击滚动条两端的按钮可以扩展或收缩滚动区中的内容。在两端按钮按下的同时,按住Ctrl键,可以加速扩展或收缩。也可以直接把内容组件拖到…

    2015-11-12
  • 关于Axure rp的相关介绍

    Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 Axure正确的英文发音应该是(ak sh…

    2014-09-09
  • [自译]我们如何使用原型,原型又如何让我们更加高效

    原型是至关重要的,它能够帮助你的团队创造出最好的产品。它是一个机会来试验你的想法,并转化为有形的状态,你可以继续测试或者展开。当你的原型失败之后,你也会很软着陆-这里还有很多机会去迭代和改进。

    2016-09-08
  • 021.Axure自动备份功能!让意外不在可怕!

    忘记保存了。。。。。。。。。 电脑意外重启了。。。。。。。。。。。。。。。 不小心删除了。。。。。。。。。。。。。。。。。。。。。。。。。。 每次做axure的时候,多有了太多的意外了!   萧何今天在微…

    2014-09-12
  • 从零开始学Axure原型设计(入门篇)

    如果说Sketch是最美、最简洁的设计软件,那么Axure就是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。虽然Axure的学习曲线比较陡峭,但是掌握之后可…

    2016-01-06
  • 新书:JUSTINMIND权威指南 作者:阿西UED

    《Justinmind权威指南》是国内第一部专著介绍Justinmind交互式原型设计的技术与技巧,讲述如何从确切的需求和期望出发,用最简单的方法创建易用、有效而且让用户愉悦的原型设计。书中从软件基础组件、工作方式、跨…

    2015-07-31
  • Axure官方教程中文版第5课:动态面板介绍-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(5).MP4 新建文件 1、添加一张图片和按钮 2、转换为动态面板并添加状态 3、为每个状态添加一张图片 4、设置点击“Next”按钮时进行下个状态的切换

    2015-01-26
  • 进阶必读的15本交互与用户体验设计经典书!

    今天小创整理了交互设计与用户体验设计领域的经典书单推荐给大家,不过真的想要在交互、用户体验领域的学习有所提升,除了读书外,多下载APP,多研究热搜榜上的应用,同时iPhone、Adroid等各类设计规范,是最好的交…

    2015-11-03
  • axure7.0中文汉化包

    下载地址:axure7.0中文汉化包20150516 使用教程: Axure RP Pro 7.0 正式版 (不兼容 6 版) 简体中文语言包 本汉化包由小楼制作,我是UE网整理分享。 支持 Axure RP Pro 正式版 当前最新版本 7.0.0.3183 汉化方法:…

    2015-05-27
  • 干货:关于响应式布局

    【导读】响应式布局是在如今屏幕尺寸越来越多样化趋势下的解决之道,但是该如何去做响应式布局呢? 在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型: 布局类型

    2015-03-19