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

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

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

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

相关推荐

  • Interaction Design - Beyond Human-Computer Interaction, 4th Edition 下载 pdf&epub

    “交互设计呈现在交互设计领域的高度需要全面的和当代的视角。第三版再次确立了书作为该领域的基本教材。“

    2016-09-08
  • 007. 认识axure组件区域

    组件区域也叫做部件区域,英文为widgets,还有人称之为控件区域,组件是axure事先准备好的网站项目常用的零件,比如一些基本的页面元素 Axure默认存在2个组件库,分别为线框图和流程图。同时我们也可以自己去制作一…

    原型设计教程 2014-09-12
  • 【干货下载】Axure 元件库- 常用元素1056枚下载

    一套 Axure 常用元件库 " 元素库 - icons_64x64 for Axure " 方便 PM、UE 做原型设计时使用, 减少找图标、切图标的时间,提升工作效率。 元件库使用说明: <一> 将“.rplib 文件” 载入元件库 即可使用。 <…

    资源下载 2014-11-05
  • 006. 站点地图区域

    站点地图呈树状的,以主页为根节点,可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解,同时也方便我们对网站整体页面进行管理(添加、删除、重命名、调整层级、调整顺序)   :选择一个节…

    2014-09-12
  • Axure使用内部框架实现上下滑动特效

    有两种方式,这里是采用内部框架实现。 在线播放 下载源文件:点我上下滑动-艾欧交互 下载视频:上下滑动-艾欧交互

    原型设计教程 2014-09-09
  • Axure中文教程:格式设置详解

    AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所有的产品设计人员都懂CSS的。

    2015-01-01
  • 011.矩形、占位符组件——axure线框图部件库介绍

    矩形组件和占位符没有太多的区别,这里我们主要讲解矩形组件的操作和使用,占位符的操作各位可以按照矩形的操作方法进行练习一下。 矩形组件是一个矩形,它可以用来做很多的工作,比如页面上需要一块蓝色的背景,就…

    2014-09-12
  • 016. 动态面板——axure线框图部件库介绍

    1、什么是Axure的动态面板 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一…

    2014-09-12
  • 【译】学习Axure RP 8 Beta - 流程图改进

    From: Learn Axure RP 8 Beta: Flow Diagramming Improvements(http://www.axure.com/c/blog/161-learn-axure-rp-8-beta-flow-diagramming-improvements.html) 专题:Axure8.0 Axure RP 8 中在流程图部分做了部分…

    2015-08-20
  • 001.Axure rp 6.5的软件安装、汉化与注册

    第一步:从网络上下载axure安装程序到本地电脑、汉化语言包、注册码,双击安装程序,如图:                     第二步:安装过程截图乱码的情况是正常的 &nbs…

    2014-09-09