100
Matteo Cavucci, Emanuela Damiani Smashing Conf — Freiburg — 11 September 2017 Redesign Design

Redesign Design (duo version)

Embed Size (px)

Citation preview

Page 1: Redesign Design (duo version)

Matteo Cavucci, Emanuela DamianiSmashing Conf — Freiburg — 11 September 2017

Redesign Design

Page 2: Redesign Design (duo version)

2007

Page 3: Redesign Design (duo version)

2007

Page 4: Redesign Design (duo version)

2007

Page 5: Redesign Design (duo version)

2007

Page 6: Redesign Design (duo version)
Page 7: Redesign Design (duo version)
Page 8: Redesign Design (duo version)
Page 9: Redesign Design (duo version)
Page 10: Redesign Design (duo version)
Page 11: Redesign Design (duo version)
Page 12: Redesign Design (duo version)
Page 13: Redesign Design (duo version)

the web was different

Page 14: Redesign Design (duo version)

thinking in a modular way

Page 15: Redesign Design (duo version)

separate the style from the presentation layer

Page 16: Redesign Design (duo version)

discovering new ways to communicate design

Page 17: Redesign Design (duo version)

change

Page 18: Redesign Design (duo version)

Emanuela@brassy

Page 19: Redesign Design (duo version)

Emanuela@brassy

Working at ux designer for Firefox

Page 20: Redesign Design (duo version)

Matteo@matteoMCED

Page 21: Redesign Design (duo version)

Matteo@matteoMCED

Sr. consultant at

Page 22: Redesign Design (duo version)

evolution

Page 23: Redesign Design (duo version)
Page 24: Redesign Design (duo version)
Page 25: Redesign Design (duo version)

Frame Ideate Specifications DistributionProduction

linear process

Page 26: Redesign Design (duo version)
Page 27: Redesign Design (duo version)

digital products have less friction

Page 28: Redesign Design (duo version)

physical digital

Page 29: Redesign Design (duo version)

markets are hard to predict

Page 30: Redesign Design (duo version)

flexibility & resilience

Page 31: Redesign Design (duo version)

rethink how we create digital product and services

Page 32: Redesign Design (duo version)

making software as hardware

Page 33: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Page 34: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders

Page 35: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders Project Manager

Page 36: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders Project Manager Design Team

Page 37: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders Project Manager Design Team

User Research Team

Page 38: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders Project Manager Design Team

User Research Team

Specs!

Page 39: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders Project Manager Design Team

Dev Team

User Research Team

Specs!

Page 40: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders Project Manager Design Team

Dev Team

User Research Team

Specs!

Final Product

Page 41: Redesign Design (duo version)

Marketing & Sales

the water-scrum-fall

Stakeholders Project Manager Design Team

Dev Team

User Research Team

Specs!

Final ProductUsers

Page 42: Redesign Design (duo version)

cost per change

Page 43: Redesign Design (duo version)

cost per change

Page 44: Redesign Design (duo version)

cost per change

Page 45: Redesign Design (duo version)

design as planning for the future

Page 46: Redesign Design (duo version)

designers focus is before the launch

Page 47: Redesign Design (duo version)

What about user research?

Page 48: Redesign Design (duo version)

People don’t know what they want until they’re using it

Page 49: Redesign Design (duo version)

decisions are less important if it’s easy to adjust our course

Page 50: Redesign Design (duo version)

small steps

Page 51: Redesign Design (duo version)

Think

MakeCheck

Page 52: Redesign Design (duo version)

A different languageWe believe that making the offer teaser more prominent

Will result in an increase number of booking for tonight We know we have succeeded when offer conversions increases by 10%

Experiment card

Page 53: Redesign Design (duo version)

running one experiment is easy

Page 54: Redesign Design (duo version)

running experiments at scale is hard

Page 55: Redesign Design (duo version)

Experiment A

Design generation

Page 56: Redesign Design (duo version)

Experiment A

Experiment B

Design generation

Page 57: Redesign Design (duo version)

Experiment B

Design generation

Weak design are eliminated or combined. Strong design are further developed.

Experiment A

