Federico Holgado, Designing for Your Redesign, WarmGun 2013

65
Using systems to survive a redesign By Federico Holgado

TAGS:

description

 

Transcript of Federico Holgado, Designing for Your Redesign, WarmGun 2013

Page 1: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Using systems to survive a redesign

By Federico Holgado

Page 2: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 3: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 4: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 5: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 6: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 7: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Why?

Page 8: Federico Holgado, Designing for Your Redesign, WarmGun 2013

New MailChimp screenshot

Page 9: Federico Holgado, Designing for Your Redesign, WarmGun 2013

But why are redesigns so hard?

Page 10: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Why is designing software so hard?

Page 11: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Why does building construction suck so bad?

Page 12: Federico Holgado, Designing for Your Redesign, WarmGun 2013

– Refabricating Architecture

“The traditional building paradigm is to gather all the parts of a building on site and then

assemble them piece by piece.”

Page 13: Federico Holgado, Designing for Your Redesign, WarmGun 2013

sound familiar?

Page 14: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 15: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Grading the land

Page 16: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Foundation

Page 17: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Structural

Page 18: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Plumbing

Page 19: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Interior

Page 20: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Linear process == SLOW

Page 21: Federico Holgado, Designing for Your Redesign, WarmGun 2013

How has the automotive industry been successful?

Page 22: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Systems

Page 23: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 24: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Processes

Page 25: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Toyota Production System

Page 26: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Let’s learn from the construction industry.

Page 27: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 28: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 29: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 30: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 31: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 32: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 33: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 34: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 35: Federico Holgado, Designing for Your Redesign, WarmGun 2013

http://ux.mailchimp.com/patterns/

Page 36: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 37: Federico Holgado, Designing for Your Redesign, WarmGun 2013

why?

Page 38: Federico Holgado, Designing for Your Redesign, WarmGun 2013

!= bootstrap

Page 39: Federico Holgado, Designing for Your Redesign, WarmGun 2013

components FTW

Page 40: Federico Holgado, Designing for Your Redesign, WarmGun 2013

slats

Page 41: Federico Holgado, Designing for Your Redesign, WarmGun 2013

popovers

Page 42: Federico Holgado, Designing for Your Redesign, WarmGun 2013

dijit tabs

Page 43: Federico Holgado, Designing for Your Redesign, WarmGun 2013

less code

Page 44: Federico Holgado, Designing for Your Redesign, WarmGun 2013

back end <3

front end

Page 45: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Copy/paste from PL

Page 46: Federico Holgado, Designing for Your Redesign, WarmGun 2013

designers <3

front end

Page 47: Federico Holgado, Designing for Your Redesign, WarmGun 2013

Vertical rhythm

Page 48: Federico Holgado, Designing for Your Redesign, WarmGun 2013

speed

Page 49: Federico Holgado, Designing for Your Redesign, WarmGun 2013

campaigns mobile screenshot

Page 50: Federico Holgado, Designing for Your Redesign, WarmGun 2013

exports mobile screenshot

Page 51: Federico Holgado, Designing for Your Redesign, WarmGun 2013

how?

Page 52: Federico Holgado, Designing for Your Redesign, WarmGun 2013

HOW?

Page 53: Federico Holgado, Designing for Your Redesign, WarmGun 2013

HOW?

Page 54: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 55: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 56: Federico Holgado, Designing for Your Redesign, WarmGun 2013

from zero to hero

Page 57: Federico Holgado, Designing for Your Redesign, WarmGun 2013

first class citizen

Page 58: Federico Holgado, Designing for Your Redesign, WarmGun 2013

MAKE IT PUBLIC

Page 59: Federico Holgado, Designing for Your Redesign, WarmGun 2013

what’s the catch?

Page 60: Federico Holgado, Designing for Your Redesign, WarmGun 2013
Page 61: Federico Holgado, Designing for Your Redesign, WarmGun 2013

change

Page 62: Federico Holgado, Designing for Your Redesign, WarmGun 2013

re-education

Page 63: Federico Holgado, Designing for Your Redesign, WarmGun 2013

pattern library

Page 64: Federico Holgado, Designing for Your Redesign, WarmGun 2013

constraint

Page 65: Federico Holgado, Designing for Your Redesign, WarmGun 2013

thank you