benjamin shown - rich content, malleable mediums, and wicked problems - seattle interactive 2016

Rich Content,Malleable Mediums,+ Wicked ProblemsBENJAMIN SHOWNCREATIVE DIRECTOR at TECTONIC

orThe Design of Interactive PlatformsBENJAMIN SHOWNCREATIVE DIRECTOR at TECTONIC

I’m a creative director, graphicdesigner, type aficionado, husband,father, son, tall guy, Hoosier,Bay Stater, conference speaker.

WHO AM I

CAMBRIDGE

FORT WAYNE

WEBSTER

GORLOK

EMP MUSEUMMASS MoCA MICROSOFT

VISUAL

INTERACTION

MOTION

Unified Theory of Deliciousness

CHEF DAVID CHANG

When you eat something amazing, you don’t just respond to the dish in front of you.

You are almost always transported back to another moment in your life.

feeling that interplay between the exotic and the familiar.

While we used to use metaphors from the outside world to explain how to interact with an interface, today‘s interfaces are becoming increasingly indistinguishable from how we interact with the outside world.

They engage our sensesand then exponentially extend them.

PROGRESSAWESOMENESS

TIMETECH ADVANCEMENTS USER MATURITY

PROGRESSAWESOMENESS

PLATFORM PARADIGMEXPLAINING

TECH

90s–00s

PROGRESSAWESOMENESS

PLATFORM PARADIGMCELEBRATING

CONTENT


TECH

00s-10s

PROGRESSAWESOMENESS


CONTENT


TECH

PLATFORM PARADIGMGIVE ME

CONTEXT

10s–BEYOND

PROGRESSAWESOMENESS


CONTENT

PLATFORM PARADIGMLET’S TALK


TECH


CONTEXT

10s–BEYOND

PROGRESSAWESOMENESS


CONTENT



TECH


CONTEXT

TIME

The only intuitiveinterface is the nipple.

After that, it’s all learned.BRUCE EDIGERSOFTWARE ENGINEER

PLATFORM PARADIGMEXPLAINING TECH

We made thebuttons on the screen look sogood you’llwant to lick them.STEVE JOB in 2 000

1. PLATFORM PARADIGM

EXPLAINING TECHNOLOGY2. LEVERAGED METAPHOR

PHYSICALOBJECTS3. EMOTIONAL HOOK

QUALITY FAUX LEATHER

PROGRESSAWESOMENESS


CONTENT


TECH

00s-10s

Our heads are roundso our thoughtscan change direction.

FRANCIS PICABIAFRENCH AVANT-GARDE PAINTER

PLATFORM PARADIGMCELEBRATING CONTENT

BILL GATES in 1996

Content is king.


CELEBRATINGCONTENT2. LEVERAGED METAPHOR

PRINT/PUBLICATION DESIGN3. EMOTIONAL HOOK

TRANSITION STATESAND MOTION

PROGRESSAWESOMENESS


CONTENT


TECH


CONTEXT

10s–BEYOND

Tap Double tap Drag Flick

Pinch Spread Press Press and tap

PLATFORM PARADIGMGIVE ME CONTEXT


GIVE ME CONTEXT2. LEVERAGED METAPHOR

PHYSICS3. EMOTIONAL HOOK

FEEDBACK ANDCRYSTAL BALL EFFECT

PROGRESSAWESOMENESS


CONTENT



TECH


CONTEXT

10s–BEYOND

PLATFORM PARADIGM LET’S TALK

FLUXA CONCEPT FOR NEXT-GEN CONTENT PRESENTATION


LET’S TALK2. LEVERAGED METAPHOR

SOCIAL INTERACTION AND LANGUAGE3. EMOTIONAL HOOK

EPHEMERALITY

PROGRESSAWESOMENESS


CONTENT



TECH


CONTEXT

TIME

While we used to use metaphors from the outside world to explain how to interact with an interface, today‘s interfaces are becoming increasingly indistinguishable from how we interact with the outside world.

They engage our sensesand then exponentially extend them.

1. 2. 3. 4.

Let’s embrace the malleable.

1. 2. 3. 4.

Let’s engage the literal senses:touch, sound,sight, taste, smell.

1. 2. 3. 4.

Let’s engage the figurative senses: time, place, communication, relationships.

1. 2. 3. 4.

Let’s care about the content.

A good designer finds an elegant way to put everything you need on a page.

MIKE MONTEIROof MULE DESIGN

A good designer finds an elegant way to put everything you need on a page.

A great designer convinces you half that shit is unnecessary.

MIKE MONTEIROof MULE DESIGN

Thank you!BENJAMIN SHOWNCREATIVE DIRECTOR at TECTONIC

—WWW BENJAMINK.COM GOTECTONIC.COM

—TWITTER @BE NKSHOWN @GOTECTONIC