SlideShare a Scribd company logo
Scaling Up Design
From engineering led to experience led
JURGEN SPANGL
Keynote #5 scaling up design by jurgen spangl
This team just
shipped their
beta. To Mars.
Atlassian helped NASA’s Rover team ship
stellar code
• Big cool statistic
• 2,56
9
• Add-Ons in Marketplace
@JURGENSPANGL
2012
@JURGENSPANGL
2013
@JURGENSPANGL
Just text by itself,
for impact.
@JURGENSPANGL
2014
• Big cool statistic
• 2,56
9
• Add-Ons in Marketplace
@JURGENSPANGL
2015
• Big cool statistic
• 2,56
9
• Add-Ons in Marketplace
@JURGENSPANGL
2016
Keynote #5 scaling up design by jurgen spangl
@JURGENSPANGL
Design is the new black
@JURGENSPANGL
Seat at the table?
@JURGENSPANGL
Seat at the table?
It’s about changing company culture
@JURGENSPANGL
1
@JURGENSPANGL
Sprechen Sie Deutsch?
@JURGENSPANGL
Do you speak German?
@JURGENSPANGL
(╯°□°)╯︵ ┻━┻
@JURGENSPANGL
(table flip)
@JURGENSPANGL
Language
We should change the
colour of this button.
FOUNDER REVIEW
“
”
@JURGENSPANGL
@JURGENSPANGL
If you don't like what is being said, then
change the conversation
DON DRAPER, MAD MEN
“
”
JIRA
Confluence
Keynote #5 scaling up design by jurgen spangl
@JURGENSPANGL
Design Trunk
@JURGENSPANGL
Design Trunk
Atlassian Design Guidelines
Keynote #5 scaling up design by jurgen spangl
@JURGENSPANGL
ITEM 2
ITEM 1
ITEM 3
ITEM 4
Agenda
Faster process
@JURGENSPANGL
ITEM 2
ITEM 1
ITEM 3
ITEM 4
Agenda
Existing patterns
@JURGENSPANGL
ITEM 2
ITEM 1
ITEM 3
ITEM 4
Agenda
Existing patterns…in code
@JURGENSPANGL
ADG is a product,
serving products
Design sparring
Art critique
Design led
Structured
Inclusive
Regular
@JURGENSPANGL
Radical candour
Challenge
directly
Care personally
Radical
candour
@JURGENSPANGL
Should designers code?
@JURGENSPANGL
@JURGENSPANGL
2
@JURGENSPANGL
Currency
@JURGENSPANGL
@JURGENSPANGL
Project Disneyland
@JURGENSPANGL
@JURGENSPANGL
Customer journey
EXPLOREKNOW GET HELP
?
SHARETHINK
RECONSIDER
STOP
RENEWMIGRATE
BUY 1ST
PAY
SET UP
$
BUY MORE
PAY
UPGRADE EXPLORE
$
TRY
SET UPINSTALL
BTF
USE
UPDATE
COLLABORATE
ROLL
OUT
@JURGENSPANGL
Personas: from administrators to users
William HarveyAlana Emma
William the Wise
Loves
• Challenges
• Programming languages
• New tech products
•
•
•
Hates
• Bad or slow processes
•
when he needs it
•
•
•
Places that
matter
•
• Reddit
Company
• Team size:
• Company size:
• Work remotely:
User Personas
Needs
• Less admin work
•
• Evidence that change is
good
•
•
Goals
•
and community
• Feel accomplished at the
•
•
“I’m obsessed with technology.”
done, and he usually knows how to do it. Nothing irritates him more than needless admin.
-
Software
• JIRA
•
•
Languages
• Java
• Javascript
• Ruby
“I have too many things to do and not enough tim
Harvey does not identify as a technical person nor does he crave the
Harvey has a business or traditional design background and doesn’
technicalities of software development. He just wants stuff that work
take recommendations from William, Alana and Emma. However, if h
He craves predictability and control. He runs to de-stress. Harvey th
ant’s nest. Seemingly chaotic but working to a greater good.
Harvey the Hesitant
Loves
• Reliable products
• Time saving tricks
• Note taking apps
•
•
•
Hates
• Agile
• Software that updates
• Flash
•
•
Places that
matter
• The Wall Street Journal
• Harvard Business Review
Com
• Tea
• Com
• Wo
User Personas
Needs
• Minimal fuss products
• Things work smoothly
together
•
• Only show me what’s
relevant
Goa
• Put
proto
• Ma
bala
•
•
Software
• Gmail
•
•
Languages
•
•
•
“The worst thing you can do is waste my time.”
Alana is a great people herder and works diligently until the project is a success. Alana
is very ambitious and her organisation skills allows her to drive any project forward. She
understands technology, how it works and then some, although she has no ambition to
be a developer again. Alana has a personal blog that often overlaps with her thoughts on
her industry. She thinks Atlassian is a dragon, a vehicle for greatness, but only if it does
what she says.
Alana the Aware
Loves
• Huge projects
• Responsibility
• Working with talented
people
•
•
Hates
• When shit doesn’t work
• Old processes
• People that don’t have a
can-do attitude
• Red tape
•
Places that
Matter
• Brain Pickings
• TechMeme
Company
• Team size:
• Company size:
• Work remotely:
User Personas
Needs
• I want problems solved
fast
• Track projects and teams
• Automate the boring stuff
•
•
Goals
• Get to the next career
leap
• Leave work at work
• My team is using the
best practices and
software available
Software
•
• JIRA
• Evernote
Languages
• Java
• CSS
• HTML
“I want to learn as mu
keen to take things on. Emma
know as much as William the
an early adopter and frequentl
theory of Agile but needs more
everywhere. Emma has an Ets
is an old dog, loyal but can oft
Emma the Eag
Loves
• Beautiful software
• Organising social events
with her colleagues
• Quick wins
•
•
Hates
• Hitting road blocks
• Clunky and enterprise
software
• Legacy code
•
•
User Personas
Software
• Trello
• GitHub
• JIRA
Languages
• Javascript
• CSS
•
Ryan the Ready
User Personas
“I strive for beauty in my work.”
Cassie the Creative has some technical knowledge but prefers to focus on aesthetics, not
pixels. Cassie is happy to learn new tech-heavy products as long as they’re a pleasure to
learn. For Cassie, quality is more important than deadlines. She knows some CSS and
HTML.
Cassie the Creative
User Personas
“I have a range of interests and technology is one of them. I want
to lead a balanced life.”
Max the Mainstream’s aim is to leave for home on time so that he can cycle, spend
passions and hobbies.
Max the Mainstream
User Personas
“I love organising huge
Sameer the Social is a marketi
couple of years. Sameer spins
plays to his strengths and ofte
smaller events. He is spread th
events and updates the websi
ness and buy in for cross prod
Sameer the Soc
User Personas
RyanMax Cassie Sameer
@JURGENSPANGL
Net Promoter Score (NPS)
How likely are you to recommend <product>

