Product design: How to create a product

61
It’s NOT about the features, stupid ! Alex Barrera (@abarrera) IDCEE Kiev 2012 hp://.slideshare.com/press42
  • date post

    15-Sep-2014
  • Category

    Design

  • view

    22
  • download

    6

description

Sometimes it's important to step back and review how most engineers work on products. We describe what parts are important in a design to help you create a product that's balanced from a design point of view.

Transcript of Product design: How to create a product

Page 1: Product design: How to create a product

It’s NOT about the features, stupid!

Alex Barrera (@abarrera)IDCEE Kiev 2012

h!p://".slideshare.com/press42

Page 2: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Page 3: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

1. National Technical University of Ukraine (NTUU - KPI)

40.000+ 4.500/year

Page 4: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

20.000 8/15 technical

2. Kyiv Taras Schevchenko National University (KNU)

Page 5: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

15.000 11/20 technical

3. Karazin Kharkiv National University

Page 6: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Stanford University, Palo Alto

15.300

Page 7: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

0

1

2

3

4

5

6

7ACM International Collegiated Programming Contest (2000 - 2012)

Russia China Poland

Page 8: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

7%9%

11%

13%

13%17%

30%

International Olympiad in Informatics (2000-2012)

USAPolandRussiaBelarusBulgariaCroatiaEstonia

Page 9: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Face it, we aren’t good designers...

Page 10: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

We are too practical...

Page 11: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

The MAN CAVE

Page 12: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Meritocracy, [mer-i-tok-ruh-see]

noun, plural mer-i-toc-ra-cies.

1. An elite group of people whose progress is based on ability and talent rather than on class privilege or wealth.

2. A system in which such persons are rewarded and advanced

3. Leadership by able and talented persons.

Page 13: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Page 14: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Page 15: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Page 16: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Page 17: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

We love total control!

Page 18: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Too many choices!

Page 19: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Paradox of choice - Barry Schwartzhttp://www.ted.com/talks/barry_schwartz_on_the_paradox_of_choice.html

Page 20: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

175 salad dressings

Page 21: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Reducing the Cognitive Overload in Continuous Combinatorial Auctions: Evidence from an fMRI Study. Adomavicius, G., A. Dimoka, A. Gupta, P.A. Pavlou. 2009.

Page 22: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Reducing the Cognitive Overload in Continuous Combinatorial Auctions: Evidence from an fMRI Study. Adomavicius, G., A. Dimoka, A. Gupta, P.A. Pavlou. 2009.

Emotions kicking in!

Page 23: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Page 24: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Startup Compass Typology

TypesMonths to

scaleTeam Market size Money raised Example

I: Automator 21 Tech heavy $11B $600KGoogle, Dropbox

IN: Social transformer 32 Balanced $13B $2.3M Twitter, 4SQ

2: Integrator 16 Balanced $7B $700KZendesk, Kiss

Metrics

3: Challenger 64 Business heavy $65B $4.1MAtlassian, Yammer

Page 25: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Startup Compass Typology

TypesMonths to

scaleTeam Market size Money raised Example

I: Automator 21 Tech heavy $11B $600KGoogle, Dropbox

IN: Social transformer 32 Balanced $13B $2.3M Twitter, 4SQ

2: Integrator 16 Balanced $7B $700KZendesk, Kiss

Metrics

3: Challenger 64 Business heavy $65B $4.1MAtlassian, Yammer

Page 26: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Startup Compass Typology

Page 27: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

iPod Case

Page 28: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Engineers suck at naming...

Page 29: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Simplicity 101

5 models: classic, mini, nano, shuffle, touch

Page 30: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Simplicity 101

5 models: 920, 900, 800, 710, 610

Page 31: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Simplicity 101

5 models: 920, 900, 800, 710, 610

11 f**king months!!

Page 32: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

“Focusing is about saying NO”Steve Jobs - 1997

Page 33: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Core vision: Cool portable pocket device

Page 34: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

MPMan - 1998

Space: Useful

64Mb

Page 35: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

MPMan - 1998

Space: Useful

64Mb0.0625Gb

Page 36: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

RIO PMP300 - 1998

Design: Coolness

Page 37: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

RIO PMP300 - 1998

Design: Coolness

WTF??!

Page 38: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

RIO PMP300 - 1998

Design: Coolness

FUCKING UGLY!

Page 39: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Size: Pocket

Personal Jukebox - (9.9 ounces) 4.86Gb - 1999

Page 40: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Personal Jukebox - (9.9 ounces) 4.86Gb - 1999

iPod classic - (4.9 ounces) 5Gb - 2001

Size: Pocket

Page 41: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Core vision: Cool portable pocket device

Page 42: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Design mattershttp://www.ted.com/talks/don_norman_on_design_and_emotion.html

Page 43: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Design isn’t photoshop!

Page 44: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Design isn’t photoshop!Cool����������� ������������������  hip����������� ������������������  designer

Page 45: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Pleasant things work better...

Page 46: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Antenna-gate? WAT?!

Pleasant things work better...

Page 47: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Emotion Design - Don Norman

Fear, unhappiness, anxiety – Laser focus

Relax, happiness - Broad focus

http://www.jnd.org/dn.mss/emotion_design.html

Page 48: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

3 Dimensions of Design

Visceral Behavioral Reflective

Page 49: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Visceral dimension: Attractiveness

Symmetry,����������� ������������������  colors,����������� ������������������  fonts,����������� ������������������  etc.

Page 50: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Behavioral dimension: functional & understandable

Page 51: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Behavioral dimension: usable

Page 52: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Reflective dimension: ego, image

Page 53: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Reflective dimension: cultural convention

Page 54: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Sexy helps ignore design faults

Page 55: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Balance your design profile

0123456789

Visceral Behavioural Reflective

Balanced Nerdy

Page 56: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Go fucking talk to customers!

Page 57: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Find the essence of your product

Kill a Feature Day (KFD)

Page 58: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

Listen for the PAINnot the WHINING

Page 59: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

The more tangible, the more feedback

Page 60: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

The world is bigger than your room...

Fashion lovers ≫ Geek pragmatists

GET THE FUCK OUT!

Page 61: Product design: How to create a product

http://www.slideshare.net/press42 @abarrera #tooManyFeatures

THANK YOU!

Alex Barrera [email protected]

Simply say... NO