Page 58: Redesign Design (duo version)

Design generation

Weak design are eliminated or combined. Strong design are further developed.

Further narrowing and integration

Experiment B

Experiment A

Page 59: Redesign Design (duo version)

agile software development

Page 60: Redesign Design (duo version)

inability to exert control to the environment around us

Page 61: Redesign Design (duo version)

inspect and adapt

Page 62: Redesign Design (duo version)

devOps

Page 63: Redesign Design (duo version)

devOpsis not developer operations

Page 64: Redesign Design (duo version)

“Jez Humble Notes around the devOps manifesto

Delivery teams run software products - not projects - that run from inception to retirement“

Page 65: Redesign Design (duo version)

observing the product

Page 66: Redesign Design (duo version)

mtbrmean time between recovery

mtbfmean time between failures

Page 67: Redesign Design (duo version)

devOps is all about feedback

Page 68: Redesign Design (duo version)

design as a continuous conversationdesignOps

Page 69: Redesign Design (duo version)

a two-way conversation

Page 70: Redesign Design (duo version)

building shippable software is expensive, but effective

Page 71: Redesign Design (duo version)

minimise efforts, maximise feedback

Page 72: Redesign Design (duo version)

A.I. and machine learning

Page 73: Redesign Design (duo version)

experiments require automation and organisational structure

Page 74: Redesign Design (duo version)

make the right choice the easiest choice

Page 75: Redesign Design (duo version)

designsystems

Page 76: Redesign Design (duo version)

tweet…

Page 77: Redesign Design (duo version)

faster generation of experiments, easier to create multiple variants

Page 78: Redesign Design (duo version)

designtokens

Page 79: Redesign Design (duo version)

Start with but don’t stall with just color & type.

Page 80: Redesign Design (duo version)

focus on what really matter

Page 81: Redesign Design (duo version)

enable other to design

Page 82: Redesign Design (duo version)

compasses over maps

Page 83: Redesign Design (duo version)

design infrastructure

Page 84: Redesign Design (duo version)

design the feedback

Page 85: Redesign Design (duo version)

organisational structures

Page 86: Redesign Design (duo version)

delight the user

Page 87: Redesign Design (duo version)

87

Cross functional

End-to-end value creation

Domain experts

May (or may not!) include a designer

the product team

Page 88: Redesign Design (duo version)

88

user-driven iterations

Product Team

Production Environment

Users

co-creation of value driven by experiments

feedback!

Page 89: Redesign Design (duo version)

89

dynamic strategy

Product Team

Production Environment

Users

co-creation of value driven by experiments

Strategy

feedback!

feedback!

purpose

Page 90: Redesign Design (duo version)

90

design as a service

design infrastructure

Team

Product Team

Production Environment

Users

co-creation of value driven by experiments

Strategy

feedback!

feedback!feedback!

purpose pull, not push!

Page 91: Redesign Design (duo version)

Includes designers

Includes developers

Includes data analysts

Provides the design infrastructure

Observes org design needs

Ideates org-wide solutions

Scales up local optimised solutions

Manages the design system lifecycle

[…]

feedback!

design infrastructure

design infrastructure team

Page 92: Redesign Design (duo version)

“ The creation of a standardised brick library is an act of social engineering.“Jōichi Itō Whiplash: How to Survive Our Faster Future

Page 93: Redesign Design (duo version)

governance

Page 94: Redesign Design (duo version)

no secret recipes

Page 95: Redesign Design (duo version)

map your process

Page 96: Redesign Design (duo version)

design for learning

Page 97: Redesign Design (duo version)

enable others to design

Page 98: Redesign Design (duo version)

connect design and user

Page 99: Redesign Design (duo version)

designOps

ENABLE OTHERS TO DESIGNMinimize the effort required by designers and non designers to produce high quality design artefacts.

DESIGN FOR LEARNINGComplex adaptive systems are unpredictable, and experimenting is part of the design process.

CONNECT DESIGN AND USERSLaunching a new product is just the beginning, not the end, of a continuous design process.

Page 100: Redesign Design (duo version)

thank youMatteo Cavucci

@matteomcedEmanuela Damiani @brassy