http://uxdesign.cc/ux-tools/
What are the UX Design Tools you use to materialize and communicate your design ideas?What are the best tools for wireframing, prototyping, user testing, or simply just managing your design activities?
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.
1. 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.
Pixate
A great tool to test out complex mobile interactions, animations and transitions.
Sketch
A simple and efficient UI design tool with a strong community around it, taking over Fireworks aficionados' hearts.
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.
1.1 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.)"
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."
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."
Macaw
"Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS."
Pencil Project
"An open-source GUI prototyping tool that's available for ALL platforms."
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."
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."
Proto.io
"Fully-interactive high-fidelity prototypes that look and work exactly like your app should"
Fluid
"Create interactive prototypes and wireframes of Android, iOS and Windows 8 apps."
Composite
"A brand new way of creating interactive prototypes that automatically connects to your Photoshop® documents."
2. 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.
User Testing
In less than an hour you can run an unmoderated user test in your website with a predefined user base. Useful for testing short tasks.
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.
2.1 CREATE ONLINE SURVEYS
PollDaddy
SurveyGizmo
SurveyMonkey
2.2 CAPTURE IN-SITE FEEDBACK
WebNotes
Concept Feedback
LiveChat
Hotjar
Frelay
iPerceptions
Kampyle
Qualaroo
UserVoice
2.3 RECRUITING USERS
Clarity
PivotPlanet
Ethnio
2.4 TEST LAYOUTS REMOTELY
Intuition HQ
Usability Hub
UsersThink
Chalkmark
Usability Tools
2.5 RECORD YOUR USERS
SilverBack 2.0
Delight.io
MagiTest
What Users Do
Camtasia
Jing
Try my UI
3. 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.
3.1 Additional tools:
CARDSORTINGConcept 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."
3.2 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."
3.3 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."
4. 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.
4.1 Additional tools:
Google Analytics
Live Person
Myna Web
HiConversion
Tableau
Maxymiser
App Annie
Flurry
Domo
Woopra
Quantcast
Piwik
Clicky
Segment
Attention Wizard
Click Density
Click Tale
Inspectlet
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.
QuickCast.io
Quickly record your screen and share a video.
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.
MozBar
Browser extension to check the status of your site's SEO.
What are the UX Design Tools you use to materialize and communicate your design ideas?What are the best tools for wireframing, prototyping, user testing, or simply just managing your design activities?
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.
1. 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.
Pixate
A great tool to test out complex mobile interactions, animations and transitions.
Sketch
A simple and efficient UI design tool with a strong community around it, taking over Fireworks aficionados' hearts.
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.
1.1 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.)"
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."
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."
Macaw
"Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS."
Pencil Project
"An open-source GUI prototyping tool that's available for ALL platforms."
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."
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."
Proto.io
"Fully-interactive high-fidelity prototypes that look and work exactly like your app should"
Fluid
"Create interactive prototypes and wireframes of Android, iOS and Windows 8 apps."
Composite
"A brand new way of creating interactive prototypes that automatically connects to your Photoshop® documents."
2. 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.
User Testing
In less than an hour you can run an unmoderated user test in your website with a predefined user base. Useful for testing short tasks.
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.
2.1 CREATE ONLINE SURVEYS
PollDaddy
SurveyGizmo
SurveyMonkey
2.2 CAPTURE IN-SITE FEEDBACK
WebNotes
Concept Feedback
LiveChat
Hotjar
Frelay
iPerceptions
Kampyle
Qualaroo
UserVoice
2.3 RECRUITING USERS
Clarity
PivotPlanet
Ethnio
2.4 TEST LAYOUTS REMOTELY
Intuition HQ
Usability Hub
UsersThink
Chalkmark
Usability Tools
2.5 RECORD YOUR USERS
SilverBack 2.0
Delight.io
MagiTest
What Users Do
Camtasia
Jing
Try my UI
3. 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.
3.1 Additional tools:
CARDSORTINGConcept 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."
3.2 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."
3.3 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."
4. 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.
4.1 Additional tools:
Google Analytics
Live Person
Myna Web
HiConversion
Tableau
Maxymiser
App Annie
Flurry
Domo
Woopra
Quantcast
Piwik
Clicky
Segment
Attention Wizard
Click Density
Click Tale
Inspectlet
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.
QuickCast.io
Quickly record your screen and share a video.
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.
MozBar
Browser extension to check the status of your site's SEO.