reversing the ui design process

25
Reversing the Design Process 2014

Upload: sourcebits

Post on 09-May-2015

1.359 views

Category:

Design


3 download

DESCRIPTION

Our Senior Vice President of Design and Apple Design Award Winner goes over how the typical design process is outdated, and reveals why the term "UX design" isn't accurate.

TRANSCRIPT

Page 1: Reversing the UI Design Process

Reversing the Design Process

2014

Page 2: Reversing the UI Design Process

Piotr Gajos SVP of Design at Sourcebits

2006 Apple Design Award Winner

Page 3: Reversing the UI Design Process

What is this, I don’t even

An evolution of UI design process.

Page 4: Reversing the UI Design Process

But why??!?one1?

Right People Fail Quicker Arm Yourself

Page 5: Reversing the UI Design Process

Disclaimer

UX design doesn’t exist.

Page 6: Reversing the UI Design Process

Disclaimer

We design user experiences.

Page 7: Reversing the UI Design Process

Disclaimer

We design user experiences.for

Page 8: Reversing the UI Design Process

Changing Priorities

Page 9: Reversing the UI Design Process

Lo-fi wireframesConcept Hi-fi

wireframesVisual

directionImplementationPrototype

Typical Design Process

Page 10: Reversing the UI Design Process

Lo-fi wireframes

ConceptVisual direct

ionImplementationPrototype

New Design Process

Page 11: Reversing the UI Design Process

Don’t waste your time.

Page 12: Reversing the UI Design Process
Page 13: Reversing the UI Design Process
Page 14: Reversing the UI Design Process

New World Order(Is coming soon. Probably. I hope so.)

Page 15: Reversing the UI Design Process

New World Order

Page 16: Reversing the UI Design Process

New World Order

Page 17: Reversing the UI Design Process

New World Order

Before we started using Origami, we designed using Photoshop — static mockups, arranged next to each other. We’d present them to management and each other in that

format. I think our products reflected that.

Brandon Walkin, Facebook

Page 18: Reversing the UI Design Process

New World Order

j.mp/keypaper A prototype of Facebook Paper in 15 minutes

Keynotopia

Page 19: Reversing the UI Design Process

New World Order

After Effects Design is storytelling.

Page 20: Reversing the UI Design Process

New World Order

Page 21: Reversing the UI Design Process

New World Order

Page 22: Reversing the UI Design Process

BenefitsFor your health!

Page 23: Reversing the UI Design Process

Benefits

Regular People Developers Investors

$

Page 24: Reversing the UI Design Process

Questions?