Recommended
Recommended
More Related Content
Similar to Combined Presentation
Similar to Combined Presentation (20)
Recently uploaded
Recently uploaded (20)
Combined Presentation
- 2. Assignment 1 Devon Walker Digital Design
- 3. Designing for the User The importance of User-Centric Design Rebecca Torvik, Yiwei Li, Craig Wang, Devon Walker Group 1 Digital Design Devon Walker Digital Design
- 4. 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. Group 1Devon Walker Digital Design
- 5. 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? Group 1 Digital Design Devon Walker Digital Design
- 6. 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. Group 1Devon Walker Digital Design
- 7. 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 Group 1Devon Walker Digital Design
- 8. 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. Group 1Devon Walker Digital Design
- 9. Tip 2: Use effective Color Search Filters Combining color swatch samples with clearly defined labels allows for a quick and easy selection. Group 1Devon Walker Digital Design
- 10. Tip 3: Avoid Color Specific Instructions When designing forms, labeling required fields with colored text can look identical to a person that is colorblind. Group 1Devon Walker Digital Design
- 11. Tip 3: Avoid Color Specific Instructions Label buttons clearly and reference them by function, not color. Group 1 Digital Design Devon Walker Digital Design
- 12. 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. Group 1Devon Walker Digital Design
- 13. Tip 5: Test your work For example, The Color Oracle, an app that simulates the most severe forms of colorblindness. Group 1Devon Walker Digital Design
- 14. 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 Group 1Devon Walker Digital Design
- 15. 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 Group 1Devon Walker Digital Design
- 16. Color Palettes for the Color Blind Group 1Devon Walker Digital Design
- 17. Tools that Help Designers Understand Color Blindness Group 1Devon Walker Digital Design
- 18. 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 Group 1Devon Walker Digital Design
- 19. 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 Group 1Devon Walker Digital Design
- 20. 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. Group 1Devon Walker Digital Design
- 21. Designing Clothing For People With Disabilities https://www.youtube.com/watch?v=riZPN8WAcEM#action=share Group 1Devon Walker Digital Design
- 22. 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. Group 1Devon Walker Digital Design
- 23. ABL Denim and IZ Adaptive Clothing create stylish, yet practical clothing for those in wheelchairs. Designing Clothing For People With Disabilities Group 1Devon Walker Digital Design
- 24. 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 Group 1Devon Walker Digital Design
- 25. 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. Group 1Devon Walker Digital Design
- 26. Overarching Theme Implementing User-Based Design How design can and should be implemented to fill every consumer’s specific needs Group 1Devon Walker Digital Design
- 27. 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/ Group 1 Digital Design Devon Walker Digital Design
- 28. Assignment 2 Devon Walker Digital Design
- 29. Selected Social Media Post Devon Walker Digital Design
- 30. Women in Technology Bridging the Gender Gap THEME Devon Walker Digital Design
- 31. Research Closing the Gender Gap in the Tech Field How equal gender representation is growing quickly in the Tech field. https://medium.com/startup-grind/a-decade-as-a-woman-in-the-tech-industry- Devon Walker Digital Design
- 32. Research Women in STEM Michelle Obama’s initiative to advance female education increased girl’s access to STEM-related careers. https://shenovafashion.com/blogs/blog/michelle-obama-s-5-greatest-contributions-to- Devon Walker Digital Design
- 33. Research Pearson Stem Ed Series New education program focuses on educating and encouraging girls to pursue STEM-related careers https://www.pearsonhighered.com/stem-closing-the-gender-gap/ Devon Walker Digital Design
- 34. https://www.diigo.com/o/cngjqv/Women%20in%20STEM%20Powerpoint Sources Devon Walker Digital Design
- 35. Assignment 3 Photoshop: Pictures, exercises, and product Devon Walker Digital Design
- 36. 20 Background Pictures Devon Walker Digital DesignDevon Walker Digital Design
- 37. Devon Walker Digital DesignDevon Walker Digital Design
- 38. Devon Walker Digital DesignDevon Walker Digital Design
- 39. Devon Walker Digital DesignDevon Walker Digital Design
- 40. Devon Walker Digital DesignDevon Walker Digital Design
- 41. Devon Walker Digital DesignDevon Walker Digital Design
- 42. 20 Foreground Pictures Devon Walker Digital DesignDevon Walker Digital Design
- 43. Devon Walker Digital DesignDevon Walker Digital Design
- 44. Devon Walker Digital DesignDevon Walker Digital Design
- 45. Devon Walker Digital DesignDevon Walker Digital Design
- 46. Devon Walker Digital DesignDevon Walker Digital Design
- 47. Devon Walker Digital DesignDevon Walker Digital Design
- 48. Photoshop Practice Devon Walker Digital Design
- 49. Cropping Cropping Devon Walker Digital DesignDevon Walker Digital Design
- 50. Use of Layers Devon Walker Digital DesignDevon Walker Digital Design
- 51. Desi Contrast and Density Change Devon Walker Digital DesignDevon Walker Digital Design
- 52. Color Balance Devon Walker Digital DesignDevon Walker Digital Design
- 53. Image Rotation Devon Walker Digital DesignDevon Walker Digital Design
- 54. Burning and Dodging Devon Walker Digital DesignDevon Walker Digital Design
- 55. Saturating and De-Saturating Devon Walker Digital DesignDevon Walker Digital Design
- 56. Text Tool Devon Walker Digital DesignDevon Walker Digital Design
- 57. Pen Tool Devon Walker Digital DesignDevon Walker Digital Design
- 58. Opacity Devon Walker Digital DesignDevon Walker Digital Design
- 59. Spot Healing and Healing Brush Devon Walker Digital DesignDevon Walker Digital Design
- 60. Lasso Tool Devon Walker Digital DesignDevon Walker Digital Design
- 61. Magic Wand Devon Walker Digital DesignDevon Walker Digital Design
- 62. Additional Tutorials Devon Walker Digital Design
- 63. Pixel Explosion Effect Devon Walker Digital DesignDevon Walker Digital Design
- 64. Gradient Silhouette Effect Devon Walker Digital DesignDevon Walker Digital Design
- 65. Color Splash Effect Devon Walker Digital DesignDevon Walker Digital Design
- 66. Ghost Image Effect Devon Walker Digital DesignDevon Walker Digital Design
- 67. Cartoon Effect Devon Walker Digital DesignDevon Walker Digital Design
- 68. 5 Additional Tutorials Pixel Explosion Effect: 3 in 1 Tutorial: Gradient, Color Splash and Ghost Effects Cartoon Effect Devon Walker Digital DesignDevon Walker Digital Design
- 69. Final Connotative Combined Image Devon Walker Digital DesignDevon Walker Digital Design
- 70. Final Connotative Combined Image: Redone Devon Walker Digital DesignDevon Walker Digital Design
- 71. Assignment 4 Devon Walker Digital DesignDevon Walker Digital Design
- 72. Illustrator Excercises Devon Walker Digital DesignDevon Walker Digital Design
- 73. Rectangle Tool Devon Walker Digital DesignDevon Walker Digital Design
- 74. Fill Color and Stroke Color Devon Walker Digital DesignDevon Walker Digital Design
- 75. Devon Walker Digital DesignDevon Walker Digital Design Selection Tool
- 76. Direct Selection Tool Devon Walker Digital DesignDevon Walker Digital Design
- 77. Eraser Tool Devon Walker Digital DesignDevon Walker Digital Design
- 78. Line Tool Devon Walker Digital DesignDevon Walker Digital Design
- 79. Scissors Tool Devon Walker Digital DesignDevon Walker Digital Design
- 80. Knife Tool Devon Walker Digital DesignDevon Walker Digital Design
- 81. Text Tool and Text on a Path Devon Walker Digital DesignDevon Walker Digital Design
- 82. Blob Brush Tool Devon Walker Digital DesignDevon Walker Digital Design
- 83. Pen Tool Devon Walker Digital DesignDevon Walker Digital Design
- 84. Shear Tool Devon Walker Digital DesignDevon Walker Digital Design
- 85. Effects Devon Walker Digital DesignDevon Walker Digital Design
- 86. Pathfinder Devon Walker Digital DesignDevon Walker Digital Design
- 87. Pattern Tool Devon Walker Digital DesignDevon Walker Digital Design
- 88. Low Poly Design Devon Walker Digital DesignDevon Walker Digital Design
- 89. 3-D Gradient Cube Devon Walker Digital DesignDevon Walker Digital Design
- 90. Vector Tree Devon Walker Digital DesignDevon Walker Digital Design
- 91. Ribbon Tool Devon Walker Digital DesignDevon Walker Digital Design
- 92. Additional Tutorials • Pattern Basics Tutorial • Low-Poly Design Tutorial • 3-D Gradient Cube Tutorial • Vector Tree Tutorial • Ribbon Tutorial Devon Walker Digital DesignDevon Walker Digital Design
- 93. Words to Create Organization Name • Girls Who Code • Girls Design the World • UX Ladies That UX • STEM • Feminist • Encryption Devon Walker Digital DesignDevon Walker Digital Design
- 94. Created Organization Name • Girls Who Code + Encryption= • Girlencrypted • New name infuses both elements of the company; • A Tech related word and the company’s target market • Describes the company’s purpose in a contemporary way Devon Walker Digital DesignDevon Walker Digital Design
- 95. Reference Images Devon Walker Digital DesignDevon Walker Digital Design
- 96. More Reference Images Devon Walker Digital DesignDevon Walker Digital Design
- 97. Logo Sketches Devon Walker Digital DesignDevon Walker Digital Design
- 98. Logo, Version 1 G I R L EN C R Y P T ED Devon Walker Digital Design
- 99. Logo, Version 2 Devon Walker Digital Design
- 100. Final Logo Devon Walker Digital Design
- 101. Logo with Color Many websites from my Diigo links used the color Pink. Devon Walker Digital Design
- 102. Logo with Typography GIRLENCRYPTED I chose Arial Narrow because it is a clear, simplistic font and I bolded the second word to emphasize the technical aspects of the company. Devon Walker Digital Design
- 103. Front of T-Shirt with Logo/ Logotype Devon Walker Digital Design
- 104. Back of T-Shirt with Manipulated Image Devon Walker Digital Design
- 105. Logo on Sample Surface Devon Walker Digital Design
- 107. Book Cover Research 1 Devon Walker Digital Design
- 108. Book Cover Research 2 Devon Walker Digital Design
- 109. Book Cover Research 3 Devon Walker Digital Design
- 110. Book Sleeve Devon Walker Digital Design PAINTED NAI LS AGAINST THE The Fight for Equal Representation, Education, and Opportunity in the Male Dominated World of Technology KEYBOARD DEVON WALKER PAINTEDNAILSAGAINSTTHEWHITEKEYBORADDEVONWALKER Praise for Devon Walker and PAI NTED NAI LS AGAI NST THE WHI TE KEYBOARD “A very smart book... clear, easy to read and insightful. A valuable tool for those who are just entering the STEM fie l d or have spent year s as a wo ma n in thei r car eer s. ..” Mariette DiChristina – Editor-in-Chief ScientificAme r i can “A groundbreaking book that redefin e s wh at it me ans to be a wo ma n in the pat ri achal fie l d of technol ogy. ” John Gray, Ph.D., author of Men are From Mars, Women Are From Venus. “A knock- out!’’ Newsweek I f you read only one book this year, consider Painted Nails Against the White Keyboard.” The Associated Press. “Very rarely, a few times in a lifetime, you open a book and when you close it again nothing can ever be the same. This can be said about Walker’s masterpeice, Painted Nails Against the White Keyboard.” Nicole Krauss, The Rolling Stone “This book, like its author, is innovative, clear, and able to open pathways to new ideas.” Nir Eyal, Author of Hooked: How to Build Habit-Forming Products Painted Nails Against the While Keyboard is an autobiographical account of a women’s situation in the tech world as well as a guidebook for passionate up and comers...truly a must read! The New York Times An inspiration not only to women in the STEM feild, but to all women climbing their way to the top in male dominated careers everywhere! Elaine Welteroth, Editor-in-Cheif Teen Vogue Painted Nails Against the White Keyboard documents how women, although outnumbered, are fig h t ing for thei r dr eams and ma ki ng the dr eams of our daught er s a reality! Equal representation is coming ladies, we just have to keep striving for it! Oprah Winfrey Proof that our daughters can do whatever the hell they want to! Lauren Morill, Founder of Author Mama