Designing Change

A presentation at Front in June 2019 in Salt Lake City, UT, USA by Matthew Ström

Slide 1

Slide 1

Designing Change Front · June 6th, 2019 · Salt Lake City, Utah Matt Ström · @ilikescience

Slide 2

Slide 2

The Ship of Theseus Change is hard to see Designing Change @ilikescience

Slide 3

Slide 3

My Ship of Theseus bitly.com Designing Change @ilikescience

Slide 4

Slide 4

Slide 5

Slide 5

Challenge 1 The Institutional Immune System Q: Where do I start? Designing Change @ilikescience

Slide 6

Slide 6

A: The First Plank Start small, build trust Designing Change @ilikescience

Slide 7

Slide 7

How to beat the institutional immune system

  1. Find an edge 2. Minimize resource requirements 3. Be ready to scale Designing Change @ilikescience

Slide 8

Slide 8

Designing Change @ilikescience

Slide 9

Slide 9

Designing Change @ilikescience

Slide 10

Slide 10

Challenge 2 Infinite possibilities Q: How do I align? Designing Change @ilikescience

Slide 11

Slide 11

A: The North Star Follow a compass, not a map Designing Change @ilikescience

Slide 12

Slide 12

Slide 13

Slide 13

Rules for good design principles: Good design principles are memorable. Good design principles help you say no. Good design principles aren’t truisms. Good design principles are easy to use. Designing Change @ilikescience

Slide 14

Slide 14

mstrom.co/design-principles Designing Change @ilikescience

Slide 15

Slide 15

Bitly’s design principles: 1. Design for trust. Design needs ethics. Strive to be transparent, clear, and consistent at all times. Build with intention, and earn our users’ trust. 2. Start with accessibility. Accessibility and usability aren’t optional. The more people can use our product, the more successful we will be. 3. Write to include. Always write short and smart. Use active voice, avoid slang and jargon, and write positively. Be helpful, honest, and human. Designing Change 4. Listen to users. Challenge your assumptions by listening to user feedback. Understand what users need and why, then design experiences that serve those needs. 5. Make a meaningful connection. Build positive experiences with kindness, whimsy, richness, wit. Inspire passion, engage users. 6. Be obvious. Good design and architecture should be invisible. Build useful software and get out of the way. @ilikescience

Slide 16

Slide 16

Challenge 3 Doubt Q: What’s the plan? Designing Change @ilikescience

Slide 17

Slide 17

A: The Responsive Roadmap The map is not the territory Designing Change @ilikescience

Slide 18

Slide 18

Team 1 Team 2 Team3 Team4 Designing Change @ilikescience

Slide 19

Slide 19

Designing Change @ilikescience

Slide 20

Slide 20

Complicated ≠ Complex Many known parts Designing Change Lots of unknowns @ilikescience

Slide 21

Slide 21

Why? Ambitious objectives which are guided by What? Measurable key results which are impacted by When? Concrete targets which are accomplished by How? Designing Change Current projects @ilikescience

Slide 22

Slide 22

Why? A 4-year leap for bitly.com guided by What? +20% daily new signups impacted by When? A new hero component accomplished by How? Designing Change Type + illustration choices @ilikescience

Slide 23

Slide 23

mstrom.co/responsive-roadmaps Designing Change @ilikescience

Slide 24

Slide 24

Challenge 4 Diminishing Returns Q: How do I keep going? Designing Change @ilikescience

Slide 25

Slide 25

A: The Feedback Loop Constantly refine the process Designing Change @ilikescience

Slide 26

Slide 26

Kalman Filtering:

  1. Predict 2. Measure 3. Update 4. Repeat Designing Change @ilikescience

Slide 27

Slide 27

Code is shipped Design is !nished Design Just-in-time delivery Engineering Stand-ups, retros Product Grooming, planning Research User testing & interviews mstrom.co/just-in-time-design Designing Change @ilikescience

Slide 28

Slide 28

Just-in-time-design:

  1. Invest in a design system. 2.Ship in the smallest increment possible. 3. Get embedded in the team. 4. Don’t create a backlog of designs. Designing Change @ilikescience

Slide 29

Slide 29

The Result Proof that it works Designing Change @ilikescience

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

Is it innovative? No. Designing Change @ilikescience

Slide 33

Slide 33

Did it accomplish the objectives? YES. Designing Change @ilikescience

Slide 34

Slide 34

+50% Daily new signups +20 Accessibility score Designed 100% in-house Cross-company collaboration Shipped in 4 months Designing Change @ilikescience

Slide 35

Slide 35

Slide 36

Slide 36

The end Matt Ström · @ilikescience