to a friend or family?
1 2 3 4 5 6 7 8 9 101
DETRACTORS PASSIVES PROMOTERS
% Promoters - % Detractors Net Promoter Score (NPS)
@JURGENSPANGL
Listen to users
@JURGENSPANGL
Being experience led
True triads
Engineering
Design
Product
Management
True triads
Engineering
Design
Overall customer
satisfaction
MAU+ NPS +
others
Product
Management
True triads
Reliability
Usability
NPS
Functionality
Responsibility and accountability
Reliability
Usability
Functionality Are we building the right thing?
Are we building it in the right way?
Are we building it so that is usable and
delightful?
Responsibility and accountability
Engineering
Design
Product
management Are we building the right thing?
Are we building it in the right way?
Are we building it so that is usable and
delightful?
@JURGENSPANGL
Just text by itself,
for impact.
@JURGENSPANGL
[...] good, even great, design is meaningless
unless it gets built.
ALAN COOPER
“
”
@JURGENSPANGL
3
@JURGENSPANGL
Pain
@JURGENSPANGL
Keynote #5 scaling up design by jurgen spangl
@JURGENSPANGL
/30 70
@JURGENSPANGL
30% – 70% pissed off30 70
@JURGENSPANGL
It hurts so good to focus.
DANIELLE LAPORTE
“ ”
@JURGENSPANGL
We become what we behold.

We shape our tools and then

