Interaction-Design.org - A site about HCI, Usability, UI Design, User Experience, Information Architecture and more.. How Accessible is Your Website? 8 Tools to Analyze Your Website’s Level of Accessibility | Spyre Studios. Designing a website that’s as much successful as it is effective takes time, skills, and a lot of testing. Normally, when we’re talking about web design and we hear the word testing, the first thing that comes to mind is usability, and that’s fine, but when was the last time you sat down to analyze the level of accessibility of your website?
Testing on other aspects of your website are important, however, a lot of us seem to neglect our websites accessibility. This can ultimately lead to the loss of a wide range of users and poor elements of design. But not to fear, below we’ve compiled a set of tools that will help you combat poor accessibility. Color Blindness Simulator The Colour Blindness Simulator will help you assess how accessible images and colors are seen through the eyes of an individual who is color blind. Juicy Studios Image Analyzer With this tool we’re able to examine each and every image found on a specified web page for accessibility problems. Test and Improve Readability. 10 Usability Tips Based on Research Studies. We hear plenty usability tips and techniques from an incalculable number of sources. Many of the ones we take seriously have sound logic, but it’s even more validating when we find actual data and reports to back up their theories and conjectures.
This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. You’ll discover that many of these usability tips will be common sense but are further supported with numbers; however, some might surprise you and change your outlook on your current design processes. 1. Forget the "Three-Click Rule" The idea that users will get frustrated if they have to click more than three times to find a piece of content on your website has been around for ages.
Logically, it makes sense. But why the arbitrary three-click limit? In fact, most users won’t give up just because they’ve hit some magical number. Source: User Interface Engineering. Jumpchart - Simple Website Planning and Wireframing » Home. Information aesthetics - data visualization & visual design. Calculating Color Contrast for Legible Text. In the past on Particletree, we’ve shared some of our favorite resources and guides for helping the color challenged and uninspired get their chromatic deliciousness on.
As a designer, getting to choose the colors is often the part of the job I like the best. However, there are times when it’s nice to be able to write some code to help make some of the decisions for you. One of my favorite implementations of using programming to supplement the color picking process was done by the clever Canadians over at Dabble DB. All you have to do is upload your logo and their application will automatically pick the colors based on the information contained in the image and create a theme for their web app that will match the logo.
It’s an impressive feature that helps the user focus on getting things done rather than worry over the details. Two colors provide good color visibility if the brightness difference and the color difference between the two colors are greater than a set range. Web Layouts | Cool Layouts | Website Layouts.