SlideShare a Scribd company logo
CREATE A BETTER CULTURE FOR THE TECH
COMMUNITY AND YOUR COMPANY
DIVERSITY, INCLUSIVE
MINDSETS & ARCHITECTURE
TRACY LEE
@LADYLEET
Lead, This Dot Labs, JS consulting (Angular, React, Vue, Node, Polymer)
Google Developer Expert, Angular
Microsoft MVP
Community Rel, Node.js @ Node Foundation
RxJS Core Team
Women Techmakers, GDG Silicon Valley & Triangle
Modern Web Podcast
DIVERSITY
INCLUSION
Why diversity matters in product development
Creating an inclusive culture
Inclusive architectures - a new framework for engineering your team
& projects
Pillars for creating inclusive architectures
DIVERSITY
https://www.beyondiversity.com/how-diversity-as-an-idea-is-evolving/
“Diversity represents the full spectrum of human
demographic differences -
race, religion, gender, sexual orientation, age,
socio-economic status or disability.”
- Gallup
https://www.gallup.com/workplace/242138/r
equirements-diverse-inclusive-culture.aspx
DIVERSITY
“A lot of companies consider lifestyles, personality
characteristics, perspectives, opinions, family
composition, education level or tenure elements of
diversity, too.”
- Gallup
https://www.gallup.com/workplace/242138/r
equirements-diverse-inclusive-culture.aspx
DIVERSITY
WHY A DIVERSE
TEAM MATTERS FOR
PRODUCT DESIGN
https://www.inc.com/salvador-rodriguez/uber-diversity-fowler.html
https://medium.com/@shellyphu/why-bic-for-her-pens-failed-6d80cde6511
https://www.inc.com/salvador-rodriguez/uber-diversity-fowler.html
APPLE WATCH EARLY RELEASE
COULD NOT IDENTIFY DARK SKIN
https://www.wareable.com/health-and-wellbeing/skin-science-complex-wearables-4441
https://splinternews.com/will-the-apple-watchs-coolest-feature-work-for-people-o-1793846147
WAS
APPLE FAIL
A TEAM
DIVERSITY
PROBLEM?
USE STOCK PHOTOS OF TRANS
AND NON-BINARY PEOPLE
https://www.inc.com/salvador-rodriguez/uber-diversity-fowler.html
“Would Uber with more
women in technical roles
have built better tools to
protect female users from
instances of sexual attacks
by their drivers?”
- Inc. Magazine
DOES DIVERSITY
REALLY AFFECT
THE BOTTOM LINE?
https://www.techrepublic.com/article/5-eye-opening-statistics-about-minorities-in-tech/
“Diversity efforts could net IT industry
an extra $400 billion in revenue
each year.”
- Todd Thibodeaux, CompTIA CEO.
- Examined data sets for 366 public companies across a range
of industries in Canada, Latin America, UK, and US.
- Companies in top quartile for racial and ethnic diversity are
35% more likely to have financial returns above industry
medians.
- Companies in top quartile for gender diversity are 15%
more likely to have financial returns above industry
medians.
DIVERSITY MATTERS REPORT BY MCKINSEY & COMPANY
https://www.mckinsey.com/business-functions/organization/our-insights/why-diversity-matters
https://www.usatoday.com/story/tech/news/2017/06/13/uber-market-share-customer-image-hit-string-scandals/102795024/https://www.usatoday.com/story/tech/news/2017/06/13/uber-market-share-customer-image-hit-string-scandals/102795024/
Uber had a 3.5% decrease in market
share between Feb and June
(when Susan Fowler’s post on a
hostile work culture was released)
Lyft’s market share during that same
time had a correlating 3.5%
increase.
INCLUSION
Inclusion refers to a cultural and environmental
feeling of belonging.
It can be assessed as the extent to which
employees are valued, respected, accepted and
encouraged to fully participate in the
organization.
- Gallup
https://www.gallup.com/workplace
/242138/requirements-diverse-incl
usive-culture.aspxINCLUSION
Employees in inclusive environments feel appreciated
for their unique characteristics and are therefore
comfortable sharing their ideas and other aspects of
their true and authentic selves.
- Gallup
https://www.gallup.com/workplac
e/242138/requirements-diverse-i
nclusive-culture.aspxINCLUSION
HOW TO BUILD AN
INCLUSIVE CULTURE
https://twitter.com/careecodes/status/1113853211964780544
https://twitter.com/CindyGross/status/1113645164764041216
https://twitter.com/Judith_IP/status/1113475033400324096
1. Bounce an idea off of someone unexpected.
2. Change up your environment.
3. Rotate who runs your meetings.
4. Leave your assumptions at the door.
5. Talk about something other than work.
https://www.businessnewsdaily.com/10055-create-inclusive-workplace-culture.html
QUICK TIPS
https://twitter.com/betterallies/status/948931752197685248
HOW TO CREATE
INCLUSIVE
ARCHITECTURES
WHAT DOES
INCLUSIVE
ARCHITECTURE
ENABLE?
● Less project maintenance
● Less overall stress
● More cooperation
● Lower cost of developers
● Lower cost of project
● Greater diversity
THE NEW PIPELINE
“Faster and cheaper education models like
coding boot camps have tremendous
potential to diversify competitive
workforces.”
- Ryan Craig, author and investor
https://theundercoverrecruiter.com/bootcamp-grads-diversity/
THE NEW PIPELINE - BOOTCAMPS
Coding Bootcamps
43% women
25% black/latino
https://theundercoverrecruiter.com/bootcamp-grads-diversity/
Course Report 2016 demographic study of U.S. bootcamps
University CS Majors
15% women
10% black/latino
Reasons why:
● Poor onboarding documentation
● Rely on individual excellence
● Rise of the rockstar a$$hole
● No review or mentorship
Why this hurts seniors too:
● Harder to onboard and hire
● “Hit by a bus” fears
● Lack of advancement & stagnant
development
WHAT YOUR
PROJECT COULD BE
WITH AN
INCLUSIVE VISION
Success is person-independent, but team-dependent
Constant stream of developers across the spectrum of
experience
Less burnout, less panic hiring, more seasonal hiring
More innovation, more excitement, more learning
THE INCLUSIVE VISION
PILLARS FOR
CREATING
INCLUSIVE
ARCHITECTURES
PROCESS
Diversity, Inclusive Mindsets, and Architecture
● Clear expectations
● Greater team buy-in and cooperations
● No single-points-of-failure
● Less stress during the crazy
● Reduced conflicts and fewer power struggles
THE BENEFITS OF
PROCESS DONE RIGHT
1. Define Expectations
2. Describe How To Meet Expectations
3. Verify Expectations Are Met
4. Record Results
5. Review Accomplishments Against Expectations
WHAT IS PROCESS?
What needs to be done?
Who will do those things?
How should it be done?
When should it be done?
HOW TO CREATE PLANS
DEFINING PURPOSE
Diversity, Inclusive Mindsets, and Architecture
DEFINING RESOLUTIONS
● Minimize errors
● Teach new team members
● Reduce cognitive load
CREATE CHECKLISTS
FRAMEWORKS
Web development is hard!
Performance
Security
Accessibility
Responsive Design
Progressive Enhancement
Browser Compatibility
Progressive Web Apps
Web development is hard!
Performance
Security
Accessibility
Responsive Design
Progressive Enhancement
Browser Compatibility
Progressive Web Apps
Frameworks can help!
They make it easy to do the right thing.
QUICK START DEVELOPMENT -
CLIS FTW!
● Scaffolding a new project
● Zero-config environment
● Smart defaults
● Out of the box performance using
automatic differential serving,
lazy loading, tree shaking, AoT
compilation
● Actively maintained and kept
up-to-date with core libraries
CLIS FTW!
● Reduce the risk of defects due to
out-of-date or misconfigured
technologies
● Easy migration between major
versions of libraries
● Documentation readily available
● Low risk - ejecting always a
possibility
ABSTRACTIONS
Separating Concerns allow for a more inclusive codebase
Isolate Business Logic and Complicated Integration Interfaces
(data layer, synchronization, real time communications, etc)
from Presentation Layer
(user stories, UI, etc.)
ABSTRACTIONS
Use state management solutions to expose a set of operations but
obscure away the complicated stuff
ABSTRACTIONS
STATE MACHINES
Diversity, Inclusive Mindsets, and Architecture
Use Design Systems/Component Libraries
Don’t have to do custom HTML/CSS on every page.
- Material Design (Angular, React, Preact, Ember, Vue)
ReachUI - A11Y focused component library
Polaris - Shopify’s design system
ABSTRACTIONS
MENTORSHIP
● Embrace constant renewal of your workforce
● Mentor others into your position so you get
promoted
GET PROMOTED BY HELPING
SOMEONE TAKE YOUR JOB
● Mentorship starts at the top
● Fully onboard juniors
● Give them more than just docs and CSS tasks
● Get out of fire mode, think holistically
INCLUSIVE PROJECT
MANAGEMENT
● Creating a culture of teaching
● Tech Talks
● Explaining a concept teaches you the concept WAY better
● What are the roles of seniors and how to readjust the
responsibilities to support new developers
● Don’t be a 10x dev, make 10 others 2x as good
SHIFTING THE ROLE
OF THE SENIOR DEV
● Career development
● Professional Instruction (Code Review,
Requirements, etc)
● Soft Skills
● Technical Challenges
● Radical Candor Feedback
EXAMPLES OF MENTORSHIP
Why diversity matters in product development
Creating an inclusive culture
Inclusive architectures - a new framework for engineering your team
& projects
Pillars for creating inclusive architectures
www.thisdot.co/labs
tracy@thisdot.co
@ladyleet
hi@thisdot.co
THANK YOU!

