IntuitionHQ - Website Usability Testing | Overview. 25 great free UX tools. There might be no such thing as a free lunch but thanks to the wonders of Open Source software, freeware and trial software there most certainly is such a thing as free software. In this article I list 25 great free UX tools, including tools to help with prototyping, annotating, screen grabbing, site mapping, usability testing, accessibility and analytics. Prototyping tools Pencil Pencil is a nice little Open Source tool for creating prototypes, UI mockups, and UX diagrams, such as user journeys.
It comes with a good set of built-in widgets covering web, windows and sketchy UI components and allows pages to be exported as HTML, a PDF, an Open Office doc, a Word Doc or an image. Pencil – A free prototyping and diagramming tool LucidChart LucidChart is an online tool for creating diagrams, UI mockups and prototypes. LucidChart – A prototyping and diagramming tool with a free trial version Balsamiq Balsamiq – A prototyping tool with a free trial version Annotation tools Diigo. 25 great free UX tools. The 4 Essential UX Documents Every Designer Needs. When it comes to UX documentation, wireframes and prototypes are certainly among the most important. But that’s just the beginning. We’ve actually found four other documents to be extremely practical for everyday design. What sets these four apart is that they help designers understand the users, and that more than anything determines the design’s success.
Photo credit: Rosenfeld Media. In this article we’ll explain why these easily skipped “supplementals” are really “essentials.” 1. We’ll start with the most telling of user documentation: the persona. Your personas (limit them to 2-5) go beyond your target demographics. In this role, personas have been proven to drastically improve the final user experience.
Source: Persona Tool The key to a persona’s effectiveness is in the research. As described in The Guide to Usability Testing, this research typically includes both qualitative and quantitative testing. Photo credit: Nicholas Wang. 2. Source: Tadpull 3. Shlomo Goltz. 4. Source: UXPin. Free mobile & web prototyping for designers - Marvel. Coroflot — Design Jobs & Portfolios. Free Web & Mobile Prototyping (Web, iOS, Android) and UI Mockup Tool | InVision. Free mobile & web prototyping for designers - Marvel. Dribbble - Show and tell for designers. Online Portfolios on Behance. User Flow Patterns. Pttrns | Mobile design patterns, resources and inspiration.
Free Tools That Every Mobile App Designer Should Use. Starting a new design project is never easy especially when it comes to creativity. Most designers, when lacking ideas surf the web looking for inspiration. Web sites that host designers’ artwork are an excellent starting point. Below is a list of free sites that will make life easier for every designer when it comes to inspiration. Inspiration Pttrns is the finest collection of design patterns and other resources. When you need inspiration, look here for great examples of mobile user interface patterns. Another similar site is User Flow Patterns, a growing collection of short user flow videos. If you are looking for inspiration for your design project, then basically everything around you should be taken into consideration.
Thinking in Color Create color schemes with Kuler, Adobe’s color wheel, and they will be automatically saved to Creative Cloud Libraries for access from your desktop. Free Art Resources Every designer loves free stuff. Free Fonts Free Icons. Top 12 Tools for Designers To Create Infographics. An Infographics is a popular type of graphic art which is used for turning information in to visual data. It has been proved that instead of text, human beings are more capable to grasp information when it is presented in the form of appealing and relevant visual images. You can also check “8 Reasons Why Visual Content is More Important Than Text” for more details. Infographics not only cater to information but also to artistic sensibilities.
Human emotions and feelings can be portrayed more easily through Infographics. 1) Piktochart Piktochart is a popular website that lets you design professional Infographics for free. 2) Venngage Venngage lets you design a variety of infographics, which you can integrate in to a business presentation, marketing material or an educational project.
Also Check: Who Are Graphic Designers – And What is it That They Do? 3) Infogr.am Infogr.am lets you create Infographics for your learning, business and marketing solutions. 4) Easel.ly 5) Vizualize.me 6) iCharts. Top 10 Website Speed Testing and Optimization Tools of 2015 « HowFreelance. Favorite Tools | User Experience Rocks. The 7 Best Mockup Tools for App Entrepreneurs. When you want to create the greatest possible mobile app that you can build, you likely already realize that you’ll need a strong foundation to start with. Building an exceptional mobile app isn’t so different from crafting a luxury home in this respect. It all begins with the blueprint, base and groundwork. In the case of mobile, you’ll need a strong and durable mockup before you even consider putting your development team to work.
Thankfully, app entrepreneurs have been gifted with an abundance of options to choose from when it comes to selecting a top-quality mockup tool to use. And there’s absolutely nothing wrong with performing your initial mockups on paper. But, we’ve put together a list of The 7 Best Mockup Tools for App Entrepreneurs for when you’re ready to make your mobile app mockup official. 1. The most highly-recommended wireframing solution throughout all of mobile is Proto. 2. 3. Another powerful browser-based HTML5 app which boasts drag-and-drop technology is Fluid. 4. Tota11y - an accessibility visualization toolkit. Today we're releasing tota11y (on GitHub), an accessibility visualization toolkit that aims to reduce the friction of a11y testing. Inspiration Accessibility is hard for many reasons. While current tooling provides mechanisms for detecting most accessibility violations, there remains a certain amount of disconnect between the developer and the problems they are causing.
Most of these errors are things we can't see, things that won't affect us, and things without a perfect, exact fix. tota11y aims to solve these problems by providing a fun, interactive way to see accessibility issues. Not only should the web be fully accessible to all, but developers should feel empowered to fix and prevent accessibility violations from happening in the first place. A bit of history We've been explicitly working to improve the accessibility of Khan Academy since early January. Then the hard part came. We gave talks, wrote docs, sent out emails, but regressions still popped up. Meet tota11y What can tota11y do. BoomStat.Works.