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

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

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

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

相关推荐

  • 013. 图片热区——axure线框图部件库介绍

    首先,我们将图片热区组建拖动到axure页面编辑区域 1. 图片热区为页面图片或者其他部件添加热区,添加交互 我们一般在做专题的时候,会遇到一些组合商品,但是又需要单独分别设置连接,如果是2张图片还好办点,可是…

    2014-09-12
  • 【Mockplus教程】如何批量修改组件属性

    选择多个组件,在属性面板上面会显示这些组件的共同属性,而属性值为其中一个组件的属性值, 改变属性面板上面的属性后将应用到所有组件上。 以改变文字大小和颜色为例演示如下:

    2015-10-17
  • 【Mockplus教程】Windows上安装Mockplus

    进入摩客官网桌面端下载页面,选择对应的版本(windows/MAC)下载。 下载完成后,即可按照向导开始安装。 windows安装的整个过程见下方视频:  

    2015-08-12
  • Mockplus原型交互跟我做之6 - 快速给弹出面板命名

    在交互设计中,我们经常需要给弹出面板起一个名字,便于查看。

    一般的方式,是在属性面板中,通过“名称”来修改。

    但是还有更快捷的方式,就是选中弹出面板,按下空格键,然后输入名字。请看视频:

    2016-02-18
  • UE网APP现已发布:UE小组,致力于自学UE。

    UE小组是为:ue自学者提供一个自学UE的渠道和平台,希望能帮助到大家 UE小组的官网:UE小组 豌豆荚、360市场也可直接搜索“UE小组” 进行下载 现在支持安卓版本,稍晚些支持IOS,请广大苹果用户持续关注。 IOS和安卓…

    2015-05-27
  • UX设计师该看哪些书?

    UX设计师该看哪些书?看完这些书,UX可以进阶了 小编为你推荐以下的书籍,如果认真读完,并且读懂了,相信你可以进阶了。 (小编挑书小技巧:看看这本书的再版次数,再版次数越多,这本书一定越好) 小编推荐之:《…

    2016-10-26
  • 设计师书籍推荐阅读20本

    设计师书籍推荐阅读20本 01.《设计中的设计》 (日)原研哉 清晰扫描版 链接:http://pan.baidu.com/s/1qWoM7wg 密码:v53n 02.文字设计的原理 [日]伊达千代 内藤孝彦诚品书店年度精选 链接:http://pan.baidu.com/…

    2015-12-10
  • 012.水平线、垂直线——axure线框图部件库介绍

    1. 将水平线、垂直线拖动到axure页面编辑区域,如图:  2. 水平线、垂直线相关属性设置 主要属性有、线条的颜色、粗细、线条的样式、箭头的样式 (本文出自萧何)

    2014-09-12
  • 8种移动APP导航设计模式大对比

    本文转自用户体验联盟 当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来? 也许我们对比和了解…

    原型设计教程 2014-10-24
  • Axure实例教程:仿淘宝搜索原型

    做了个模仿淘宝搜索原型,先上图啦

    看似简单的搜索栏,包括的内容可不少哦,包含了:矩形、文本框、动态面板等。

    2014-12-31