More Related Content

PDF
Diversity & Inclusion Keynote at Open Source 101
PDF
How to apply agile principles to the agency model
PDF
How to apply agile methodologies to the agency model | Agile for Agencies, Ea...
PDF
Ux Camp: Selling the value of UX
PPTX
Is collaboration the future of business IT? - Patrick Bolger, Hornbill
PPTX
How to get the best out of DevSecOps - a developers perspective
PPTX
Rethinking learning for a volatile and uncertain future
PDF
Keynote: Diversity - Is it a Pipeline Problem?Inclusion - Is it that hard? Ho...
Diversity & Inclusion Keynote at Open Source 101
How to apply agile principles to the agency model
How to apply agile methodologies to the agency model | Agile for Agencies, Ea...
Ux Camp: Selling the value of UX
Is collaboration the future of business IT? - Patrick Bolger, Hornbill
How to get the best out of DevSecOps - a developers perspective
Rethinking learning for a volatile and uncertain future
Keynote: Diversity - Is it a Pipeline Problem?Inclusion - Is it that hard? Ho...

Similar to Diversity, Inclusive Mindsets, and Architecture (20)

PDF
UX STRAT 2018 | Flying Blind On a Rocket Cycle: Pioneering Experience Centere...
PDF
UX STRAT USA Presentation: Joe Lamantia, Bottomline Technologies
PDF
Bob Sarni's Presentation for Agile Maine 2014
PPTX
Harnessing Change: Agile Methods for Instructional Designers
PPT
Intranet design strategies2011 (nx power lite)
PDF
Revisiting Your L&D Strategy in these Turbulent Times
PDF
Relationship economics.linked in best practices
PPTX
Navigating the Inner and Outer Loops--Effective Office 365 Communications
PPTX
Coe nov2010 planning
PDF
Success Through an Actionable Data Science Stack
PDF
Big Data LA 2016: Backstage to a Data Driven Culture
PDF
Organizational Structuring
PDF
Product + UX: How to combine strengths to make something truly great!
PPTX
ATD Virtual Conference: Leveraging Agile Methods in L&D
PDF
Including the User: How insights drive business #pswud2017
PDF
Dare Sessions: Organisation 3.0
PDF
Organizational Culture Change during a technology transformation
PPTX
Intranets With Office 365: What You Need To Know #spsdenver #spscolo #spsden
PDF
Fundamentals of Agile
PDF
Evolving the Creative Process
UX STRAT 2018 | Flying Blind On a Rocket Cycle: Pioneering Experience Centere...
UX STRAT USA Presentation: Joe Lamantia, Bottomline Technologies
Bob Sarni's Presentation for Agile Maine 2014
Harnessing Change: Agile Methods for Instructional Designers
Intranet design strategies2011 (nx power lite)
Revisiting Your L&D Strategy in these Turbulent Times
Relationship economics.linked in best practices
Navigating the Inner and Outer Loops--Effective Office 365 Communications
Coe nov2010 planning
Success Through an Actionable Data Science Stack
Big Data LA 2016: Backstage to a Data Driven Culture
Organizational Structuring
Product + UX: How to combine strengths to make something truly great!
ATD Virtual Conference: Leveraging Agile Methods in L&D
Including the User: How insights drive business #pswud2017
Dare Sessions: Organisation 3.0
Organizational Culture Change during a technology transformation
Intranets With Office 365: What You Need To Know #spsdenver #spscolo #spsden
Fundamentals of Agile
Evolving the Creative Process
Ad

