contact us

Use the form on the right to contact us.

You can edit the text in this area, and change where the contact form on the right submits to, by entering edit mode using the modes on the bottom right.

           

123 Street Avenue, City Town, 99999

(123) 555-6789

email@address.com

 

You can set your address, phone number, email and site description in the settings tab.
Link to read me page with more information.

top3.jpg

UX Tools

Tools for wireframing, prototyping, user research and test, creating diagrams, measuring user engagement and other activities from the UX Design universe.

What are the tools that you use to materialize and communicate your design ideas?

We usually prefer tools that are unexpensive (ok, everyone does), that do not require software installation (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:


UX Pin

Wide range of functionalities, including the ability to create responsive clickable prototypes on your browser.


Wireframe.cc

Open a new tab, create quick and dirty wireframes, and that's it. Speed over pixel perfection.


Solidify App

Create prototypes, test them out and get numerical insights about user behavior - all in a single tool.


Proto.io

Great for mobile prototypes, the new version of Proto.io also allows your team to add their feedback on your screens.


InVision

Upload jpgs and link them through to create clickable mockups and get feedback from your team and users.


P.O.P. app

Sketch your mobile UI on paper, take pictures with your phone and add links to simulate your mobile app.


Axure

The most complete wireframing and protoyping software in the market. The Photoshop of UX Designers.


Paper sketches

Never underestimate the power of pencil and paper. Fast, effortless and collaborative. Here are some templates.

Additional tools:

 

Flinto
"Flinto strikes the perfect balance between fast prototyping and realism. Prototypes run on iPhone or iPad and can be shared with anyone."

Protoskecth
"With Protosketch from UI Stencils, your sketches become real, interactive prototypes that help you tell the whole story behind your great idea."

Mockups.me
"Mockups.me lets you rapidly create interactive wireframes of your apps on your tablet."

Appery
"The only cloud-based platform with visual development tools and integrated backend services."

Realizer App
"The Realizer lets you create your very own presentation prototypes of iPhone and iPad apps."

Framer JS
"A prototyping tool for animation and interaction on desktop and mobile."

Easel
"Design & build in your browser. (It's the fastest way to ship.)"

Power Mockup
"Turn PowerPoint Into a Wireframing Tool."

Moqups
"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."

Antetype
"The best way to design beautiful and responsive UIs for mobile apps, websites and enterprise software."

AppSketcher
"Build interactive prototypes quickly with HTML and jQuery components. No coding required."

HotGloo
"What if there was a tool to create wireframes AND prototypes?"

FlairBuilder
"FlairBuilder is a prototyping tool that lets you create interactive wireframes for websites and mobile applications."

Pidoco
"Pidoco is a web-based prototyping software for rapidly creating clickable wireframes and UI prototypes for web, mobile and enterprise applications."

Pencil Project
"An open-source GUI prototyping tool that's available for ALL platforms."

FileSquare
"Impress your clients with click-through mockups and collect feedback on your designs."

Concept.ly
"Transform your Mockups into clickable applications."

MockingBird
"An online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application."

Mockflow
"Super-easy Wireframing. Design, collaborate user interface concepts for your software and websites."

iPlotz
"iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications."

Balsamiq
"Balsamiq is a small group of passionate individuals who believe work should be fun and that life's too short for bad software."

OmniGraffle
"OmniGraffle can help you make eye-popping graphic documents quickly by keeping lines connected to shapes even when they're moved."

Fluid
"Create interactive prototypes and wireframes of Android, iOS and Windows 8 apps."

Handcraft
"Handcraft is a collaborative HTML prototyping tool built for interactivity and precise control."

Composite 
"A brand new way of creating interactive prototypes that automatically connects to your Photoshop® documents." 

 

Our favorite user research and testing tools:


Wufoo

Create any kind of online survey that you need. Very complete and easy to analyze results.


TypeForm

"Say goodbye to boring online surveys". Simple, elegant, responsive and user-friendly forms.


Bagel Hint

Freemium survey tool to easily compare different UI versions with a pre-set array of questions.


Verify App

Upload your design and quickly test where users would click. See and share clear and actionable reports after test.


Usabilla

Collect feedback from your users through a plugin that can be easily installed on your website.


Morae

Capture audio, on-screen activity, keyboard and mouse inputs as you are appyling user tests (sofware).


UX Recorder

Record your user's actions and reactions using the front camera of your smartphone during mobile tests.


Google Hangouts

Doing remote usability tests? Share your screen and see users reactions as they interact with your UI.

Our favorite tools for organizing information:


Lucid Chart

Easily create diagrams with lines that connect automatically. The Google Apps integration makes it even more collaborative.


MindMeister

Organize information by creating beautiful maps that connect words, images and links together.


Coggle.it

Map out words and concepts to help you out during brainstorm sessions. Free, easy-to-use and beautiful.


Optimal Sort

Send a link to your users and ask them to organize information in existing categories or even create new ones.

Additional tools:

Cardsorting

Concept Codify
"Brighten your user experience with the easiest online card sorting tool."

WebSort
"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
"xSort is a free card sorting application for Mac OS X aimed at user experience professionals and social scientists." 

Diagrams / Sitemaps

Gliffy
"Professional-quality flowcharts, diagrams, floor plans, technical drawings and more."

Lovely Charts
"Lovely Charts is a diagramming application that allows you to create professional looking diagrams of all kinds."

Creately
"Create diagrams of all kinds on your desktop and the Internet, and work from both online and offline"

Google Drawings
"With Google drawings you can easily create, share, and edit drawings online."

Draw.io
"Draw.io is an online diagramming application built using the mxGraph JavaScript library."

Mind Mapping

Xmind
"Most Popular Mind Mapping Tool Millions of people use XMind to clarify thinking, manage complex information, run brainstorming and get work organized."

Mind Node
"The quintessential mind mapping experience, Mindnode makes it easy to brainstorm and organize your thoughts, so you can focus on your ideas."

Mindjet
"Work Inspired. Mindset ProjectDirector is a virtual whiteboard, collaboration & project management suite for everyone on your team."

 

Our favorite analytics and metrics tools:


Crazy Egg

One of the simplest and most affordable heatmap tools we've ever heard of.


Good Data

Cloud-based B.I. solution that can provide useful reports combining multiple data sources.


KISSmetrics

A great analytics tool to create funnels and reports based on customer behavior in your website. Easy to set up and use.


Mix Panel

Analytics tool to measure engagement and customer retention. UI is great and they offer free plans.

Additional tools:

Our favorite tools for other daily tasks:


Redpen.io

Drag and drop a jpg and quickly send a link to other designers to get comments and feedback.


Iceber.gs

Create and organize your personal library of references and ideas. The browser-based (and flat) Evernote.


Asana

A communication and task management tool for small teams that need to collaborate seamlessly.


Codepen.io

Quick and streamlined notepad tool for designers who like to play with HTML, CSS and JS.

UX Archive
Compare mobile user flows divided by category.

Google Drive
Docs, spreadsheets and presentations. No more MS Office.

Makesets
Create a collaborative list of links organized by theme.

Patterntap
UI references to inspire your creativity.

Trello
Project management for agile development and the cool kids.

Prezi 
A different way of presenting your work. Use with caution.

 


Oh, and if by any chance you can read in Portuguese,
we recommend that you also follow our blog about UX and IA:



arquiteturadeinformacao.com


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.

See also:  UX Links  |  UX Events  |  UX Methods & Deliverables