Top Banner
THE DESIGN PROCESS & The Value of Collaboration MARCIN TREDER, CEO OF UXPIN, @marcintreder @uxpin
91

Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

Aug 17, 2014

Download

Design

Marcin Treder

I had a great honor to speak to 400 designers on Cascade SF event (#uxnight) hosted by Twitter and Intuit (May 2014).

Going through personal story of my career, I described a collaborative design process that leads to the creation of great products.

UX design process described in my talks is used every day by UXPin - The UX Design App (http://uxpin.com).

Thanks!
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

THE DESIGN PROCESS& The Value of Collaboration

MARCIN TREDER, CEO OF UXPIN, @marcintreder @uxpin

Page 2: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

@marcintreder#UXNight

Page 3: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

+thanks

Page 4: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

UX Designer WHO’S THAT?!

Philosopher & PsychologistFounder & CEO UXPin

@marcintreder

Page 5: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

WARNINGOne shameless slide of self-promotion ahead

Page 6: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

GOOGLE DOCS UX DESIGNforDesign Process in a Cloud!

www.uxpin.com

Page 7: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

GDANSK, POLAND MOUNTAIN VIEW&

Page 8: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

PERSONAL STORY

http://www.flickr.com/photos/41109263@N00/3804697464/

Page 9: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

PERSONAL STORY

http://www.flickr.com/photos/41109263@N00/3804697464/

& A little bit of science

Page 10: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

ROCKY ROAD

http://www.flickr.com/photos/45861308@N03/6038834250/

Page 11: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

JANUARY, 2009, GDANSK, POLANDIt all started…

Page 12: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

ENGINEER-DRIVEN ORGANIZATION

Author: Michal Jaskolski

from Startup to IPO

Page 13: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

http://www.flickr.com/photos/46679858@N08/5147520629

THE ONLY DESIGNER IN THE VILLAGE

Page 14: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

http://www.flickr.com/photos/19516393@N00/4808637640/

DESIGN UNDER SIEGE

Page 15: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

http://www.flickr.com/photos/19516393@N00/4808637640/

RIGHTEOUS BATTLE

Page 16: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

http://www.flickr.com/photos/83346641@N00/4378606832/

ULTIMATE FAILURE

Page 17: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

REJECTION FIGHT MORE REJECTIONEgo multiplier* *

Page 18: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

BAD PRODUCT

Page 19: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

COLLABORATIVE DESIGN PROCESSThe very first steps…

Page 20: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

MAY, 2011, GDANSK, POLAND

Page 21: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

TIME TO WORK TOGETHER

http://www.flickr.com/photos/30781609@N03/5355919491/

Page 22: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

CO-ANALYSIS OF PROBLEMS

http://www.flickr.com/photos/80122196@N00/4499404/

Page 23: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

CO-ARCHITECTURE PLANNING

http://www.flickr.com/photos/10588069@N00/491411288/

Page 24: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

CO-TESTING

http://www.flickr.com/photos/86672335@N00/4642293042

Page 25: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

DESIGN WORKSHOPS

Page 26: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

VICTORY IS OURS

Page 27: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

RESULT?

Page 28: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

XX% CONVERSION RATE GROWTH

Page 29: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

5 PEOPLE UX DESIGN TEAM

Page 30: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

&

Page 31: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

THIS IS HOW FIRST UXPIN PRODUCT WAS CREATED

Page 32: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

THIS IS HOW FIRST UXPIN PRODUCT WAS CREATEDDON NORMAN UXPIN NOTEPAD&

Page 33: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

MAKE THE PROCESS RIGHT or STARVE

http://www.flickr.com/photos/99047728@N00/3715424202/

Page 34: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

THE PROCESS

Page 35: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

NEATLY ORGANIZED LIFE…good for Alcatraz prisoners only?

Page 36: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

The ability to collaborate, manage the increasing complexity of design problems, to design "in context" to their target audiences (…) transforms designers from "makers of things" to "design strategists".

/David Holston The Strategic Designer: Tools and techniques for managing the design process

Page 37: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

PLAN EXECUTE

http://www.flickr.com/photos/32224133@N07/6924015872/

Page 38: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

DESIGN = SOLVING PROBLEMS

Page 39: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

If you can't describe what you are doing as a process, you don't know what you're doing.

“/W. E. Deming

Page 40: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

GET YOURSELF ORGANIZED

https://www.flickr.com/photos/fosterphotography17/6422877499/in/photostream/

& transparent

Page 41: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

2. DOCUMENT1. THINK 3. BUILD 4. SHIP

Repeat until goals are met.

DESIGN PROCESS AT UXPIN

Page 42: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

1. THINK

Page 43: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

GET ALL THESE IDEAS ALIGNEDhttp://www.flickr.com/photos/73491156@N00/467858863/

Page 44: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

THE ALL MIGHTY C-P-S HYPOTHESIS

Page 45: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

CUSTOMER PROBLEM SOLUTION

Page 46: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

CUSTOMERS DATA BASEANALYTICS CUST DEV CS DATA

CUSTOMER

Page 47: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

USABILITY TESTINGCS DATA CUST DEV

PROBLEM

Silverback 2.0

Page 48: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

USABILITY TESTINGBENCHMARK DESIGN TRENDS

SOLUTION

ui-patterns.com pinterest.com patterntap.com

STYLE GUIDES

Page 49: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

FREE EBOOKS

uxpin.com/knowledge.html

full of design patterns

Page 50: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

FEED YOUR TEAM & STAKEHOLDERSC-P-S is tasty!

http://www.flickr.com/photos/16698683@N00/8602670593/

Page 51: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

COMPANY WIDE DESIGN SESSIONSSketching sessions based on Qualitative & Quantitative data

Page 52: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

2. DOCUMENT

Page 53: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

FLEXIBLE FIDELITY & STYLE

Page 54: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

FLEXIBLE FIDELITY & STYLE

Page 55: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

FIND VISUAL LANGUAGEfor each project

Page 56: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

3. BUILD

Page 57: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

WE LIKE UNICORNS

Page 58: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

DESIGNERS - ACTIVE MAKERS

Page 59: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

DON’T WAVE GOODBYEuntil objectives are met

http://www.flickr.com/photos/66633717@N02/9070147074/

Page 60: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

4. SHIP

Page 61: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

Q&A IS THE RESPONSIBILITY OF THE COMPANY

http://www.flickr.com/photos/41346951@N05/12636730123/

Page 62: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

TEST THE DAMN THING

http://www.flickr.com/photos/41346951@N05/12636730123/

http://www.flickr.com/photos/33091263@N04/3731298055/

Page 63: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

ITERATE&

Page 64: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

COLLABORATION

Page 65: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

WHY SO COLLABORATIVE?

http://www.flickr.com/photos/48284784@N00/5728180282/

Page 66: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

DECEMBER 17, 1903, NORTH CAROLINA

Page 67: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

WRIGHT BROTHERS

Page 68: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

…nearly everything that was done in our lives has been the result of conversations, suggestions and discussions between us.

“/Wilbur Wright

Page 69: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

MAY, 1926, OXFORD, ENGLAND

Page 70: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

The Lord of the Rings and The Chronicles of Narnia were not solo works, authored by lone geniuses; they unfold in a collaborative circle"

/Keith Sawyer

Page 71: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

NO COLLABORATION, NO LORD OF THE RINGS?

Page 72: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

http://www.flickr.com/photos/48600090482@N01/22584430/

GROUP OF BRAINS MOTIVATION ORGANISATION INNOVATION

Page 73: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

Rigorous creation of collaborative environment decreases the error rate by 75%, increases productivity by 10% and makes products much more innovative.

/HBR, On Collaboration

Page 74: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

BUT…HOW TO COLLABORATE?

Page 75: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

1. EMBRACE YOUR ROLE

Page 76: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

YOU’RE PART OF THE PRODUCT TEAM

http://www.flickr.com/photos/73491156@N00/2750626364/

Page 77: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

Being contributor means no relinquishing control, but finding it through the power of collaboration

“/Dan Brown

Page 78: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

DESIGN BY COMMITTEE DIES HERE

http://www.flickr.com/photos/29487767@N02/3435382547/

Page 79: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

2. PLAY BY THE BOOK

Page 80: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

RESPECT, HUMILITY, EMPATHY

http://www.flickr.com/photos/28765303@N08/2910891216/

Page 81: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

3. ACCEPT THE CONFLICT

Page 82: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

IT IS UNAVOIDABLE

http://www.flickr.com/photos/16181185@N00/297573590/

Page 83: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

CONFLICT BREAKTHROUGH

Page 84: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

4. FOLLOW THE PROCESS

Page 85: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

WE FAIL, WHENEVER WE’RE NOT FOLLOWING THE PROCESS.

Page 86: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

BUT WHEN WE DO…

Page 87: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

INNOVATION

Page 88: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

INNOVATION

Page 90: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

THANK YOU!

[email protected] @marcintreder

Page 91: Marcin Treder - The User Experience Design Process. The Story of Multiplayer Product Design Process told in Twitter and Intuit HQs (#UXNight Cascade SF event)

[email protected] @MARCINTREDER

2 MONTH OF UXPIN for FREECode: Cascade14

at UXPin.com/Promo.html