The Battle Is Not the War

38
Jason Pamental | @jpamental http://hwdesignco.com HighEdWeb New England 25th April, 2014 The Battle Is Not The War Responsive Design is a Victory, but the Campaign Must Go Farther Than Ourselves

description

Responsive Design is a Victory, but the Campaign 
Must Go Farther Than Ourselves My keynote address at the New England HighEdWeb conference on 25th April, 2014.

Transcript of The Battle Is Not the War

Page 1: The Battle Is Not the War

Jason Pamental | @jpamental http://hwdesignco.com

HighEdWeb New England25th April, 2014

The Battle Is Not The WarResponsive Design is a Victory, but the Campaign

Must Go Farther Than Ourselves

Page 2: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

About Me

+ Jason Pamental principal, co-founder of h+w design

+ Love to learn & share+ Can be found @jpamental in most places+ Post thoughts, work, instigations & pics

on Instagr.am & hwdesignco.com+ Fixed widths & Arial make me sad

Page 3: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Why Are We Here?

+ Talk purpose of design+ Talk how & why it’s still broken+We’ll try & understand the battlefield+ & remind ourselves we have not yet begun to fight

Page 4: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

What do we mean by ‘design’?

+ Design is a commercial endeavor. To be successful it must: • Communicate an idea 

• Influence behavior

+ Relies upon artistic principles, cognitive science & psychology

Page 5: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebnePopular Archeology, September 2011

Big Game Travel Advertising

Page 6: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebnePage from a manuscript from Al-Andalus, 12 century BC – Wikipedia

Do this, don’t do that

Page 7: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebneMap of the World by Abraham Ortelius – Wikipedia

Here there be monsters

Page 8: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Designer as Profession

Page 9: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Words Divide, Images Unite

Page 10: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Ideas that Influence

+ Visual representations of ideas that influence behavior• Find food here

• Don’t go there

• Use this toilet, not that one

+ Dealt with known constraints of size, material & media+ And then along came the web

Page 11: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

InteractionIt’s not just about the web

Page 12: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Package Design

http://bit.ly/guitar1711

Page 13: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Billboards: Seven Words

Page 14: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Ad Placement

Page 15: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Design Has Always Been About User Experience

Page 16: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

But we got lazy.

Page 17: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

20 Years In & Design Is Still Broken

+ Trying the same techniques to solve design challenges+ But the medium is different

• and so is its use+ Technology amplifies the differences

• and provides new solutions

Page 18: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

What’s so different about web design?

Page 19: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

You're dealing with the attention span of reading a billboard while trying to convey the depth of information in an annual report

Page 20: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

It’s not what we don’t know that’ll kill us

It’s what we willfully ignore

Page 21: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

A Long Road to a Make-Believe Place

+We prop up our vision of the world with tricks & misconceptions

960px

Page 22: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

A Long Road to a Make-Believe Place

+We prop up our vision of the world with tricks & misconceptions

Page 23: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

A Long Road to a Make-Believe Place

+We prop up our vision of the world with tricks & misconceptions

“A page is not a valuable concept even for someone who wants to read a book.”

Jeff Eaton (@eaton)

Page 24: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

This is how we should work. RWD is a good idea.

Page 25: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

We’re too close.

Page 26: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Still too normal:

+ <table> != layout+ Position: absolute+ ‘It has to be in Arial’+ Schools:

• optional to teach design students about the web

• fail to teach how to apply problem solving skills to a new medium

Page 27: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Web Standards Battle Won

+ Based on conference content - everyone knows+ Sites like Disney, MS, E!, Martha Stewart are responsive+We have books, tutorials, workshops galore+We have new standards, by the community - being ratified

Page 28: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

But The War is Far From Over

Page 29: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

We work in an Accidental Profession

Page 30: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

We Must Act With Intent

+ If schools aren’t succeeding, change the schools+ If alternatives don’t exist - make them+ If alternate models show promise, promote them

(http://bit.ly/sparkapprentice)

+Without intent, there’s only mythology

Page 31: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

The Term ‘Unicorn’ Sucks*

* the term, not the concept!

Page 32: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Why?

+ Because it implies pixie dust & magic+ Because it undermines the efforts we undertake to learn,

invent, understand & grow+ Because it presents a set of qualities as something that will

never be the norm

Page 33: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Yes, Understanding Design & Tech Is Hard

+ It’s not for everyone+ It takes a lot of effort+ But without it we have no leadership, we have only

fragmentation

Page 34: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Why Should We Care?

+ Because we’ve been making it up as we go+ Because the work will never slow+ Because knowledge shared means lives bettered+ Because we can change the world+ and we could do more…

Page 35: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

We must accept our true manifest destiny

Page 36: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Let’s win the war.

Page 37: The Battle Is Not the War

hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Let’s Make it an Intentional Profession

Page 38: The Battle Is Not the War

Jason Pamental | @jpamental http://hwdesignco.com

Thank You!Jason Pamental (@jpamental)

[email protected]

Slides here: http://bit.ly/jphewebne