Wireframing & Prototyping

uxpin.com – 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.

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

invisionapp.com – upload jpgs and link them through to create clickable mockups and get feedback from your team and users.

axure.com-  the most complete wireframing and prototyping software in the market. The Photoshop of UX Designers.

mockflow.com-  super-easy Wireframing. Design, collaborate user interface concepts for your software and websites.

pencil.evolus.vn-  an open-source GUI prototyping tool that’s available for ALL platforms.

gomockingbird.com-  an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

omnigroup.com/omnigraffle/ – can help you make eye-popping graphic documents quickly by keeping lines connected to shapes even when they’re moved.

hotgloo.com – what if there was a tool to create wireframes AND prototypes?

appsketcher.com-  Build interactive prototypes quickly with HTML and jQuery components. No coding required.”

User research & testing



General tips for doing Interviews:

- When asking user to perform action, users to speak aloud what they do and think as they go, measure time, steps and overall satisfaction.

– Ask exact questions, how did you do it last time, rather than asking how would you do it or how would you like it.

Data Analysis Method

–          Flow charts

–          Conversational analysis (chat/email/text msgsms/call)

–          Critical incident analysis (good or bad points)

–          Qualitative Affinity Analysis (bottom up) KJ KAWAITO JIRO (categories,patterns)



Usertesting.com - user their panel or intercept your own users with Ethnio. Tasks and instructions for participant. They record the participant’s screen and voice as they “think out loud” while they use your site.

beeux.com -tTasks, a site, incentives. Create un-moderated tests with tasks, surveys, preference tests, set incentives, and/or track paths & clicks. Participant data reports based on answers in graph or chart form (that can be export to XLS or PDFs

clicktale.com/default_b – you choose the percentage of users you want to record. JavaScript tracking code for whatever page you want .Add a JavaScript code to your site and it “…captures every mouse move, click, scroll and keystroke that a visitor makes inside a webpage, and then sends this information back to the ClickTale servers in a highly compressed package…”. Visitor recordings, visual heatmaps, and behavioral reports of site visitors.

Adobe Shadow (http://html.adobe.com/edge/inspect/) freeUse Mac iOS or Windows. Download from Android Market or iOS App Store. Mac iOS or Windows, and any iOS device.For front-end developers and designers working on mobile devices. Download app and sync your computer to multiple devices at once.Realtime synchronous browsing, remote inspecting, and debugging of devices

Dscout (https://dscoutapp.com/sign_in)Mobile phone tasks. They have an iOS app, Dscout, that participants download. You create tasks (“missions”) and your participants are asked to take a photo or screenshot of their app usage and comment. Pretty cool charts and graphs of everyone’s mobile submissions.

Loop11 (http://www.loop11.com/) Navigation tasks. You create a remote usability test… “Create tasks and questions to help you explore the user experience, determine satisfaction and validate task completion on any website.” Invite participants then analyze the data.A report featuring: task completion rate, time per task, most common success page, most common fail page, most common first click, most common navigation path, detailed participant path analysis, and number of page views to complete tasks

Inspectlet (http://www.inspectlet.com/) free – $89.99/month       Actions by users on your site is all captured and recorded.Add a javascript code to your site. The javascript you add to your site allows for real-time monitoring. This information is sent to Inspectlet’s servers where they compile the info and present it to you.Screen captures,heatmaps, real-time analytics, and custom metrics

Concept Feedback (http://www.conceptfeedback.com/) free.Your app, landing site, logo, whatever concepts you want expert feedback on. Community provides feedback.           Objective reviews of your design concepts


KISSinsights (http://kissinsights.com/) code that you add to your site. Insert any question you’d like to ask your users, into the KISSinsights code. A question slides up from the bottom of the page and users can respond to your questions.Real-time, unique answers from site visitors

UITests (http://www.uitests.com/) Recruit your own for free or pay $9 for 10 immediate responses.  Screenshot or URL Quite simple. Just show your website or landing page to 10 people for 10 seconds, then ask questions about what they remember and score the results. Answers from 10 participants, word clouds of answers, and tools for scoring, commenting upon, and sharing the test results.

UserVoice (https://www.uservoice.com/)

Verify App (http://verifyapp.com/)Upload your design and quickly test where users would click. See and share clear and actionable reports after test.

Usabilla (https://usabilla.com/)Collect feedback from your users through a plugin that can be easily installed on your website.

UX Recorder (http://www.uxrecorder.com/). Record your user’s actions and reactions using the front camera of your smartphone during mobile tests.


Capture Screen recordings





Inspectlet (http://www.inspectlet.com/)


Information Architecture

Lucid Chart (https://www.lucidchart.com/)Easily create diagrams with lines that connect automatically. The Google Apps integration makes it even more collaborative

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

simplecardsort.com  – has a rich set of features including subgroups, and participant replay. Two features you’ll find no where else.”

Concept Codify (http://conceptcodify.com/)”Brighten your user experience with the easiest online card sorting tool.

Xmind (http://www.xmind.net/)”Most Popular Mind Mapping Tool Millions of people use XMind to clarify thinking, manage complex information, run brainstorming and get work organized



Gliffy (http://www.gliffy.com/)”Professional-quality flowcharts, diagrams, floor plans, technical drawings and more.

Microsoft Visio (http://office.microsoft.com/en-ie/visio/)

Creately (http://creately.com/)”Create diagrams of all kinds on your desktop and the Internet, and work from both online and offline”


Analytics / Metrics

Crazy Egg (http://www.crazyegg.com/)One of the simplest and most affordable heatmap tools we’ve ever heard of.

KISSmetrics (https://www.kissmetrics.com/)A great analytics tool to create funnels and reports based on customer behavior in your website. Easy to set up and use.

Google Analytics https://www.google.com/analytics/index.html

Inspectlet http://www.inspectlet.com/



Prototyper Free 5.6.1

WireframeSketcher Studio

Optimizly A-B testing