Tools for wireframing, prototyping, user research and test, creating diagrams, measuring user engagement and other activities from the UX Design universe.
We've already talked here about ways to keep up to date on UX Design and UX events to attend. Another topic that fellow designers frequently ask us about is the tools that they could use to materialize and communicate their design ideas.
We usually prefer tools that are unexpensive (ok, everyone does), that do not require software installation (a.k.a. browser-based tools) and that provide us with a good user experience when we're projecting experiences for other people. After all, that's how we spend a big part of the day.
Our favorite wireframing and prototyping tools:
"Flinto strikes the perfect balance between fast prototyping and realism. Prototypes run on iPhone or iPad and can be shared with anyone."
"With Protosketch from UI Stencils, your sketches become real, interactive prototypes that help you tell the whole story behind your great idea."
"Mockups.me lets you rapidly create interactive wireframes of your apps on your tablet."
"The only cloud-based platform with visual development tools and integrated backend services."
"The Realizer lets you create your very own presentation prototypes of iPhone and iPad apps."
"A prototyping tool for animation and interaction on desktop and mobile."
"Design & build in your browser. (It's the fastest way to ship.)"
"Turn PowerPoint Into a Wireframing Tool."
"Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them."
Keynote Kung Fu
"Use Keynote to create wireframes and clickable prototypes for the web and mobile devices."
"The best way to design beautiful and responsive UIs for mobile apps, websites and enterprise software."
"Build interactive prototypes quickly with HTML and jQuery components. No coding required."
"What if there was a tool to create wireframes AND prototypes?"
"FlairBuilder is a prototyping tool that lets you create interactive wireframes for websites and mobile applications."
"Pidoco is a web-based prototyping software for rapidly creating clickable wireframes and UI prototypes for web, mobile and enterprise applications."
"An open-source GUI prototyping tool that's available for ALL platforms."
"Impress your clients with click-through mockups and collect feedback on your designs."
"Transform your Mockups into clickable applications."
"An online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application."
"Super-easy Wireframing. Design, collaborate user interface concepts for your software and websites."
"iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications."
"Balsamiq is a small group of passionate individuals who believe work should be fun and that life's too short for bad software."
"OmniGraffle can help you make eye-popping graphic documents quickly by keeping lines connected to shapes even when they're moved."
"Create interactive prototypes and wireframes of Android, iOS and Windows 8 apps."
"Handcraft is a collaborative HTML prototyping tool built for interactivity and precise control."
"A brand new way of creating interactive prototypes that automatically connects to your Photoshop® documents."
Our favorite user research and testing tools:
Our favorite tools for organizing information:
"Brighten your user experience with the easiest online card sorting tool."
"WebSort enables you to conduct remote card sorting online. Create a study, send a link to participants, and analyze the results - all through a simple web-based interface."
Simple Card Sort
"Simple Card Sort has a rich set of features including subgroups, and participant replay. Two features you'll find no where else."
"xSort is a free card sorting application for Mac OS X aimed at user experience professionals and social scientists."
Diagrams / Sitemaps
"Professional-quality flowcharts, diagrams, floor plans, technical drawings and more."
"Lovely Charts is a diagramming application that allows you to create professional looking diagrams of all kinds."
"Create diagrams of all kinds on your desktop and the Internet, and work from both online and offline"
"With Google drawings you can easily create, share, and edit drawings online."
"Most Popular Mind Mapping Tool Millions of people use XMind to clarify thinking, manage complex information, run brainstorming and get work organized."
"The quintessential mind mapping experience, Mindnode makes it easy to brainstorm and organize your thoughts, so you can focus on your ideas."
"Work Inspired. Mindset ProjectDirector is a virtual whiteboard, collaboration & project management suite for everyone on your team."
Our favorite analytics and metrics tools:
Our favorite tools for other daily tasks:
Oh, and if by any chance you can read in Portuguese,
we recommend that you also follow our blog about UX and IA:
This list was created by Fabricio Teixeira and Caio Braga, and illustrated
by Bruno Oyama. This is a personal list and has no intention to be exhaustive in any sense. The bear that appears on the drawings is a reference to the polar bear book - one of the most remarkable pieces in the recent Information Architecture literature.
We hope you find it helpful.