designing one to many: warm gun 2012

32

Upload: andrew-crow

Post on 29-Jun-2015

184 views

Category:

Design


1 download

DESCRIPTION

My talk at Warm Gun 2012.

TRANSCRIPT

Page 1: Designing One to Many: Warm Gun 2012
Page 3: Designing One to Many: Warm Gun 2012

@andrewcrow

Page 4: Designing One to Many: Warm Gun 2012

Designing for one to many.

Page 5: Designing One to Many: Warm Gun 2012

1995Decision Theory &Adaptive Systems Group Dr. Eric Horvitz

Page 6: Designing One to Many: Warm Gun 2012

“Misunderstood animated pedagogical

agent or spawn of Satan? ”

ROBOTICS ZEITGEIST BLOG

Page 7: Designing One to Many: Warm Gun 2012

What went wrong?

Page 8: Designing One to Many: Warm Gun 2012

!at was 17 years ago.For basicallyone context of use.

Page 9: Designing One to Many: Warm Gun 2012

TodayMultiple locations

Varied environmentsComplex relationships

Rich ecosystems

Page 10: Designing One to Many: Warm Gun 2012

methods for creating modern experiences 3

Page 11: Designing One to Many: Warm Gun 2012

ContextualAwareness

DesignSystems

SupportingExperiences

Page 13: Designing One to Many: Warm Gun 2012
Page 14: Designing One to Many: Warm Gun 2012

LocationTime Form & TechnologyBrands & RelationshipsEcosystem

DESIGNING FOR CONTEXT

Page 15: Designing One to Many: Warm Gun 2012

“Some of the biggest services in the world

started off with really simple problems.”

KEVIN SYSTROM (INSTAGRAM)

Page 16: Designing One to Many: Warm Gun 2012

When imagined as a system, great experiences can scale.

Supporting experiences can be used to create a larger user experience.

SUPPORTING EXPERIENCES

Page 18: Designing One to Many: Warm Gun 2012

User Experience

Page 19: Designing One to Many: Warm Gun 2012

Web app

Customer Service

Social

Presentation layer

Checkout

Page 20: Designing One to Many: Warm Gun 2012

User Experience

Web app

Customer Service

Social

Presentation layer

Checkout

Page 21: Designing One to Many: Warm Gun 2012

“Responsive design is ushering in a new

era of design systems on the web.”

JARED PONCHOT (LULLABOT)

Page 22: Designing One to Many: Warm Gun 2012

A design system is a collection of visual and interaction elements that embodies the brand.

DESIGN SYSTEMS

!e system is often expressed across many channels including web, mobile, desktop, and service producing a consistent user experience.

Page 23: Designing One to Many: Warm Gun 2012
Page 24: Designing One to Many: Warm Gun 2012

panorama

Page 25: Designing One to Many: Warm Gun 2012
Page 26: Designing One to Many: Warm Gun 2012

Frameworks & patternsStrategy for combining componentsStandards of visual and textual toneCode librariesPurpose that is larger than the parts

DESIGN SYSTEMS

Page 27: Designing One to Many: Warm Gun 2012

Speed application developmentImprove software UI qualityEnable extension & reuse of elements

DESIGN SYSTEMS

Page 28: Designing One to Many: Warm Gun 2012

Support additional verticals & external partnersMinimize ongoing support needsCreate consistent branded experiences

DESIGN SYSTEMS

Page 29: Designing One to Many: Warm Gun 2012

Design systems enable to you scale your product to multiple platforms, in a variety of contexts, and reach a wide audience quickly.

DESIGN SYSTEMS

Page 30: Designing One to Many: Warm Gun 2012

ContextualAwareness

DesignSystems

SupportingExperiences

Understanding the context in

which your product is used

Use supporting experiences to build a holistic user experience

Create design systems for consistency and growth

SCALING YOUR PRODUCT FROM ONE TO MANY

Page 31: Designing One to Many: Warm Gun 2012

Thank you for your attention.@andrewcrow

Page 32: Designing One to Many: Warm Gun 2012