our tools shape us.
MARSHALL MCLUHAN
“
”
@JURGENSPANGL
We, as a TEAM,

ship great experiences
JURGEN SPANGL

JURGEN@ATLASSIAN.COM

@JURGENSPANGL
https://medium.com/designing-atlassian
Thanks!

More Related Content

PDF
Workshop #2: User Research For Everyone by Aras Bilgen
PDF
How We Re-imagined and Simplified Confluence Bit by Bit
PDF
Designing Add-ons for Atlassian Products, the Do’s & Don’ts
PDF
Nondeterministic Software for the Rest of Us
PPTX
You're Having a Laugh
PDF
How to Make Customer Support Your Product's Greatest Feature
PPTX
Advanced Scrum: Answering the Difficult Questions
PDF
The #NoEstimates Movement - 2017
Workshop #2: User Research For Everyone by Aras Bilgen
How We Re-imagined and Simplified Confluence Bit by Bit
Designing Add-ons for Atlassian Products, the Do’s & Don’ts
Nondeterministic Software for the Rest of Us
You're Having a Laugh
How to Make Customer Support Your Product's Greatest Feature
Advanced Scrum: Answering the Difficult Questions
The #NoEstimates Movement - 2017

What's hot (20)

PDF
Joel Spolsky "Joel Spolsky on Hiring Great Tech Talent"
PDF
Achieving Technical Excellence in Your Software Teams - from Devternity
PDF
Am I a Brilliant Jerk?
PPTX
Your Testing is a Joke
PDF
Dev up 2017 - Half Day Workshop: Getting your agile team unstuck
PDF
The Black Magic of Engineering Management
PDF
The Blameless Cloud: Bringing Actionable Retrospectives to Salesforce
KEY
Community and Github: 7/27/2011
PDF
JIRA Landing In Vietnam 2015
PPTX
Superweek2019 dmo presentation
PDF
Further Together: Curated Pairing Culture @Pivotal
PPTX
Prototyping for web and mobile workshop
PDF
Small Project Success
PDF
Small Project? Big Success!
PDF
Fwd: Re: Re: Distributed Team Seeking Effective Communication
PPTX
Social HR Technology Landscape
PPTX
Building an Awesome Engineering Culture
PPTX
Becoming a SharePoint Chef: A Non-Culinary Calling
PDF
Developers, developers, developers, developers...
PDF
Hackathon Survival Guide
Joel Spolsky "Joel Spolsky on Hiring Great Tech Talent"
Achieving Technical Excellence in Your Software Teams - from Devternity
Am I a Brilliant Jerk?
Your Testing is a Joke
Dev up 2017 - Half Day Workshop: Getting your agile team unstuck
The Black Magic of Engineering Management
The Blameless Cloud: Bringing Actionable Retrospectives to Salesforce
Community and Github: 7/27/2011
JIRA Landing In Vietnam 2015
Superweek2019 dmo presentation
Further Together: Curated Pairing Culture @Pivotal
Prototyping for web and mobile workshop
Small Project Success
Small Project? Big Success!
Fwd: Re: Re: Distributed Team Seeking Effective Communication
Social HR Technology Landscape
Building an Awesome Engineering Culture
Becoming a SharePoint Chef: A Non-Culinary Calling
Developers, developers, developers, developers...
Hackathon Survival Guide
Ad

Viewers also liked (20)

