30 essential UX tools

When developers build websites, they often focus on the layout and technical features but neglect one very important aspect — how the user experiences the site. If users have a hard time figuring out how to accomplish their goals, they will look elsewhere and not come back. A pleasant user experience, on the other hand, can create a favorable and lasting impression that differentiates a site from its competition.

This is why it is so important to carefully consider what users experience when they visit your website. You have to ask yourself: Does this page provide the information the user expects? As with many things, the tiniest details can make the biggest difference in the user’s experience.

In this post, I’ll introduce 30 excellent tools and services for creating websites with better usability.


Mind maps, flow charts and sitemaps

The foundation of a usable website is a good plan. If you don’t have a basic idea of where your project is headed, it’s unlikely you’ll arrive at the right place. Mind maps, flow charts, and sitemaps are effective tools for creating the diagrams you need. Mind maps are great for generating and organizing ideas, while flow charts help visualize and plan the steps in a process. Sitemaps can be used to identify the navigation structure of a website. Here are some applications that can assist you with these tasks:

XMind (from free)

XMind is an open-source mind mapping program for Windows, Mac OS X, and Linux.


ConceptDraw Office (from $199)

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


OmniGraffle ($69.99)

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


Gliffy (from free)

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



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.


Pencil (free)

Available on several platforms, this open-source software provides GUI prototyping.


Mogups (from $9/month)

Moqups is an online wireframing and mockup tool.


Justinmind Prototyper (from $19/month)

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


FileSquare (from free)

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


Handcraft (from $19/month)

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



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.


Verify (from $19/month)

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


Polldaddy (from free)

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


Concept Feedback (free)

Visit this online community to exchange feedback on designs.


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.


PickFu (from $20)

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


UserTesting (from $49)

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


UsabilityTools (from $39/month)

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


Morae (from $402 approx.)

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


BugHerd (from $29/month)

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



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.


Visual Website Optimizer (from free)

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




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.


Inspectlet (from free)

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


Mixpanel (from free)

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



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.


Dr. Link Check (free)

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


Pingdom Full Page Test (free)

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


Google PageSpeed (free)

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


CrossBrowserTesting (from $29.95/month)

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


Do you use any of these tools? Have we missed any that you rely on? Let us know in the comments.

  • http://www.martinspierings.nl Martin Spierings

    So no free or self hosted Usability Testing?

  • http://www.madridwebdesign.es/ Consultor SEO

    Thanks!! are very usefull

  • http://www.spinxwebdesign.com/ Alan Smith

    Very useful
    list of UX tools. I got to know about many new tools. Thanks for sharing.

  • KevinJohnsons

    It’s really helpful tools for web designer. Thanks for sharing such a best tools.

  • Paulus

    Forrst.com also has a great community to get feedback on your designs.

  • Jano

    There is also uxpin.com – online wireframing tool

  • Todd Gilbert

    No Balsamiq?

    It’s a widely used and awesome lo-fi wore framing tool.

    I personally use and love myBalsamiq – their web version. MockupsToGo is their user supported library of symbols you can use – which is also awesome.

    • DavidAntaramian

      I was surprised as well. I use the desktop version of Balsamiq, and I also have the Google Drive version. So whenever I’m working with a computer that has an Internet connection and modern browser, I’m never far away from my wireframes collection. I just wish the Google Drive version supported project and account assets.

  • http://www.Maluslabs.com/ Dairen Wilcox

    Interesting… you would think with the term UX some of these would be more UI enriched.

  • MacGoo

    I use Mindnode for mind-mapping. Pretty fully featured and not too expensive.

  • Todd Gilbert

    Also surprised to not see Silverback on the list awesome usability testing tool for macs that is quite cheap.

  • http://davemalouf.com/ Dave malouf

    In the wireframing/mockups arena: Keynote Kung Fu and Keynotopia both are for people who use Keynote for prototyping.

    is there a tool that is like Morae for Remote testing (moderated)?

    Also, another tool similar to Morae is Silverback (http://silverbackapp.com/)

    Similar to Just In Mind is ProtoShare. And then there is Balsamiq.

    You also forgot the whole sim category of tools like Axure.

  • usersnap

    Thanks for this great list of UX tools! Little plug from our side: for actionable feedback and annotated screenshots, try Usersnap (yep, we have a 42 days free trial available!).

  • bobbyburdette

    I can’t believe UXPin didn’t make this list. Its by far the best wireframe and prototyping tool out on the market today.

    Also InVision isn’t on here. HMMMMmmm

  • Venessa Perez

    Indigo Studio has a great prototyping and storyboard program and it’s free http://www.infragistics.com/products/indigo-studio

  • http://wireframesketcher.com Peter Severin

    Also take a look at WireframeSketcher wireframing tool (http://wireframesketcher.com). It’s an offline, desktop app that comes with fast an native UI on Mac, Windows and Linux.

  • Ritendra

    Has anyone tried http://www.browserbite.com ? They don’t just give screenshots, but a report cross browser results with differences. It comes with a price, but on the other hand saves some time.

  • Nicola Boschetti

    Fantastic list of resources, many thanks!

  • Siah

    this one gets bookmarked, thanks!

  • http://rumblinglankan.com/ Nishadha Silva

    http://creately.com is another useful UX tool. You can draw wire-frames, iPhone mock-ups with real-time collaboration. Additionally you can use it to draw flowchart, mind maps and many more diagram types so you don’t have to spend time on different tools.

    Disclosure: I work for Cinergix, makers of Creately

  • Narek Kozmoyan

    There is also http://src.am – extremely light-weight solution for getting feedback on your designs.

  • Montek

    Thanks for consolidating the tools to help provide rich user experience

  • Marcy White

    Good list, but you should also try Lucid Chart. They have some awesome diagramming software. You can see some demos at https://www.lucidchart.com/pages/examples/sitemap_creator

  • Kranthi Kiran

    Are there any tools for creating user Personas?

  • John Anderson

    Describio (https://www.describio.com) is another useful tool to add to the list. You can create flowcharts that actually work using either the user interface or JavaScript (for advanced users). It’s great for testing logic before building the actual product.

  • http://www.webkreativo.com/ WebKreativo

    Very complete post and there are free and non-free services and tools, thak you very much.

  • Mina

    Nice and informative illustrated blog. Check out Mockplus, a rapid and simple prototyping tool. You can prototype Android apps, iOS apps and desktop apps without much more learning curve.