A look at the processes and structures that support commercially successful product design. Jane will draw on her experiences from across her career, focusing specifically on The Telegraph and MOO. She will present four case studies from The Telegraph, each one emphasizing a particular aspect of design methodology. They will exemplify how her processes evolved to allow her team to ship well designed software at speed, maximising their effectiveness while minimising waste. Jane will then turn to her experiences at MOO, explaining how to lead an effective design team in an organisation that is scaling Agile. She will present the structures, the day-to-day processes and the lessons she has learned.
5. @msjaneaustin
All the things you need,
when you need great design! *
Turing Festival 2017
Some of
* specifically for design for brilliant digital products…
6. Doing upfront design with one round of research at the end
“I’m the expert..”
Designers delivering never complicated solutions to prove they are a genius
Anyone calling themselves a design genius
Designers dispraaging other people’s opinions because they’re not designers
Being unable to integrate MVT into a holistic design so you can gradually get a
Frankenstein site
“It’s what the business wants”
Hordes of marauding BAs giving the design team a list of requirements to ‘colour in’
Defensive documentation
Design team with no connection to data or KPIs
Product managers overly invested in metrics and experiments
Designers unable to adequately understand the impact of their work
22. Praise Jesus!“
This will be
a joy to use
“
The first newspaper CMS I’ve
used that is not even vaguely
terrible….well done!
“
It’s like a dream“
It’s really easy
to use. It’s the
Apple of CMSs
“
Even my mother
could use this
“
It’s going to
revolutionise our lives
“
Oh look - it’s
telling me off. I
like that.
“AFTER
“Thank you!!!“
BEFORE
It’s just bloody
amazing
23. Use facilitation techniques to explore the problem space with the team
Everyone knew the same thing at the same time - building a shared, deep
understanding
Have strong options lightly held - disagree, commit, test and iterate
Zero to one - bake in analytics from the start.
31. Product
ExD
Agile
Delivery
Coach
Tech
Shaping the
future of the
Product
Inspiring the world
with the Product
Vision
Facilitating
successful team
delivery
Enabling a
healthy, happy
& effective team
Building, running, owning
& iterating great products
Delighting Customers
Team Hugs
Building a
great product
Creating
sustainable, scalable
products
Build the
right thingHelping
validate
needs and
value prop
Crafting brilliant
experiences
Build the right
thing
Build the
thing right
Build the
thing right
35. Understand Define Explore Create
Build
the right thing
Build
the thing right
Generative
research
Summative
research
36. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Generative
research
Summative
research
37. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Generative
research
Ethnographic
research for
unmet needs
Summative
research
38. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Generative
research
Ethnographic
research for
unmet needs
Summative
research
Ship
39. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Generative
research
Ethnographic
research for
unmet needs
Summative
research
Ship
40. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Generative
research
Ethnographic
research for
unmet needs
Summative
research
Ship
MVT
41. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Generative
research
Ethnographic
research for
unmet needs
Summative
research
Ship
MVT
42. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Generative
research
Ethnographic
research for
unmet needs
Summative
research
Ship
MVT Shippable
increments
43. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Ship
44. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Ship
45.
46. We have observed that [product/
service/organisation] isn’t meeting
[these goals/needs], which is
causing [this adverse effect]. How
might we improve so that our
product/service/team/organisation
is more successful based on
[these measurable criteria]?
52. “I would have written a shorter letter, but I
didn’t have the time”
Blaise Pascal
53.
54.
55.
56. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Ship
57. The design process needs to be collaborative and iterative
You need to work with your team to ideate, to create solutions, and for them to observe the
research together, and wash up together, so you have a shared understanding - just as I
described in the authoring case study
You don’t need huge amounts of research documentation - move fast and make better
decisions
Sometimes you won’t agree - so you need to disagree and commit
…and not everyone will be in every meeting or research sessions, so the team will need to
have enough info to trust the quad - you need consent not consensus
58.
59.
60. Understand Define Explore Create
Build
the right thing
Build
the thing right
Shaping
the problem
space
Ship
61. Arial
Arial Narrow
Avenir
Avenir Next
Baskerville
Century Gothic
Charter
Courier
Damascus
Didot
Arial
Helvetica
Helvetica Neue
Recently used
Century Gothic
Damascus
Times New Roman
Arial
Arial
Arial Narrow
Avenir
Avenir Next
Baskerville
Century Gothic
Rendered fonts
Researched showed
rendered fonts are
not needed
Don’t build until
you have validated
a need for it
69. The quad works together to break apart the design, but its the
designers responsibility to define shippable increments
Get usefulness or value to the customer as early as possible and
iterating
Track the value or signals from the work delivered and act on
them
Balance effort versus reward
71. PagesTemplatesOrganismsMolecules
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
Tiles x 3 module title
Module lead copy lorem ipsum dolor sit amet consectetur
Account SearchCart
Products Inspiration 10+ Employees? Help & FAQ
MOO Business Cards. The story of you.
Create uniquely premium business cards in just a few steps.
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
L A N D S C A P E
4 : 3
Heading 6
Small_body_Copy Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.
Text link here
300 GSM
Tiles x 3 module title
Module lead copy lorem ipsum dolor sit amet consectetur
Account SearchCart
Products Inspiration 10+ Employees? Help & FAQ
Original
• Our 'feel good' premium paper
• Available in gloss or matte finishes
• Also in eco-friendly 'Green' option
Shop Original
350 GSM
Heading 6
• Silky smooth, strong and durable
• Available in Soft Touch or High Gloss
• Customisable with special design finishes
Shop Super
400 GSM
Luxe
• Extra-thick Mohawk Superfine® luxury paper
• Choice of eight eye-catching colour seams
• Naturally textured – write on either side!
Shop Luxe
300 GSM
Shop By Paper
You can’t go wrong. We start at premium and go all the way to extra fancy.
MOO Business Cards. The story of you.
Create uniquely premium business cards in just a few steps.
Atoms
@msjaneaustin