用户体验设计师常用的21款工具和应用

工作在用户体验团队中会经常需要用到一些在线工具。对于UX的世界,不管你是一个新手还是一个经验丰富的老鸟,你都不应该停止寻找一些会让你的工作变得轻松的工具。在这篇文章中,我们为你准备了21款有用户体验设计的相关工具。

用户体验设计师常用的21款工具和应用

工作在用户体验团队中会经常需要用到一些在线工具。对于UX的世界,不管你是一个新手还是一个经验丰富的老鸟,你都不应该停止寻找一些会让你的工作变得轻松的工具。在这篇文章中,我们为你准备了21款有用户体验设计的相关工具。

其中一些工具你可能已经使用过了,但是我们希望通过这篇文章给你带来一些新的感受,我把这些工具分成了三类:

  1. 用户调查/测试/回馈
  2. 原型 / 图表
  3. 协作

用户调查/ 测试 / 回馈

在开发原型阶段之前,你必须做大量的研究和调查,正确的了解用户的需求并创建出相应用Web和移动解决方案。

1. UsabilityTools

UsabilityTools 是一个允许你以用户的视角来看一个网站,并且可以直接问其它人如何根据不同的研究和测试方法提高你的服务。UsabilityTools是一个完整的调查面板,这个平台拥有来自世界各地超过1000万的用户。

用户体验设计师常用的21款工具和应用

2. MouseStats

MouseStats 提供你根据用户鼠标动作来分析用户行为的能力。根据眼球和鼠标的移动,这个软件可以让你知道页面中的哪一部分内容了访问者。

用户体验设计师常用的21款工具和应用

3. Attensee

Attensee 通过测量用户视觉关注提供了独特的网站分析见解,你可以了解到你的网站如何分配用户的行为模式。

用户体验设计师常用的21款工具和应用

4. Appsee

Appsee 是一个手机应用的软件分析工具。你可以直接查看用户的Session记录并得到一个用户行为可视化的力图表。

用户体验设计师常用的21款工具和应用

5. UserVoice

UserVoice这个工具的名字可以很好的解释它的功能, 作为一个用户体验设计师,你应该知道用户怎么评价你的产品。这是一个称的上伟大的工具箱,从收集快速的反馈到管理整个用户支持系统,它都提供了非常不错的解决方案。

用户体验设计师常用的21款工具和应用

6. Ethnio

Ethnio 不仅允许你进行用户调查分析,还很容易找一些参与者,你甚至可以通过电话或电子邮件进行沟通。

用户体验设计师常用的21款工具和应用

7. Silverback

Silverback 是一个软件,根据他们自己的介绍,它只要是用来测试。你可以通过它来邀请参与者进行研究。

用户体验设计师常用的21款工具和应用

原型 / 图表工具

一个原型可以让你在编码之前预见很多问题。无论你要设计复杂的网站架构还是一个移动应用程序,它都能为你提供一些解决方案。

1. Solidify

Solidify是一个成功的原型设计工具,允许你创建一个点击事件,用户可以在各个设备中测试它。和其它工具不同的是,它会提供给你一个相关分析的报表。

用户体验设计师常用的21款工具和应用

2. POP

POP是一个将手绘转化成原型的应用。如果你也喜欢在纸上手绘原型,可以尝试一下这个工具。

用户体验设计师常用的21款工具和应用

3. UXPin

UXPin是DeSmart团队开发的一个简易快速的实体模型和在线可点击原型创作工具。它基于优秀的用户体验设计原则,在构建原型中,它提供了一个完整的工具包(该工具包具有良好的用户设计模式和元素)来从头构建一个出色的原型。

UXPin具有响应式的断点功能,创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能,可以轻松的共享预览,直观的注解和实时的协同编辑和聊天。该软件拥有大量具有吸引力的用户界面元素风格(包括web,iOS,Android等),并且具有快速、灵敏的响应拖放接口。

用户体验设计师常用的21款工具和应用

4. Proto.io

在早期的文章中我已经详细的讲过Proto.io,它是一个非常实用的原型设计工具,包含很多动画支持,在原型的交互上做的非常赞。它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard、编辑器以及播放器。

