Design patterns, Wonder Blocks, and product etiquette

This week: Design patterns, Wonder Blocks, and product etiquette

Team Designlab
Team Designlab
|
Aug 25, 2023
|
5
Min Read
Share

3 DESIGN ARTICLES 

3 QUESTIONS TO EVALUATE DESIGN PATTERNS

  • After reflecting on the latest form design trend—buttons inside form fields—Adam Silver offers three questions to help evaluate new trending patterns, avoid unnecessary work and ultimately avoid patterns that degrade UX.
  • Adam’s three questions are helpfully formulated to re-ground designers in real data, even as they explore more creative solutions to common problems.
  • “The purpose of design is to solve actual problems. Not made up ‘I’m bored so I’ll come up with something new’ problems.”

THE STORY BEHIND WONDER BLOCKS, THE KHAN ACADEMY DESIGN SYSTEM

  • Khan Academy may be one of the most well-known names in online education, but behind-the-scenes chaos (with 50 kinds of buttons and links, multiple inaccessible conflicting color systems, and 100+ instances of style definitions for type) led to an urgent need for a full design system revamp.
  • From auditing existing design components to working with marketing to determine a cohesive brand experience, the massive effort of building a coherent design system utilized a lengthy roll-out process and unique “guild” organization within various teams.
  • “Together, we make a case for and schedule Wonder Blocks work directly on product timelines. [...] This has greatly improved the chances of a Wonder Blocks addition/change being shipped, being shipped in a timely manner, and our ability to work sustainably as a team.”

TEACHING ETIQUETTE TO PRODUCTS

  • From blaring notifications to Siri, tech tools are more intrusive than not, leading to an opportunity for designers to focus on incorporating principles of etiquette, such as subtle notifications, informed choices, and harmonious transitions. 
  • Etiquette isn’t limited to notifications: visual UI can benefit from softening gradients, or utilizing palettes that conform to the time of day.
  • “In the rush to make devices ubiquitous and “smart,” tech companies have created for us a monstrous pet that resists training, is not very affectionate, and is definitely not house broken.”

PORTFOLIO INSPIRATION 💜

Guerd Alberts, a UX Academy graduate, showcases a strong example of what truly tailoring your portfolio to an industry looks like.

Guerd Portfolio

Got a portfolio you love that you’d like to share with our audience? Email your suggestions to hello@designlab.com.

INTERESTING STUFF ...

Launch a career in ux design with our top-rated program

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.

Launch a career in ux design with our top-rated program

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.