This document outlines an evolution of the UI design process. It suggests reversing the typical design process by prioritizing concepts, low-fidelity wireframes, and visual direction before prototypes and implementation. This new process aims to fail quicker by getting feedback earlier. It also discusses how tools like Origami and Keynote allow for faster prototyping, and how design is shifting towards a "New World Order" of storytelling with motion and interactivity.

1. Reversing the Design Process
2014

2. Piotr Gajos
SVP of Design at Sourcebits
2006 Apple Design Award Winner

3. What is this, I don’t even
An evolution of UI design process.

4. But why??!?one1?
Right People
Fail Quicker
Arm Yourself

5. Disclaimer
UX design doesn’t exist.

6. Disclaimer
We design user experiences.

7. Disclaimer
We design for user experiences.

8. Changing Priorities

9. Typical Design Process
Concept
Lo-fi
wireframes
Hi-fi
wireframes
Prototype
Visual
direction
Implementation

10. New Design Process
Concept
Lo-fi
wire
fram
es
Visual
direct
ion
Prototype
Implementation

11. Don’t waste your time.

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

15. New World Order

16. New World Order

17. 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

18. New World Order
j.mp/keypaper
A prototype of Facebook Paper in 15 minutes
Keynotopia

19. New World Order
After Effects
Design is storytelling.

20. New World Order

21. New World Order

22. Benefits
For your health!

23. Benefits
$
Regular People
Developers
Investors

24. Questions?

25. Thank you.
piotr@sourcebits.com