WHAT FOOTBALLCAN TEACH US ABOUT PRODUCTDESIGN

BRIAN BIMSCHLEGER

SENIOR STRATEGIST,DIGITAL TELEPATHY

@BIMSCHLEGER #INVISIONWEBINAR

design

LANGUAGE EVOLUTION

SINGLE WING WEST COAST AIR CORYELL ERHARDT-PERKINS

SINGLE WING

60s 70s 80s 90s

H-SWEEP

H-SWEEP

WEST COAST

60s 70s 80s 90s

X-SLANT Z-SLANT F-GO Y-OUT H-FLAT

X-SLANT Z-SLANT F-GO Y-OUT H-FLAT

X-SLANT Z-SLANT F-GO Y-OUT H-FLAT

AIR CORYELL

60s 70s 80s 90s

ROUTE TREE

ROUTE TREE

ROUTE TREE

229 Y-OUT H-FLAT

229 Y-OUT H-FLAT

229 Y-OUT H-FLAT

ERHARDT-PERKINS

60s 70s 90s80s

THE “GHOST” CONCEPT

GHOST TOSSER

GHOST TOSSER

GHOST TOSSER

SENIOR STRATEGIST,DIGITAL TELEPATHYHOW

FRAMEWORKS HELP LARGE TEAMS

Effective communication of complex concepts

Improved accuracy & performance

Reduced time planning to reduce time implementing

SENIOR STRATEGIST,DIGITAL TELEPATHYELEMENT

A route

SENIOR STRATEGIST,DIGITAL TELEPATHYELEMENT

COMPONENTA route concept

SENIOR STRATEGIST,DIGITAL TELEPATHYELEMENT

COMPONENTLAYOUT

A play

SENIOR STRATEGIST,DIGITAL TELEPATHY

content

ELEMENTCOMPONENTLAYOUTEXPERIENCE

A drive

SENIOR STRATEGIST,DIGITAL TELEPATHY

DESIGN LANGUAGE

Consistency in applied styles

Concise language declares intention

Less back-and-forth needed during development

concepting language

WHITEBOARD

FRAMEWORK

Have a Story.

Obey the Legend.

AS A

I WANT TO

SO THAT

WHEN I

I WANT TO

SO THAT

WHEN I HAVE SIGNED UP FOR INVISION

I WANT TO CREATE A NEW PROJECT

SO THAT I CAN STORE MY PROTOTYPES

LAYOUT

CONDITIONAL

CONTENT

ACTION

LAYOUT

CONDITIONAL

CONTENT

ACTION

PAGE MODAL TAKEOVER EXTERNAL

LAYOUT

CONDITIONAL

CONTENT

ACTION

cbx:

radio:

boxcar:

dr. mario:

sdd:

dd:

table:

col:

cta:

LAYOUT

CONDITIONAL

CONTENT

ACTION

cta cta

clicked on next step

LAYOUT

CONDITIONAL

CONTENT

ACTION

modal:

cta:

copy:

cbx:

future:

Have a Story.

Obey the Legend.

WHEN I

I WANT TO

SO THAT

LAYOUT

CONDITIONAL

CONTENT

ACTION

SENIOR STRATEGIST,DIGITAL TELEPATHYCHALLENGES

TO ANTICIPATE

It takes time to get it right (6 months to refine at DT)

Expect friction in the beginning, as rules are new

Emphasize team participation

SENIOR STRATEGIST,DIGITAL TELEPATHYHUDDLE UP TO

SEE HOW THIS CAN WORK FOR YOUR TEAM

Find a common user flow

Determine layouts and actions

Take it to the whiteboard

#WHITEBOARDFRAMEWORK

@bimschleger

design