HEY! How could you design that better?

 
 

This challenge deck is a fun and easy way for anyone looking to learn or improve their design process to account for Accessibility and Universal Design.

The goal of this project is to improve the day-to-day life of those with disabilities by introducing ADA compliancy standards or the principles of Universal design to creators and their design process. In the United States, 1 in 4 adults live with some form of disability and have to rely on creative solutions or specialized tools and software just to go about their daily lives.

The four levels of challenges will help creators think about all of the ways their work affects all people. The deck encourages them to find a better design approach. This challenge deck can be utilized individually or with a group and make it into a collaborative effort. 

 
 

Wordmark and Logo

 
 
 
 

The wordmark is meant to spark curiosity and promote the thrill of a challenge from the player. It is a bold and eye-catching mark that sums up the goals of the challenge deck but makes the player want to learn more and explore the deck.

 

The typeface used in both the word mark and the overall project is a font family called Darkmode. It was created by the type foundry, Dalton Maag. I chose to use this typeface for the wordmark to ensure readability no matter what color the wordmark could be, on any background color.

 
 

Brand Typography

 
 
 
 

Brand Colors

 
 

What are the card levels?

Level one, green, is a card that can be done at the drop of a hat. It is meant to be spontaneous and a quick sprint. It is a card that is meant to get the ball rolling and to introduce the reader to jargon that they may not know of. The solution the reader comes up with does not have to be a tangible solution.

Level two, blue, is a card that can be done when you have some time to spare, like on a commute or a lunch break. This card is meant to be an exercise where it gets the reader to really think about the challenge but only theorize the solution, they don't have to develop it unless they want to.

Level three, purple, is a card that will take up more time because the player is encouraged to take more time and explore both the problem and solution. It is also a little more hands-on because most level three cards will also encourage the player to make a low fidelity mockup that would fix or improve the situation they have identified.

Level 4, red, is a card that will require planning and some time to complete. This card is all about encouraging the player to use what they have learned from the previous cards and utilizing their knowledge. They are also encouraged to bring their idea to a high-fidelity stage.

Card Design 

Packaging 

 

The image above is the packaging mechanicals with the cut and fold marks. The image below is the packaging without the guidelines.

 

Research

Websites

  • National Eye Institute-Color Blindness: https://www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color-blindness

  • Eye Conditions and Diseases: https://www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases

  • Color Blind Simulator: https://pilestone.com/pages/color-blindness-simulator-1#

  • Universal Design: https://universaldesign.ie/what-is-universal-design/definition-and-overview/

  • Disabilities, Opportunities, Internet working, and Technology: https://www.washington.edu/doit/how-are-terms-low-vision-visually-impaired-and-blind-defined

  • Universal Design: Process, Principles, and Applications: https://www.washington.edu/doit/universal-design-process-principles-and-applications

  • accessiBe’s -The world’s first search engine for only accessible websites, connecting millions of users with disabilities to the potential of the Internet: https://accessibe.com/blog/news/introducing-accessfind-search-engine

  • Carnegie Museum web standards: http://web-accessibility.carnegiemuseums.org/design/color/

  • How to choose a font for accessibility: https://siteimprove.com/en-us/accessibility/most-accessible-fonts/

  • Stark:  https://www.getstark.co

  • Dalton Maag Type Foundry: https://www.daltonmaag.com/library/darkmode

  • Test for WCAG 2.0: https://accessible-colors.com

Articles

  • Designing for the Blind from Thought Co: https://www.thoughtco.com/designing-for-the-blind-3972260

  • Accessible Beauty: How People with Visual Impairments Access Make-Up from Healthline: https://www.healthline.com/health/how-people-with-visual-impairments-access-makeup#1

  • A brief overview of planning poker from Products and New: https://www.atlassian.com/blog/platform/a-brief-overview-of-planning-poker

Videos

  • Molly Burke Reviews: Blind Accessibility of Beauty Products | Universal Beauty | Allure: https://youtu.be/u2Xx_C5X9lM