Top 1% Designer Mindset: Adapt or Fall Behind | GitHub, Diana Mounter(Former Head of Design)

Key Concepts

• Embracing change in tech
• Meeting the moment with design
• Importance of core design skills (empathy, storytelling, creativity)
• GitHub as a software development tool
• Primer design system
• Dark mode implementation
• Outcomes vs. output
• Design systems and creativity
• AI and the future of design

Diana's Journey and GitHub

Diana, Head of Design at GitHub, shares her career journey and insights on design, technology, and the importance of embracing change. GitHub is described as a tool for building software, supporting the entire software development lifecycle, and facilitating collaboration on code. Diana has been at GitHub for almost 9 years, contributing to the development of the Primer design system and leading the dark mode implementation in 2020.

• Early Career: Diana's career began with an apprenticeship in a design and print shop, where she discovered her passion for web and graphic design, finding it a perfect blend of technical and creative aspects.
• Australia Experience: In her early 20s, Diana moved to Australia seeking new opportunities and personal growth. She found a job and later became interested in the tech industry.
• Introduction to Git and GitHub: Diana was introduced to Git and GitHub at a hackathon, which sparked her interest in working alongside engineers and contributing to software development. She started using GitHub for her websites and learned about static site generators like Jekyll.
• Joining GitHub: Diana was recruited by Mark Otto (co-creator of Bootstrap) to join GitHub. She was drawn to the product's impact and her personal affinity for the Octocat mascot.
• Octocat Mascot: The Octocat, GitHub's mascot, was initially a "happy accident," chosen from a stock illustration website for the 404 page. Its popularity led to the creation of a Star Wars-themed 404 page ("This isn't the page you're looking for") that resonated with developer culture.

The Role of Design at GitHub

Diana emphasizes that good design is about "meeting the moment" and creating great user experiences. She highlights the importance of valuing design within a company and recognizing its potential as a differentiator for product success.

• Tools and Technologies: Designers need to be comfortable using the same tools as engineers, including code and new technologies, to effectively design for AI experiences.

Dark Mode Case Study

Diana discusses the implementation of dark mode as a memorable project due to its high demand and the challenge of keeping it secret until its launch at the annual conference in 2020.

• Challenges: The team had to rely on indirect signals, such as user-created themes and Google plugins, to understand user preferences for dark mode variations.
• Solution: They developed a "default dark mode" that balanced darkness and contrast to appeal to a wide range of users. They also built the system to allow for future variations.
• Outcome: The default dark theme became the most popular, indicating the team's success in meeting user needs. The availability of a dimmed theme also catered to a significant portion of users.

Outcomes vs. Output

Diana stresses the importance of focusing on outcomes rather than just output. Key indicators of success include:

• Delivering a great end-user experience.
• Solving problems for customers.
• Enabling users to do something they couldn't before.
• Creating a product that looks good, feels good to use, and represents the brand well.

Primer Design System

Diana discusses the Primer design system, which codifies UI patterns and serves as a shared language between designers and developers.

• Benefits: Primer improves working relationships, enhances the end result, and allows teams to focus on bigger problems by reducing time spent recreating interaction patterns.
• Grassroots Team: Diana initiated improvements to Primer by suggesting changes to the CSS, leading to the formation of a grassroots team dedicated to enhancing the front-end code.
• Impactful Changes: The team focused on changes that addressed the biggest pain points, recognizing that introducing rules can be met with resistance. The goal was to make the design system easier to use than to avoid it.
• Creativity and Constraints: Diana argues that constraints imposed by design systems can actually foster creativity. By providing a foundation of colors and components, designers can focus on solving unique problems and creating innovative solutions.

AI and the Future of Design

Diana emphasizes the need for designers to embrace AI and other emerging technologies.

• Core Skills Remain: While technology evolves, core design skills such as empathy, storytelling, and creativity remain essential.
• Navigating Complexity: Designers need to navigate the complexity of AI and ensure that it doesn't overwhelm the user interface.
• Influence of Tooling: The tooling will influence the role of design in the future.

Conclusion

The interview highlights the importance of adaptability, continuous learning, and a focus on user-centered design in the ever-evolving tech landscape. Diana's journey at GitHub demonstrates the impact of design systems, the value of collaboration, and the need to embrace new technologies like AI to create meaningful and impactful user experiences.