Usability testing, mocking up, prototyping, verifying design ideas, design communities, customer feedback, and playing back actions of real website users are all vital tools that help create a successful website.
Last update: March 28th
Below is a comprehensive list of 73 UX tools that will help you build stunning web experiences. The tools are categorised as:
Here are some of them, of particular use to legal designers:
DIY usability testing
If finding participants for your usability study isn’t a problem there’s a handful products that will assist you in conducting usability tests more easily.
Silverback DIY usability testing
Silverback for Mac takes the lab out of user testing for UX professionals. With your built-in laptop camera, Silverback helps you to deliver professional results without any additional hardware. Silverback is a “guerilla” usability review application.
Usability Studio DIY usability testing
Usability Studio for Windows provide usability tests using your computer’s camera. Simultaneously records the user, his on-screen actions and voice.
OpenHallway DIY usability testing
OpenHallway is a completely web-based version of Silverback and Camtasia. Although simple, the benefits of being online based is easy recruitment of remote usability testers. As the usability suite is web based, no software needs installed.
Morae DIY usability testing
Morae is a TechSmith product that lets you record and remotely observe user interactions, analyze results, and share your findings.
Camtasia DIY usability testing
Camtasia is another TechSmith product that focuses on recording screens of connected devices and remote computers – and editing the video recorded into something usable; anything for a training video to usability study summary.
A bunch of tools offers a palette of buttons, controls, and graphics to create mock-ups that emulate real applications. Many of these bring mock-ups to life with action areas (do something on hover, click, etc.).
UXPin Prototype and mockup tools
UXPin lets you create version controlled web based responsive prototypes in real-time collaboration. Choose among a library of design elements and upload other project files such personas and business model canvases as well to keep everything in one place.
Invision Prototype and mockup tools
Invision is a web based design prototyping tool that will help you build fully interactive prototypes complete with gestures, transitions & animations. Present your mock ups and prototypes in real-time using the presentation mode that lets everybody annotate (draw) with their own color and present each with their own cursor.
Axure Prototype and mockup tools
Axure is a downloadable program available for Mac and PC that lets you build polished interactive prototypes.
Proto.io Prototype and mockup tools
Proto.io provides UI libraries, animations and interactions to build interactive cross-device prototypes quickly.
Balsamiq Prototype and mockup tools
The powerful Balsamiq interactive prototyping tool is known for its sketchy look that keep your peers in the right context when they give you feedback. Balsamiq is available as a downloadable application (mac, linux, and windows), as well as a Flash-based web version.
HotGloo Prototype and mockup tools
HotGloo is a web-based application that lets you create interactive wireframes and prototypes from a library of UI elements.
Concept.ly Prototype and mockup tools
Concept.ly is a collaboration and prototyping platform that lets you create interactive prototypes that aims to look and work exactly like your app while also letting you work together annotating your designs with comments.
Mockingbird Prototype and mockup tools
Mockingbird is a web-based tool that in a simple and effective way makes it easy for you to create, link together, preview, and share mockups of your website or application.
Moqups Prototype and mockup tools
Moqups is a web-based tool that lets you build interactive prototypes from a series of pre-defined user interface elements.
JustInMind Prototype and mockup tools
JustInMind is a Mac and Windows application that lets you prototype and design for all screens (web, mobile, and tablet) without using code. With a collection of pre-designed widget libraries, you’ll get started prototyping quickly.
Pidoco Prototype and mockup tools
Pidoco is a rapid prototyping tool that lets you create clickable wireframes, mockups and interactive UX prototypes for web, mobile and desktop applications.
AppCooker Prototype and mockup tools
AppCooker is a prototyping and mockup tool for creating mobile apps. It helps you think of app-specific characteristics such as orientation and native iOS components.
PowerMockup Prototype and mockup tools
PowerMockup turns PowerPoint into a wireframing tool by providing templates and tools for building wireframes in PowerPoint.
Omnigraffle Prototype and mockup tools
Omnigraffle is a legenday Mac application that lets you build interactive prototypes and graphs from a large palette of stencils.
Gliffy Wireframe tool
Gliffy is a web-based diagram application that lets you build anything from flowcharts, UML diagrams to wireframes.
MockFlow Wireframe tool
MockFlow is a web-based wireframe tool that features a palette of pre-defined UI elements.
Invision is not only a prototyping tool, but will also help you present your designs in interactive remote online meetings.
Design feedback
Getting feedback on your prototype or mock up is half of the design proces. Several design feedback tools let you easily and quickly get feedback on anything from the first sketch to full working prototypes.
VerifyApp Design feedback
VerifyApp lets you collect and analyze user feedback on screens or mockups. See where people click, what they remember or how they feel. The output is real-time browsable data as well as a generated PDF report.
UsabilityHub Design feedback
UsabilityHub lets you test your designs and mockups on real people. Find out what they think, what they remember, and where they make mistakes. Set up a usability test and send it out to the demographic you like.
IntuitionHQ Design feedback
IntuitionHQ lets you test your mock ups (uploaded image) by asking questions and letting the respondents answer by clicking on your uploaded image. Heat maps and reports are generated to let you analyse your results.
Chalkmark Design feedback
Chalkmark is a first impression application that lets you test your designs and screenshots. Upload your image, set tasks, recruit participants, and watch heatmaps of where users click when they try to complete your tasks
UsabilityTools Design feedback
Besides click tracking, visitors recording, form tester, UsabilityTools also connects you with your target audience through design surveys and website widgets.
PickFu Design feedback
PickFu is a versatile tool, that let’s you test book covers, lean startup ideas, UI mockups and marketing copy from real people. It’s a paid service.
Firefly Design feedback
Firefly is a tool that lets you upload your designs and discuss them with your teams through in-picture annotations.
Notism Design feedback
Notism is a tool that lets you share and collaborate on design and video work. It lets you review & sign-off visual content in an effective way through annotations and sketches.
Solidify Design feedback
Solidify lets you test workflows and ideas by prototyping interface screens
for user testing feedback across devices. It lets you understand flows and analyze where respondents leave the funnel.
