Download - The Battle Is Not the War
![Page 1: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/1.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/2.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/3.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/4.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/5.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebnePopular Archeology, September 2011
Big Game Travel Advertising
![Page 6: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/6.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/7.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/8.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Designer as Profession
![Page 9: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/9.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Words Divide, Images Unite
![Page 10: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/10.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/11.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
InteractionIt’s not just about the web
![Page 12: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/12.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Package Design
http://bit.ly/guitar1711
![Page 13: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/13.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Billboards: Seven Words
![Page 14: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/14.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Ad Placement
![Page 15: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/15.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Design Has Always Been About User Experience
![Page 16: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/16.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
But we got lazy.
![Page 17: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/17.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/18.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
What’s so different about web design?
![Page 19: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/19.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/20.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/21.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/22.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/23.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/24.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/25.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
We’re too close.
![Page 26: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/26.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/27.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/28.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
But The War is Far From Over
![Page 29: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/29.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
We work in an Accidental Profession
![Page 30: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/30.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/31.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
The Term ‘Unicorn’ Sucks*
* the term, not the concept!
![Page 32: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/32.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/33.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/34.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/35.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
We must accept our true manifest destiny
![Page 36: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/36.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Let’s win the war.
![Page 37: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/37.jpg)
hwdesignco.com | @jpamental | HighEdWeb NE | #hewebne
Let’s Make it an Intentional Profession
![Page 38: The Battle Is Not the War](https://reader034.vdocument.in/reader034/viewer/2022051819/54c798d34a795977028b45ae/html5/thumbnails/38.jpg)
Jason Pamental | @jpamental http://hwdesignco.com
Thank You!Jason Pamental (@jpamental)
Slides here: http://bit.ly/jphewebne