design driven development (bitspiration - krakow, poland - june 24th, 2013)

81
DESIGN DRIVEN DEVELOPMENT VITALY M. GOLOMB ENTREPRENEUR, DESIGNER, SPEAKER June 2013

Upload: vitaly-golomb

Post on 06-May-2015

1.063 views

Category:

Design


2 download

DESCRIPTION

My slides from #Design Driven Development talk at #Bitspiration2013 cc @bitspiration

TRANSCRIPT

Page 1: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

DESIGN DRIVENDEVELOPMENT

VITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

June 2013

Page 2: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

“Art is like masturbation. It is selfish and introverted and done for you and you alone...

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 3: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

...Design is like sex. There is someone else involved, their needs are just as important as

your own, and if everything goes right, both parties are happy in the end.”

Colin Wright@colinismyname

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 4: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

DESIGN ≠ ART

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 5: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Vitaly M. Golomb entrepreneur/designer

mentor/advisor

Founder/CEO

KYIV, UKRAINEKYIV, UKRAINE

DECEMBER 4-5, 2013DECEMBER 4-5, 2013

E U R O P E

V E N T U R E S U M M I T

E U R O P E

V E N T U R E S U M M I T

previously

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 6: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

“Good” Design

Dieter RamsINDUSTRIAL DESIGN GURU

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 7: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 8: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 9: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 10: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 11: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 12: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 13: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Dieter RamsTen Principlesof Good Design

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 14: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

1. IS INNOVATIVE

TAKES ADVANTAGE OFNEW TECHNOLOGY

Good design...

Page 15: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

2. MAKES A PRODUCT MORE USEFUL

USE DICTATES FORM

Good design...

Page 16: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

3. IS AESTHETIC

ONLY WELL-EXECUTED OBJECTS CAN BE BEAUTIFUL

Good design...

Page 17: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

4. MAKES A PRODUCT UNDERSTANDABLE

MAKES A PRODUCT TALK

Good design...

Page 18: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

5. IS UNOBTRUSIVE

NEUTRAL, OPEN TO USER SELF-EXPRESSION

Good design...

Page 19: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

6. IS HONEST

DOESN’T MAKE PROMISES THAT CANNOT BE MET

Good design...

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 20: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

7. IS LONG-LASTING

FASHIONABLE DESIGN DATES QUICKLY

Good design...

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 21: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

8. IS THOROUGH

LEAVES NOTHING TO CHANCE, DOWN TO THE LAST DETAIL

Good design...

Page 22: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

9. IS ENVIRONMENTALLY-FRIENDLY

USES ONLY WHAT IS NEEDED

Good design...

Page 23: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

10. IS AS LITTLE DESIGN IS POSSIBLE

SIMPLE AND PURE

Good design...

Page 24: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

AND NOWSOME BAD DESIGN...

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 25: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Amfora Hvar Hotel (Croatia)

Page 26: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)
Page 27: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Mirror

Page 28: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Hot Cold

Years of Training

Page 29: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

HotCold

Amfora Hvar

Page 30: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)
Page 31: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 32: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

CONSISTENT

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 33: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

how important is perception?

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 34: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

trust us with yourbanking logins

Page 35: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

60-80% markup ondirt, oil, wax, and fragrance

Page 36: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

so how much is “design” worth?

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 37: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

+100-350%

Page 38: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

+200-400%

Page 39: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

+100-500%

Page 40: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

+800-1000%

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 41: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

+200-5600%

Page 42: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

“Design is not just what it looks like. Design is how it works.”

Steve Jobs

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 43: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 44: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 45: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

INTERFACE

LOGIC

99% OF THE WORLD DOES NOT UNDERSTANDTHE MAGIC OF PROGRAMMING

YOUR APPLICATION

DATA

INTERFACE

HOW USERS SEE IT

MAGIC

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 46: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

“As far as the customer is concerned,the interface is the product.”

Jef RaskinCreator of Apple Macintosh

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 47: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

design disciplines

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 48: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

GRAPHIC DESIGN

BRANDING

ILLUSTRATION

TYPOGRAPHY

IMAGE MANIPULATION

Page 49: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

user experience

GRAPHIC DESIGN

PSYCHOLOGY

KNOWLEDGE OF MEDIUM

SENSE INTENT

Page 50: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

ui/visual

SUBSET OF UX &GRAPHIC DESIGN

DESIGN PRINCIPALSFOR GIVEN OS

SURFACE FUNCTIONALITY

Page 51: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

front-end developer

DESIGN EYE

EXECUTE UX/UI

BRIDGE TO ENGINEERING

Page 52: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

marketing

COPY WRITING

SALES

VOICE OF THE CUSTOMER

Page 53: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Design disciplines

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

UI/VISUAL FRONT-END DEV.GRAPHIC DESIGN USER EXPERIENCE MARKETING

Page 54: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

“Good design is obvious.Great design is transparent.”

Joe Sparano@joesparano

Page 55: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

user-centric design

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 56: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 57: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 58: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

NO SUCCESSFUL PRODUCT HASEVER COME OUT OF A FOCUS GROUP

Page 59: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

"If I had asked people what they wanted,they would have said faster horses."

Henry Ford

Page 60: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

design success formula...

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 61: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Vision+

Feedback from customers/users+

Culture (consistency & expectations)+

Techniques

Jared Spool/UIE@jmspool

Page 62: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Jared Spool/UIE @jmspool

Design Paradigms

Unintentional

Page 63: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)
Page 64: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Jared Spool/UIE @jmspool

Design Paradigms

Unintentional self geniusactivity-focused

Page 65: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

design drivenDevelopment

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 66: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

design goes first

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 67: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

PROBLEM

DEFINITION

WIREFRAMES

+ PROTOTYPES

USER

INTERFACE

DESIGN

ARCHITECTURE

APPLICATION

DEVELOPMENT

FRONT-END

DEVELOPMENT

MARKETING

CUSTOMER

FEEDBACK

RINSE & REPEATwww.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 68: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

“Design is intelligence made visible.”Don Newgren

Page 69: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

define the problem and letdesigners do their jobs

Page 70: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

working with designers

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 71: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

what dodesigners need?

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 72: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

hint:it’s not more money

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 73: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Interesting Problems

Page 74: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

Creative Environment

Page 75: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

A Seat at The Table

Page 76: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

how would you like your design?pick two

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 77: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

FAST CHEAP

GREAT

FREE

UGLY,RUSHED, AND

CARELESS

NEVER ON TIME

DOES NOTEXIST

YOU GETWHAT YOU

PAY FORDOES NOT

EXIST

TRASH

DOES NOTEXIST

Page 78: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

BUSINESS

DESIGN ENGINEERING

YOUR STARTUP

Page 79: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

design is core

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 80: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

thanks foryour attention

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER

Page 81: Design Driven Development (Bitspiration - Krakow, Poland - June 24th, 2013)

want the slides?follow @vitalyg

www.golomb.net | @vitalygVITALY M. GOLOMBENTREPRENEUR, DESIGNER, SPEAKER