More from Tracy Lee (20)

PDF
Contributing to Open Source - Angular World Tour
PDF
ChicagoJS's JSCAMP 2019 Keynote - Inclusive Architecture - Building Sustainab...
PDF
Angular Girls Kansas City - The Power of Open Source and Social Media
PDF
Diversity & Inclusion Conference Talk - Refactr
PDF
Inclusive Architecture - Introducing the PAMstack - [Refactr.tech]
PDF
RxJS Operators - Real World Use Cases (FULL VERSION)
PDF
RxJS Operators - Real World Use Cases - AngularMix
PDF
Reactive programming with RxJS - ByteConf 2018
PDF
A Practical Approach to React Native at All Things Open Conference
PDF
The Power of RxJS in Nativescript + Angular
PDF
React Native - Getting Started
PDF
RxJS - The Basics & The Future
PDF
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
PDF
An Introduction Into Using Angular’s Material Design
PDF
The Tale of the 3 CLIs - jDays2017
PDF
Angular Material (2) - NgVikingsConf
PDF
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
PDF
A Tale of 3 CLIs - Angular 2, Ember, and React
PDF
Learning the New Tech Lingua Franca: Social Media
PDF
From 0 to Developer - Silicon Valley Code Camp
Contributing to Open Source - Angular World Tour
ChicagoJS's JSCAMP 2019 Keynote - Inclusive Architecture - Building Sustainab...
Angular Girls Kansas City - The Power of Open Source and Social Media
Diversity & Inclusion Conference Talk - Refactr
Inclusive Architecture - Introducing the PAMstack - [Refactr.tech]
RxJS Operators - Real World Use Cases (FULL VERSION)
RxJS Operators - Real World Use Cases - AngularMix
Reactive programming with RxJS - ByteConf 2018
A Practical Approach to React Native at All Things Open Conference
The Power of RxJS in Nativescript + Angular
React Native - Getting Started
RxJS - The Basics & The Future
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
An Introduction Into Using Angular’s Material Design
The Tale of the 3 CLIs - jDays2017
Angular Material (2) - NgVikingsConf
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
A Tale of 3 CLIs - Angular 2, Ember, and React
Learning the New Tech Lingua Franca: Social Media
From 0 to Developer - Silicon Valley Code Camp
Ad

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Modernizing your data center with Dell and AMD
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PPTX
Cloud computing and distributed systems.
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Machine learning based COVID-19 study performance prediction
PPTX
A Presentation on Artificial Intelligence
PPTX
Big Data Technologies - Introduction.pptx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Chapter 3 Spatial Domain Image Processing.pdf
The AUB Centre for AI in Media Proposal.docx
Dropbox Q2 2025 Financial Results & Investor Presentation
Reach Out and Touch Someone: Haptics and Empathic Computing
Modernizing your data center with Dell and AMD
Diabetes mellitus diagnosis method based random forest with bat algorithm
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Per capita expenditure prediction using model stacking based on satellite ima...
Encapsulation_ Review paper, used for researhc scholars
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Cloud computing and distributed systems.
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Machine learning based COVID-19 study performance prediction
A Presentation on Artificial Intelligence
Big Data Technologies - Introduction.pptx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025

Diversity, Inclusive Mindsets, and Architecture