Embed Size (px)
Citation preview
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
