Friday, March 11, 2011

Webpages & Colorblind Filter Analysis

Greyscale Website Mock-up: Memphis, TN
 
 
Color Website Mock-Up: My Cat, Luna

Colorblind Filter:

When designing my color site, I tried to stay away from using reds and greens very close to one another. I felt that would not be very user friendly to someone that is colorblind as they would blend together. Another thing I kept in mind was the tone of my colors. I tried to use enough of a contrast that it would be easy to distinguish color changes even in severe cases of color blindness. I also tried to avoid shadows that might made edges more confusing. I did try to choose photos with enough visual interest and detail that there would be proper delineation if the colors started to blur together.

After viewing the page through the filter I thought it was successful. Aside from some color differences and the image of the cat appearing more desaturated, I believe that the design remained true. The main items were still well-defined, the text was easy to read and it still retained visual appeal. If I would go back and change something, ideally I would like to choose colors that would compliment each other for the average user as well as the colorblind user. 

In addition to the color scheme being important, the hierarchy and clarity of the site’s layout seems to be key. If colors are causing issues, the next item I would look to for support was a clear navigation structure. If you are stumbling around in the dark would you rather be stuck in a room with few obstacles or in a maze? I certainly know what would make me more frustrated.

No comments:

Post a Comment