Designing for the User
- 1. Designing for the User The importance of User-Centric Design Rebecca Torvik, Yiwei Li, Craig Wang, Devon Walker
- 2. What is User-Based Design? A user interface design process that focuses on usability goals, user characteristics, environment, tasks, and workflow in the design of an interface. Follows a series of well-defined methods and techniques for analysis, design, and evaluation of mainstream hardware, software, and web interfaces.
- 3. Color blindness test The first step of user-based design to to distinguish the user’s limitations Can your read the numbers inside the circles?
- 4. What is Colorblindness? Colorblindness is a decreased ability to see color, or a decreased ability to tell colours apart from one another. The two most common types of color blindness, deuteranopia and protanopia, are sex- linked traits and are much more common in men than in women. Deuteranopia, the most common, occurs in 7% of males, but only 0.5% of females. That’s nearly 8% of the population.
- 5. 5 ways to Improve Your Ecommerce Design for Colorblind Users Online shopping if often difficult for colorblind people. Web Designers should implement the following techniques: 1. Use clear color names 2. Use effective Color Search Filters 3. Avoid Color Specific Instructions 4. Avoid Low Contrast Design 5. Test Your Work
- 6. Tip 1: Use Clear Color Names Using ambiguous color names makes it difficult to understand the true color of the item that the individual is about to purchase.
- 7. Tip 2: Use effective Color Search Filters Combining color swatch samples with clearly defined labels allows for a quick and easy selection.
- 8. Tip 3: Avoid Color Specific Instructions When designing forms, labeling required fields with colored text can look identical to a person that is colorblind.
- 9. Tip 3: Avoid Color Specific Instructions Label buttons clearly and reference them by function, not color.
- 10. Tip 4: Avoid Low Contrast Design When you use a low contrast design, some customers will not be able to read the details of products or even where to find the link to complete the purchase.
- 11. Tip 5: Test your work For example, The Color Oracle, an app that simulates the most severe forms of colorblindness.
- 12. Tools to Help Designers Understand Color Blindness Alternative Color Palettes for Photoshop and Illustrator that simulate the different types of color blindness Christine Rigden’s Software Colorfield’s INSIGHT software
- 13. Tools that Help Designers Understand Color Blindness ● An Independent designer has created alternative color palettes that allow designers to preview Web pages as they would be seen by people with complete red or green color blindness. ● Insight, a photoshop plug-in made by Colorfield, allows designers to check the colorblind compatibility of their work by using standard pull-down menus. It can also simulate total blue color blindness. ● Both these tools help Designers understand what their webpage looks like to those with varying degrees/ types of color blindness
- 14. Color Palettes for the Color Blind
- 15. Tools that Help Designers Understand Color Blindness
- 16. Color Blind Accessibility For Designers 1. If it can have an icon, USE AN ICON 2. If it can’t have an icon, use different shapes. 3. If it can’t use different shapes or different icons, avoid the danger combos. 4. Learn more about color blindness and test whatever your colors you finalize with a color-blind simulator
- 17. Integrating Accessibility Throughout Design Accessibility in User-Centered Design: “The goal of incorporating accessibility into User-Centered Design is to follow a process of creating products (devices, environments, systems, and processes) which are usable by people with the widest possible range of abilities, operating within the widest possible range of situations (environments, conditions, and circumstances), as is commercially practical." http://uiaccess.com/accessucd/background.html
- 18. What is Accessibility? Accessibility means that people with disabilities can use a product. Accessibility is making user interfaces perceivable, operable, and understandable for people with a wide range of abilities. It encompasses all disabilities, or functional limitations, including visual, auditory, physical, speech, cognitive, and neurological disabilities.
- 19. Designing Clothing For People With Disabilities https://www.youtube.com/watch?v=riZPN8WAcEM#action=share
- 20. Designing for Disability When designing for disabilities, each one is different so more time is needed to create the clothing. Fabrics and design techniques have to be of quality to ensure the clothing is practical and achieves its purpose.
- 21. ABL Denim and IZ Adaptive Clothing create stylish, yet practical clothing for those in wheelchairs. Designing Clothing For People With Disabilities
- 22. Tilting Sink by gwenolé gasnier The un lavabos sink that can adapt to everyone. It is cut so that it can be tilted to accommodate different people
- 23. Braille Electric Plug Tags Braille Electric Plug Tags have Braille letters, device icons and abbreviations to help people that are blind distinguish cords. It has Velcro for easy application and removal.
- 24. Overarching Theme Implementing User-Based Design How design can and should be implemented to fill every consumer’s specific needs
- 25. Sources ● Adjusting Web Colors for the Color Blind ● 5 Ways to Improve Your Ecommerce Design for Colourblind Users- ● How to Design for Color Blindness- ● Why Color Blindness is No Longer a Problem for Web Design http://technabob.com/blog/2012/01/18/braille-electric-plug-tags/ http://www.konbini.com/us/lifestyle/adaptive-clothing-for-people-with-disabilities/