`

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

阅读更多

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

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

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

用户调查/ 测试 / 回馈

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

1. UsabilityTools

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

2. MouseStats

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

3. Attensee

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

4. Appsee

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

5. UserVoice

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

6. Ethnio

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

7. Silverback

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

原型 / 图表工具

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

1. Solidify

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

2. POP

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

3. UXPin

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

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

4. Proto.io

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

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

5. Power Mockup

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

6. Balsamiq

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

7. Gliffy

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

协作工具

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

1. Memosort

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

2. Invision

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

3. Notism

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

4. Red Pen

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

5. Trello

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

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

6. Cage

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

7. Murally

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

总结

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

 本站开发的课程教程或者翻译教程 想看看如何编写这个特效或者模板的,请点击“代码录制”查看代码是如何被开发出来的

原文来自:用户体验设计师常用的21款工具和应用

0
0
分享到:
评论

相关推荐

    网页设计常用设计工具包

    网页设计是创建和维护网站视觉效果的艺术,它涵盖了多种技术和...这个工具包旨在为网页设计师提供一站式解决方案,通过整合各种工具,设计师可以更专注于创新和提升设计质量,从而打造出更具吸引力和用户体验的网页。

    设计师常用网页小图标大全

    "设计师常用网页小图标大全"是一个集合了1050多种图标资源的压缩包,旨在满足设计师们在创建网页时对各种小图标的需求。 这个图标库涵盖了众多类别,可能包括但不限于以下方面: 1. 导航图标:如菜单、返回、前进...

    开发及常用应用的工具篇

    - **应用场景**:适合网页设计、UI设计等领域,方便设计师在制作过程中准确地引用颜色。 #### 正则验证 - RegexBuddy - **简介**:RegexBuddy是一种强大的正则表达式测试工具,支持多种编程语言中的正则表达式语法...

    设计师常用网页小图标大全.rar

    本资源“设计师常用网页小图标大全”提供了一套全面的图标集合,总计1044个图标,涵盖了设计师在制作网页时可能需要用到的各种类型。 这些图标的设计通常遵循简约、直观的原则,以确保在不同尺寸下都能清晰可辨。...

    软件工程实践中的用户体验设计.pptx

    以上章节概述了软件工程实践中用户体验设计的关键方面,包括用户体验设计的重要性、用户研究的方法、设计原则以及常用的设计工具。通过这些知识的学习和应用,可以有效地提升产品的用户体验,从而增强产品的市场竞争...

    Web 设计师的 50 个超便利工具

    8. **Visual Website Optimizer (VWO)** 是一款强大的A/B测试工具,帮助设计师评估和优化网站的用户体验和转化率。 9. **Keyonary** 提供了各种软件的快捷键列表,提高设计师的工作效率。 10. **gridr buildrrr** ...

    设计按钮时常用的工具栏图标 bmp

    通过Delphi和VB这样的开发工具,设计师和开发者能够轻松地创建和定制图标,从而构建出用户友好的界面。这些图标不仅需要美观,更需要符合用户的心理模型,确保用户能够快速识别并理解其功能。在实际项目中,应根据...

    上位机 常用工具 配色工具

    本压缩包文件提供的“上位机常用工具-配色工具”正是为了帮助设计师们更好地完成这一任务。 配色工具在UI设计中的作用主要体现在以下几个方面: 1. **色彩搭配**:良好的色彩搭配可以提升UI的视觉效果,吸引用户的...

    腾讯网UED体验设计之旅 PDF

    - 介绍了常用的用户体验设计工具和技术。 - 如何利用这些工具提高设计效率和质量。 6. **团队合作与沟通** - 讨论了跨部门协作的重要性及有效沟通策略。 - 如何建立高效的团队合作机制。 7. **未来趋势展望** ...

    工具栏菜单栏常用位图

    总的来说,"工具栏菜单栏常用位图"的资源对于提升软件的用户体验至关重要。设计良好的工具栏和菜单栏图标可以使用户更直观地理解软件的功能,提高其操作效率。而"Toolbar editor"等工具则为开发者提供了实现这一目标...

    设计师专用色谱表

    "设计师专用色谱表"就是一个为了帮助设计师更好地理解和应用颜色的专业工具。这种色谱表通常包含了丰富的颜色组合、色彩理论以及色彩搭配建议,为网页设计和平面设计提供了强大的支持。 首先,色谱表的基础是色彩...

    [爱范例设计资源站][版式设计.日本平面设计师参考手册]

    ### 日本平面设计师常用工具和技术 1. **Photoshop**:作为最常用的图像处理软件之一,Photoshop提供了丰富的编辑功能,适合进行复杂的设计工作。 2. **Illustrator**:这款矢量图形软件非常适合制作精细的插图、...

    android原型设计工具

    它能够帮助开发者、设计师和项目团队清晰地理解应用程序的用户界面和交互流程,确保最终产品的用户体验。本文将深入探讨“Android原型设计工具”这一主题,以及如何利用这些工具进行高效的设计工作。 ### 1. 原型...

    界面设计-界面设计的常用软件.pptx

    5. Adobe XD:Adobe XD 是一套完整的用户体验设计工具,涵盖了原型设计和交互设计的功能。它允许设计师快速创建交互式原型,并且可以直接在软件中进行简单的动画设计,提高设计的动态表现力。 6. InVision:...

    用户体验草图(中文版)

    用户体验草图是产品经理在设计产品过程中,为了表达和交流设计理念,快速捕捉用户需求与行为的一种可视化工具。中文版的用户体验草图文件,以其语言亲和力,为国内的产品设计者提供了方便,使得理解和应用这一方法论...

    多媒体应用设计师试卷及答案

    通过这些知识点的学习和实践,多媒体应用设计师能够有效地创建、管理和优化多媒体项目,为用户提供高质量的多媒体体验。在备考过程中,不断练习和掌握这些技能,将有助于提高考试成绩和实际工作能力。同时,及时关注...

    常用软件工具图标图片包

    "常用软件工具图标图片包"是一个包含多种常见软件工具图标的资源集合,对于设计师和开发者来说是宝贵的参考资料。 首先,我们要理解图标在软件中的重要性。图标设计遵循一定的原则,包括易识别性、一致性、简洁性...

    几个常用按钮制作工具

    Sketch是一款专为UI/UX设计师打造的设计工具,它拥有简洁的界面和强大的矢量编辑功能。Sketch提供了许多预设的按钮样式和组件库,你可以快速拖拽并自定义按钮的尺寸、颜色和文字,极大地提高了设计效率。 3. Figma ...

    工具栏常用ico图标

    - 设计工具:Adobe Illustrator、Sketch、Figma等工具可以帮助设计师创建高质量的图标。 - 色彩选择:色彩应符合品牌风格,同时考虑到不同背景下图标的表现。 4. **无障碍设计**: - 对于视觉障碍的用户,图标...

    通信人常用工具系列之距离测算工具.rar

    通信人常用工具系列之距离测算工具是一款专为通信行业从业者设计的应用程序,它集成了天线覆盖距离测算功能,能够帮助工程师和设计师在区域基站规划设计阶段进行精准的通信覆盖预估。这款小工具在电信行业中具有广泛...

Global site tag (gtag.js) - Google Analytics