Product Design

Macchiato No. 48 // A shot of UX with a dollop of graphic design

“The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”

This might be an overused quote from the the creator of the World Wide Web himself, Tim Berners-Lee, but it’s worthy and it emphasizes the importance of accessibility and inclusivity—subjects of today’s Macchiato.

Before we go any further, I’d like to give a shout out to my colleague and friend, Jordan Dunn, who will be speaking at SXSW taking place March 10-19, 2017. If you’re going, make sure to attend his session.


  • 7 Things Every Designer Needs to Know about Accessibility covers guidelines for how to make your product “design-ready,” how to meet the minimum standards in Section 508, and Web Content Accessibility Guidelines 2.0—it’s a great starting point for thinking about usability and accessibility in your designs.
  • Forms are a special kind of interface. They’re everywhere but sometimes we still make UX mistakes. Check out Form UX: Sometimes Even Apple, Google and Amazon Make Mistakes to learn about designing accessible forms. The article goes through a number of form-related problems using forms designed by Apple, Google, and Amazon as examples, and offers visual solutions for how to fix each one.
  • Accessible Sites Don’t Have to be Ugly. Accessibility shouldn’t compromise the site’s look and feel in order to meet accessibility requirements. Please don’t get it in your head that it will.
  • Over the summer, I had the opportunity to attend WWDC. I mentioned a couple talks on accessibility in my **recap **post, but wanted to link back to them here as well:
    • Disability and Innovation: The Universal Benefits of Accessible Design brought awareness to the fact that design is needed for the one billion people worldwide who live with a disability, not just the abled. Let’s design inclusively and use technology to provide accessibility.
    • Learn techniques for making your app intuitive, appropriate, and delightful for a global audience in Inclusive App Design. This session goes through best practices for being accessible and culturally-appropriate through the use of type, layout, color, and iconography.
  • One of the key aspects of designing for accessibility is typography. When considering type, the main accessibility issues are size and color. The Elements of Typographic Style provides insight on the practical, theoretical, and historical use of typography, and may shed light on designing with accessibility in mind.


  • Racial Diversity in Graphic Design is a panel discussion captured at a previous **Weapons of Mass Creation **(a celebration of design, entrepreneurship, and creativity that prides itself on being a festival characterized by its dedication to diversity). Listen or watch to gain insight from the featured panelists’ perspectives on race, culture, and diversity in the creative community.
  • “Today, women are among the most influential designers of American books…Across the twentieth century, women found opportunities to work in the publishing world—as editors and authors, as well as designers.” Quoted from page 364 in **Women Designers in the USA, 1900-2000: Diversity and Difference—**an excellent read celebrating everything from the contributions of women designers to twentieth-century American culture. It also features the achievements of women from various ethnic and cultural groups.

Extra Shot

from the WT UX Team
  • Design for accessibility from the beginning (even if it’s not developed at first). It will save development and design time and money in the long run. -@jordandunn


Quiet innovations and a push for mindfulness: Takeaways from Apple’s WWDC 2021 Keynote

From iOS 15, iPadOS 15, and macOS Monterey getting announced to a clear push for...

Read the article