PDF
Keynote #3 when policy meets design by jung joo lee
PPT
Attractive things work better
PDF
Keynote #1 emotionally connecting to the next 50 years by Tong Yee
PPT
Top Ten Best Practices In Federal Performance Reporting
PDF
Quenton Cook : Scaling Design : Lightning Talk
PDF
Scaling a Design Team: Insights from interviewing the world's top design lead...
PDF
Lightning Talk #2: Sustaining Transformation in Government Agencies by Gerry ...
PPTX
Strategic Plan to Facilitate the Economic Success of Fairfax County (Jan. 27,...
PDF
Workshop #5: Phygital - The Future of Seating by L+W
PDF
Keynote #4 transformative tangibles by francesca lanzavecchia and hunn wai
PDF
Workshop #5: Phygital - The Future of Seating by L+W_printed material
PDF
Performance Management - the Coca cola perspective by Carmistha Mitra
PPT
АВТОМАТ ИЗ ИЖЕВСКА
PDF
Grafico diario del dax perfomance index para el 09 08-2012
DOC
DJs RESUME LINKEDIN V2
PPT
IT Awareness Project - TCN
DOCX
Bridging Cross-Functional Systems Using PPDM Well Standard
PDF
Opleiding Mediacoach - Maken:computational thinking in de bibliotheek
ODP
Prrject 2
PPT
RD Fresh 2016
Keynote #3 when policy meets design by jung joo lee
Attractive things work better
Keynote #1 emotionally connecting to the next 50 years by Tong Yee
Top Ten Best Practices In Federal Performance Reporting
Quenton Cook : Scaling Design : Lightning Talk
Scaling a Design Team: Insights from interviewing the world's top design lead...
Lightning Talk #2: Sustaining Transformation in Government Agencies by Gerry ...
Strategic Plan to Facilitate the Economic Success of Fairfax County (Jan. 27,...
Workshop #5: Phygital - The Future of Seating by L+W
Keynote #4 transformative tangibles by francesca lanzavecchia and hunn wai
Workshop #5: Phygital - The Future of Seating by L+W_printed material
Performance Management - the Coca cola perspective by Carmistha Mitra
АВТОМАТ ИЗ ИЖЕВСКА
Grafico diario del dax perfomance index para el 09 08-2012
DJs RESUME LINKEDIN V2
IT Awareness Project - TCN
Bridging Cross-Functional Systems Using PPDM Well Standard
Opleiding Mediacoach - Maken:computational thinking in de bibliotheek
Prrject 2
RD Fresh 2016
Ad

Similar to Keynote #5 scaling up design by jurgen spangl (20)

PDF
Nailing Distributed Development With Effective Collaboration - Matt Ryall
PDF
Scrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
PDF
Designing Teams - How Building a Great Workspace is Like Building Great Software
PDF
Prototyping to the North Star
PDF
6 to 106 in 4 years - The story of the Atlassian Design team
PDF
The Future of Enterprise UX Design: An Asana & Quickbooks Case Study
PDF
Be a great product leader by Adam Nash, VP Product, Dropbox
PDF
Be A Great Product Leader (Amplify, Oct 2019)
PPTX
Rethinking Your DevOps Strategy
PPTX
Project Management 101 - Wordcamp TO 05112011
PDF
Building a Business's Digital Presence: A Local Guide
PDF
Turning a Startup to a Design-Driven Company
PDF
Rapid Prototyping 2015: Its a Mad Mad World
PDF
Kickass Agile Development - Agile & Beyond Conference
PDF
Drupalpartners overview6.compressed
PDF
UX South Africa 2014 - Keynote
PPTX
Client Training: How to Recruit New Grads and Millennials
PPTX
Visual tools and innovation games - full day workshop - sp intersections - no...
PDF
Hiten Shah and Marie Prokopets - Lessons Learned from Building 5 Products in ...
PDF
Just Enough Web Development: An Introduction!
Nailing Distributed Development With Effective Collaboration - Matt Ryall
Scrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
Designing Teams - How Building a Great Workspace is Like Building Great Software
Prototyping to the North Star
6 to 106 in 4 years - The story of the Atlassian Design team
The Future of Enterprise UX Design: An Asana & Quickbooks Case Study
Be a great product leader by Adam Nash, VP Product, Dropbox
Be A Great Product Leader (Amplify, Oct 2019)
Rethinking Your DevOps Strategy
Project Management 101 - Wordcamp TO 05112011
Building a Business's Digital Presence: A Local Guide
Turning a Startup to a Design-Driven Company
Rapid Prototyping 2015: Its a Mad Mad World
Kickass Agile Development - Agile & Beyond Conference
Drupalpartners overview6.compressed
UX South Africa 2014 - Keynote
Client Training: How to Recruit New Grads and Millennials
Visual tools and innovation games - full day workshop - sp intersections - no...
Hiten Shah and Marie Prokopets - Lessons Learned from Building 5 Products in ...
Just Enough Web Development: An Introduction!

More from ux singapore (20)

PDF
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
PDF
Lightning Talk #14: Blueprint for change by Ally Reeves
PDF
Lightning Talk #13: Anticipatory Design: Invisible Interfaces and Predictive ...
PDF
Lightning Talk #12:7 cognitive biases we shouldn’t ignore in research by Ruth...
PDF
Lightning Talk #11: Designer spaces by Alastair Simpson
PDF
Lightning Talk #10: Creating a Design-Centered Culture in Organizations: Lear...
PDF
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
PDF
Lightning Talk #8: Digital Transformation in Asia – The Real Deal by Kanika A...
PDF
Lightning Talk #7: Outwards and Inwards Experiential Transformation: A KASKUS...
PDF
Lightning Talk #6: UX Coaching for Organisational Transformation by Jodine St...
PDF
Lightning Talk #5: User Onboarding: Patterns and Anti-Patterns Explored by Pa...
PDF
Workshop #14: Behaviour, government policy and me: applying behavioural insig...
PDF
Workshop #13: Scenario Based Design_handoutsB
PDF
Workshop #13: Scenario Based Design_handoutsA
PDF
Workshop #13: Scenario Based Design by Shane Morris
PDF
Workshop #12: Research toolbox: Exploring innovation opportunities, emotion a...
PDF
Workshop #11: What is Right and Wrong Mindfulness by Venerable Chuan Guan
PDF
Workshop #7: Get Strategic: Learn To Embed UX More Deeply Into Your Organizat...
PDF
Workshop #6: UX In The Jungle by DJ (Der-Jeng) Lin & Mike Chou
PDF
Workshop #3: Sketching Collaboratively by Praneet Koppula
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
Lightning Talk #14: Blueprint for change by Ally Reeves
Lightning Talk #13: Anticipatory Design: Invisible Interfaces and Predictive ...
Lightning Talk #12:7 cognitive biases we shouldn’t ignore in research by Ruth...
Lightning Talk #11: Designer spaces by Alastair Simpson
Lightning Talk #10: Creating a Design-Centered Culture in Organizations: Lear...
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #8: Digital Transformation in Asia – The Real Deal by Kanika A...
Lightning Talk #7: Outwards and Inwards Experiential Transformation: A KASKUS...
Lightning Talk #6: UX Coaching for Organisational Transformation by Jodine St...
Lightning Talk #5: User Onboarding: Patterns and Anti-Patterns Explored by Pa...
Workshop #14: Behaviour, government policy and me: applying behavioural insig...
Workshop #13: Scenario Based Design_handoutsB
Workshop #13: Scenario Based Design_handoutsA
Workshop #13: Scenario Based Design by Shane Morris
Workshop #12: Research toolbox: Exploring innovation opportunities, emotion a...
Workshop #11: What is Right and Wrong Mindfulness by Venerable Chuan Guan
Workshop #7: Get Strategic: Learn To Embed UX More Deeply Into Your Organizat...
Workshop #6: UX In The Jungle by DJ (Der-Jeng) Lin & Mike Chou
Workshop #3: Sketching Collaboratively by Praneet Koppula

Recently uploaded (20)

PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPT
UNIT I- Yarn, types, explanation, process
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Urban Design Final Project-Context
DOCX
The story of the first moon landing.docx
PPTX
Special finishes, classification and types, explanation
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PDF
Phone away, tabs closed: No multitasking
DOCX
actividad 20% informatica microsoft project
PPTX
artificialintelligencedata driven analytics23.pptx
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PDF
Urban Design Final Project-Site Analysis
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
areprosthodontics and orthodonticsa text.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Interior Structure and Construction A1 NGYANQI
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
UNIT I- Yarn, types, explanation, process
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Urban Design Final Project-Context
The story of the first moon landing.docx
Special finishes, classification and types, explanation
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Phone away, tabs closed: No multitasking
actividad 20% informatica microsoft project
artificialintelligencedata driven analytics23.pptx
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
Urban Design Final Project-Site Analysis
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
areprosthodontics and orthodonticsa text.pptx
Quality Control Management for RMG, Level- 4, Certificate
YOW2022-BNE-MinimalViableArchitecture.pdf
Package Design Design Kit 20100009 PWM IC by Bee Technologies
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Tenders & Contracts Works _ Services Afzal.pptx
Interior Structure and Construction A1 NGYANQI

Keynote #5 scaling up design by jurgen spangl