dashboard可以用来管理项目。编辑器是构建原型的环境,由一组设计和开发原型的工具组成,另外还可以构建交互。播放器用来观看原型,并与原型进行交互,并提供了相关工具来标注和保留反馈信息。你可以直接在真实的移动设备上对原型进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。

用户体验设计师常用的21款工具和应用

5. Power Mockup

Power Mockup 可以让你在PPT中展示原型。对于不懂技术的人来说,它是非常好用的工具。

用户体验设计师常用的21款工具和应用

6. Balsamiq

使用Balsamiq有一种画画的感觉,而且由于这一切是数字化的,“画家”们可以简单地进行修改。一个开发团队需要对界面设计进行反复地修改。有了Balsamiq Mockups,产品经理、开发者甚至是客户可以坐在一起,用同一个工具共同修改。达成统一之后,开发者再进行代码的编写。

用户体验设计师常用的21款工具和应用

7. Gliffy

Gliff是基于Web的应用程序,允许用户创建过程流程图,组织结构图,平面图,业务流程,网络图,技术图纸,网站线框图。

用户体验设计师常用的21款工具和应用

协作工具

团队合作是必须的,我们应该学会如何利用工具提高团队合作的效率,但是不要被工具所限制。

1. Memosort

正如官网所说,“Space to think solutions”。

用户体验设计师常用的21款工具和应用

2. Invision

Invision 是一家提供协作设计工具的初创企业,成立于 2011 年,总部位于纽约。与其他的项目管理和协作工具不同的是,它是面向设计师及项目决策者等群体服务、以设计为中心的协作工具。InVision 不仅可以让设计师绘制 app 或网站的创意,并且还能在缺少后端工程支撑的情况下开发出与实际产品类似感观的原型。

用户体验设计师常用的21款工具和应用

3. Notism

Notism以快速、简便、高效的方式帮助团队处理可视化事务。它含有绘制草图和进行评论的工具,允许用户创建交互式技术原型,并且还具有项目管理的功能。

用户体验设计师常用的21款工具和应用

4. Red Pen

Red Pen的强大之处在于它的简单,你可以点击任何地方来建立一个图片和评论。

用户体验设计师常用的21款工具和应用

5. Trello

Trello是由著名的软件工程师 Joel Spolsky 开发的一个团队协作平台,今天在 TechCrunch Disrupt 大会上正式发布。在不到 3 小时的时间内,Trello 已经积累了 5000 多用户。

Trello 上的工作都围绕“木板(board)”进行,同一小组的用户可以在这里创建待办事项列表(to do list)、创建任务,并分配给同事,当同事完成工作后可以把任务状态标记为完成,类似于 producteev。你可以为每个项目创建一张卡片,里面包括活动、附件、更新、沟通内容等信息。你可以把同事拖拽到这些卡片中,然后把卡片拖到列表里。

用户体验设计师常用的21款工具和应用

6. Cage

Cage 允许你直接在视觉效果上进行协作。真正有用的收集反馈在下一个迭代中,它会让你的设计在没有额外的沟通渠道下被批准。

用户体验设计师常用的21款工具和应用

7. Murally

Murally–这是帮助策划的相关概念和思想在一个地方,一个有用的工具 .

用户体验设计师常用的21款工具和应用

总结

这里有很多线上的用户体验解决工具,你很难对所有的工具都进行了解。但是我希望你可以其中只个合适的工具,并在实际开发过程中使用它们,相信它们一定会给你带来帮助。混合使用这些应用和工具会给你带来最大化的收获。

 

英文原文地址:http://speckyboy.com/2014/09/11/20-useful-tools-apps-everyday-ux-tasks/

译文地址:http://www.gbtags.com/gb/share/3946.htm

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

(0)
CatherineCatherine
上一篇 2017-05-29 14:28
下一篇 2017-05-29 16:24

