30 个基本的用户体验开发工具和服务

oschina
 oschina
发布于 2013年08月23日
收藏 220

当我们在构思一个网站时,经常关注的是布局和技术特点,但忽视其中一个非常重要的方面——用户如何访问这个网站。如果用户难以搞清楚如何完成他们的目标,他们就会转身离去,不再回来。因此良好的用户体验是区别于竞争对手一个极为重要的因素(政府网站除外)。

而借助一些工具,可以让我们真正从访客的角度出发去全局的分析网站的结构、流程。本文向你推荐 30 个可以帮你提升用户体验的开发工具,包括思维导图、流程绘制以及测试和分析工具。

XMind (from free)

XMind 是一个采用 Java 开发的思维导图程序,支持 Windows, Mac OS X 和 Linux 系统。

01-xmind

 

ConceptDraw Office (from $199)

A powerful diagramming tool, ConceptDraw Office provides support for flowcharts and mind maps on Windows and Mac.

02-conceptdraw

 

OmniGraffle ($69.99)

Mac OS X and iPad users can choose OmniGraffle to create flow charts, organizational charts, and many other types of diagrams.

03-omnigraffle

 

Gliffy (from free)

Gliffy is a web-based diagram application with support for flow charts and sitemaps.

04-gliffy

 

Wireframes and prototypes

Before the actual coding begins, it often makes sense to do some prototyping. Prototypes allow you to play with different ideas and uncover possible issues without investing much time in coding and design. You can start with low-fidelity wireframes in grayscale and later create visual mockups and high-fidelity functional prototypes.

PowerMockup (from $59.99)

Use PowerMockup to create wireframes with PowerPoint.

05-powermockup

 

Pencil (free)

Pencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图,同时还提供 Firefox 的插件

06-pencil

 

Mogups (from $9/month)

Moqups is an online wireframing and mockup tool.

07-moqups

 

Justinmind Prototyper (from $19/month)

This application for wireframing web and mobile apps runs on Windows and Mac OS X.

08-justinmind

 

FileSquare (from free)

FileSquare is a web-based tool for creating click-through prototypes by linking together uploaded mockup images.

09-filesquare

 

Handcraft (from $19/month)

Handcraft is a collaborative HTML/CSS/JavaScript prototyping tool.

10-handcraft

 

User testing and feedback

Once you have something concrete to show, you should get it out in front of actual users, gather feedback, and act upon it. The applications and services listed below help you perform usability tests and organize user feedback.

IntuitionHQ (from free)

This remote usability testing service allows you to run various user tests on your designs and get instant feedback.

11-intuitionhq

 

Verify (from $19/month)

This online application collects and analyzes user feedback on screens and mockups.

12-verify

 

Polldaddy (from free)

Polldaddy is a web application for creating and publishing surveys and polls.

13-polldaddy

 

Concept Feedback (free)

Visit this online community to exchange feedback on designs.

14-concept-feedback

 

Fivesecondtest (from free)

This service gathers feedback by asking users to recall the elements of a website after having seen it for only five seconds.

15-fivesecondtest

 

PickFu (from $20)

This crowdsourcing service provides quick feedback via simple A/B polls.

16-pickfu

 

UserTesting (from $49)

UserTesting lets you “look over the shoulders” of people browsing your website.

17-usertesting

 

UsabilityTools (from $39/month)

This collection of tools offers user research including surveys, card sorting, and feedback forms.

18-usabilitytools

 

Morae (from $402 approx.)

This desktop software records user interactions (keyboard/mouse input, eye-tracking, audio, etc.) and analyzes the results.

19-morae

 

BugHerd (from $29/month)

BugHerd is an online bug tracker specially designed for web development projects.

20-bugherd

 

A/B split tests

A/B testing is simple: You create two variations (A and B) of a page and then determine which one produces better results measured in terms of purchases, newsletter sign-ups, or other factors you value, which reflect a better user experience. These two services can help you with that:

Optimizely (from $17/month)

This A/B split testing tool can help you find the most effective way to increase conversions on your website.

21-optimizely

 

Visual Website Optimizer (from free)

Like Optimizely, Visual Website Optimizer provides support for A/B testing, multivariate testing, behavior targeting, and more.

22-visual-web-optimizer

 

Analytics

Web analytics provide valuable insights into how people use your website. They can tell you how visitors typically navigate through the website, how long they stay on each page, when they leave the site, and much more. This information can be extremely helpful for identifying usability problems and their causes.

Crazy Egg (from $9/month)

This web analytics service visualizes user behavior with heat maps, scroll maps, and confetti reports.

23-crazy-egg

 

Inspectlet (from free)

Another web analytics tool, Inspectlet provides heat maps, real-time analytics, and screen recordings of visitor behavior.

24-inspectlet

 

Mixpanel (from free)

Mixpanel is an analytics platform for tracking custom events in mobile and web applications.

25-mixpanel

 

Validation, link checks and speed tests

For a positive user experience it’s also important that the technical side of a website works as intended. Nothing is more frustrating than links pointing to non-existant pages, websites taking forever to load, or broken pages because of HTML and JavaScript errors.

W3C Markup Validation Service (free)

This online service checks to determine whether the code of a web page is valid (X)HTML.

26-w3c

 

Dr. Link Check (free)

This web app checks a site for broken and blacklisted links.

27-dr-link-check

 

Pingdom Full Page Test (free)

Use this tool to test and analyze how long it takes your webpage to load.

28-pingdom-fpt

 

Google PageSpeed (free)

This Google service analyzes a web page and makes suggestions for how to improve its load time.

29-pagespeed

 

CrossBrowserTesting (from $29.95/month)

This service provides virtual machines for testing a website in different browsers on different operating systems.

30-crossbrowsertesting

 

via webdesignerdepot

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:30 个基本的用户体验开发工具和服务
加载中

最新评论(12

黑暗教长
黑暗教长
free的那几个业务不错···收费的是不是更猛···
颜小机
颜小机
小编,你也太懒了
大蛇Klaus
大蛇Klaus
做这个要看懂英文,我四级没过,怎么办。。
lxbzmy
lxbzmy
虽然能看懂,但是分分类就更好了。
BugScanner
BugScanner
月薪过万的高帅富,才敢使用OmniGraffle
花间小酌
花间小酌
哎呀 英语不好的程序员伤不起
阿昭
阿昭
好歹翻译一下。。。不能翻译了第一段就发布了啊
巴叔
巴叔
OmniGraffle 免费版够用了。非常不错的说。
伊藤熊吉
伊藤熊吉
美元符号无所谓阿,你把介绍翻译成中文的阿
返回顶部
顶部