Oh, the glorious open source! You have delivered the world of IT with an enormous amounts of completely costless solutions. And, surely, such a vital part of development as UX could not have been left unnoticed. And so, we present you a nice and really handy list of open source UX solution you may easily gain from in your projects. Some of these solutions were not tailored precisely for UX purposes, yet their overall functionality will be more than useful to you.

Note: if there are free things, there is always a catch, you just really have to know where to look. Now you have officially been warned and we proceed to our list.

Tools designed for annotation
  • WebNotes: this is a nice, handy browser plugin. WebNotes allows you to attach actual notes to any website page and these messages can be shared with others as well. If you are looking for design feedback, what could work better that a sticker-note attached to the exact place where your commentary should be?
  • Diigo: highlighted text, notes, comments, annotations and even screenshots with all listed above may be captured and shared with Diigo. Also, groups may be arranged for better data sharing.
Tools for Site mapping
  • Freemind: this one is of our personal favorite mind mapping tools from the free, open source segment. Fits perfectly if you require a clickable HTML site map. Minuses: it does not look too well, advantages: it’s fast, simple in use and has better functionality that many free versions of premium tools.
Design tools
  • Browsershots: your site will be displayed differently in various browsers and you demand same appearance from your product, right? That is why Browsershots was created. This app can show you your looks in different browsers and moreover, browser versions.
  • Jing: if you require to capture dynamic interactions in motion or to share on-scree behavior, Jing will grant you the functionality to share SWFs (Streaming flash videos) of your screen and these videos may be played directly in the browser.
  • ColorPic: this tiny tool allows your designers to capture colors that are on your screen. This solution is also supported with a magnifier, ensuring you will be grabbing just the pixel you have reached for along with this color’s RGB and Hex values. You can even design a custom color pallet in ColorPic.
  • NetVibes: you shall be quite able to set up nice, custom dashboards with NetVibes. Thus tracking online content like RSS feeds or blogs becomes significantly easier. If you constantly wish to stay update with what is happening on your resources, well this is a nice tool to start with.
  • Lorem Ipsum Generator: well, what can be said? This tool generates lorem Ipsum. In required, completely customizable amounts.

Prototyping solutions
  • LucidChart: is a splendid tool if you require diagrams. It can also be used to create mockups, however its functionality will be a bit less from what you may expect when in need to create a worthy UI mockup. However the tool possesses a great set of widgets that do include UI components, shapes and icons. However it’s still recommended to use it for diagram creation and not much more.
  • Pencil: is considerably better than LucidChart with UI mockups and prototype creation, and can surely be a great assistant with UX diagrams (often used to visualize user journeys). Pencil has an impressive set of widgets itself, and your work may be saved in HTML, Open Office, Word Doc and PDF formats.
Analytics
  • ClickHeat: visualizes a heat map of clicks on your product. You will be displayed with both hot and cold zones.
  • And Google Analytics for sure! Yes, our most beloved and used tool for web analysis. We all love it for a reason: nothing is better than Google analytics in terms of actual data analysis for now. All sorts of data analysis.

We hope you have found this list useful!