相关推荐

  • 如何使交互稿的体验更好

    上周偶然的机会,看到老大在帮别的团队筛选简历,看到了一个同学的简单交互稿,只有界面信息的排版和页面跳转流程,缺省了很多交互稿应有的内容。后来,想起之前和同事聊起交互稿到底该如何表现的问题,就想着可以…

    2016-09-02
  • 专业的网页风格指南应该如何制作?

    文案规范
    视觉指南

    配色方案,包括每种色彩的具体参数,以及其他可接受的色调
    字体和排版方案,包括每个部分的字体类型、尺寸、字重以及具体用法
    LOGO,包括它的样式、变体、尺寸以及位置的说明
    拼写、关键词的选择、文案的风格(包括按钮、社交媒体等)
    图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准
    SEO信息,比如可选的标签和关键词
    栅格标准(主要用作网页排版和印刷)
    空间与留白方面的说明(设计的松紧度等)
    关键点的说明(团队成员可能会提出的问题或者有待澄清的点)

    在内容表述上不要限制太多,这毕竟是风格指南,重点是视觉上的引导,设计是核心;
    将相关、相联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页面做排版的规范等等;
    用图片案例来展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;
    提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致;
    将一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;

    2017-05-22
  • 一年多的时间中经历2次爆发,Faceu在运营方面的过人之处在哪?

    作者:思达维琦   1. 产品介绍 1.1 产品形态与定位 faceu激萌是一款主要面向年轻用户(15-35岁女性为主)的自拍P图工具、视频社交工具,在app store中的官方描述为“Faceu激萌—动态贴纸、美颜自拍、视频聊天、卖萌神…

    交互专题 2017-08-07
  • 谈谈(web)网页设计中的留白原理 – 2016版

    设计中存在很多关于留白的只是,零零散散在网上也看过很多,总感觉比较零散,自己根据自己的感觉,重新把留白的原理和一些技巧系统的归纳整理了以下,也对自己的一个提升。分享给大家。

    2017-05-28
  • Apple Watch超细致的硬件交互设计?什么!硬件还有交互设计?

    阿西导读:交互设计在任何有与人产生交互的设备|系统中,人机交互的范围很广,但交互设计的目的是为了提升整体的用户体验. 冷锻不锈钢,炼就强韧与魅力。 产品的用途,决定产品所用的材质。Apple Watch 设计的初衷是为…

    2015-01-26
  • 用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 网页的交互设计and界面与用户体验案例:Nike Tech Pack in store app

    第一段是动效的视频,请注意观看交互效果与配色设计。 图片都可以点击放大,更清楚哦。 原文地址:https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app 多个作者: Shakir Dzheyranov / Detail …

    2016-01-10
  • UED · 艺见 | 当玻璃遇到混凝土

    编者按所谓一方水土养一方人,美丽的地方不仅盛产美人也盛产创造美的艺术家。比如这位大半生都生活在新西兰美丽海湾的雕塑家Ben Young,他不仅造得一手好船,还是是衝浪和滑板行家。拥有如此多令人羡慕嫉妒恨的技能的他,还不忘用那双巧手和那颗被海洋蓝温柔的心不停地创造着惊艳的作品。那是玻璃与混凝土的碰撞,是坚强支撑着的脆弱,是冷漠背后的柔软。via:brokenliquid.com

    2018-02-07
  • 一波三折,卢卡斯叙事艺术博物馆方案的前世今生

    📌 编辑 | Ann3月14日MAD建筑事务所卢卡斯叙事艺术博物馆动工卢卡斯叙事博物馆效果图(洛杉矶)©MAD“ 这是一家艺术博物馆,但我更把她定位成关于人类的博物馆。流行艺术可以洞察社会,反映人们想变成什么,要什么,和自己真正是什么——这就是关于人的故事、历史和信仰体系的叙事艺术。我经常笑说,需要有博物馆去支持那些人们少闻但乐见的罕见艺术。这座博物馆就是我达成这个愿望的梦想。谢谢马岩松,我欣赏的天才建筑师。我心里一直想着这应该是一个极...

    2018-03-17
  • 4K已至,保障用户体验是成功的关键

    4K技术介绍1.1什么是4K分辨率图像的大小一般用像素分辨率来表示,例如1920*1080的分辨率就意味着图像是由水平方向每行1920个像素以及垂直方向每列1080个像素组成的。出于方便交流的原因,业界也常常以图像水平方向上的像素值来表示图片大小,而且为了简化交流过程,一般情况下会用“K”来描述像素值,其中1K相当于1024个像素,几K就是指图像的水平方向每行像素值达到或者接近1024的几倍。以此为标准,4K图像就是指水平方向每行像素值...

    2018-04-04