The Battle Is Not The War Responsive Design is a Victory, but the - - PowerPoint PPT Presentation

the battle is not the war
SMART_READER_LITE
LIVE PREVIEW

The Battle Is Not The War Responsive Design is a Victory, but the - - PowerPoint PPT Presentation

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


slide-1
SLIDE 1 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

slide-2
SLIDE 2 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 


  • n Instagr.am & hwdesignco.com

+ Fixed widths & Arial make me sad

slide-3
SLIDE 3 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

slide-4
SLIDE 4 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

slide-5
SLIDE 5 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne Popular Archeology, September 2011

Big Game Travel Advertising

slide-6
SLIDE 6 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne Page from a manuscript from Al-Andalus, 12 century BC – Wikipedia

Do this, don’t do that

slide-7
SLIDE 7 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne Map of the World by Abraham Ortelius – Wikipedia

Here there be monsters

slide-8
SLIDE 8 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Designer as Profession

slide-9
SLIDE 9 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Words Divide, Images Unite

slide-10
SLIDE 10 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

slide-11
SLIDE 11 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Interaction

It’s not just about the web

slide-12
SLIDE 12 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Package Design

http://bit.ly/guitar1711

slide-13
SLIDE 13 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Billboards: Seven Words

slide-14
SLIDE 14 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Ad Placement

slide-15
SLIDE 15 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Design Has Always Been About 
 User Experience

slide-16
SLIDE 16 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

But we got lazy.

slide-17
SLIDE 17 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
slide-18
SLIDE 18 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

What’s so different about web design?

slide-19
SLIDE 19 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

slide-20
SLIDE 20 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

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

slide-21
SLIDE 21 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

slide-22
SLIDE 22 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

slide-23
SLIDE 23 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)

slide-24
SLIDE 24 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

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

slide-25
SLIDE 25 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

We’re too close.

slide-26
SLIDE 26 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
slide-27
SLIDE 27 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

slide-28
SLIDE 28 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

But The War is Far From Over

slide-29
SLIDE 29 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

We work in an Accidental Profession

slide-30
SLIDE 30 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

slide-31
SLIDE 31 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

The Term ‘Unicorn’ Sucks*

* the term, not the concept!

slide-32
SLIDE 32 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

slide-33
SLIDE 33 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

slide-34
SLIDE 34 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…

slide-35
SLIDE 35 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

We must accept our true 
 manifest destiny

slide-36
SLIDE 36 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Let’s win the war.

slide-37
SLIDE 37 hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne

Let’s Make it an 
 Intentional Profession

slide-38
SLIDE 38 Jason Pamental | @jpamental http://hwdesignco.com

Thank You!

Jason Pamental (@jpamental) jason@hwdesignco.com

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