InControl Conference 2012 Honolulu

An overview of the 2012 InControl conference in Honolulu Hawaii. This is meant to be a quick overview presented a creative agency comprised of mainly designers and account executives. It glosses over topics that are development heavy.

Transcript

1. INCONTROL HONOLULU 2012
2. DON’T BE A DINOSAUR
3. -Daniel Burka Lead Designer of GOOGLE Mobile
4. DEAD IS DEAD “ “ Above the fold is ridiculous and a table of contents has no place on a website -Daniel Burka Lead designer of GOOGLE Mobile
5. THE AGE OF USABILITY OUR USERS ARE: •  More capable •  More eager •  More mobile •  More impatient Let’s start treating them like it
6. HOW???
7. LOSE THE PAGE •  Start thinking of websites as systems not pages •  How does that system work? •  How well does it work? •  Who does it work for?
8. USE WHAT WE HAVE TO OFFER •  Animations •  Gestures •  Camera Input •  Oral input •  Audio Output •  Tilt •  Orientation •  Geo •  Small Screens •  Notifications
9. COMPUTERS… WHAT’S THE POINT? We have always been trying to get the computer closer to us.
11. -Dave Rupert Lead Developer at Paravel
12. HTML5 - Structure 1.  Semantics – tags and meaning 2.  CSS3 – styles, effects, web fonts 3.  Multimedia – audio and video 4.  3D and Graphics –Canvas, Awesome 5.  Device Access – Hardware API’s 6.  Offline Storage – Faster load times 7.  Connectivity – Real Time Events 8.  Performance – Faster Performance`
13. -Dave Rupert Lead Developer at Paravel “ “ Think about people that aren’t you
14. -Estelle Weyl CSS Developer and Standardista
15. CSS3 - Aesthetic Shadows, Fonts, Gradients, Backgrounds, Transitions, border-radiuses and many more cool styles.
16. -Estelle Weyl CSS Developer and Standardista “ “ Think about how your design style effects your battery life
17. David Sawyer McFarland Knower of all things Javascript
18. jQuery - Behavior Fly, wiz, bang, pop, move, shake, shimmy, store, save, remember, alert & a million other possibilities to make your website interact the way you want it to
19. “ “ There is no sense in making websites if they’re just online print pieces David Sawyer McFarland Knower of all things Javascript
20. WHY SHOULD I CARE? THIS IS DEVELOPER STUFF ANYWAY  I’m not a developer I’m a designer
21. Designs are seen by People People Use Devices
22. 80% of people access the internet on a mobile device
23. 71% of mobile users expect a mobile site to load as fast or faster than a desktop version
24. 74% of mobile visitors will abandon a mobile site if it doesn't load under 5 sec
25. Design is subject to limits. We can ignore those boundaries, but at what cost???
26. CONTENT, THE BUILDING BLOCKS OF LIFE?
27. CONTENT STRATEGY
28. -Kristina Halvorson Owner of Braintraffic.com
29. CONTENT QUESTIONS WE USUALLY ASK? 1.  Where did all this content come from? 2.  How come this content doesn’t fit? 3.  Who’s got the content!!!???
30. CONTENT QUESTIONS WE SHOULD BE ASKING? 1.  Why is content always the problem? 2.  Why content blows up in the 11th hour? 3.  Why can’t there be a better way?
31. CORE STRATEGY 1.  Content Components 1.  Substance 2.  Structure 2.  People Components 1.  Workflow 2.  Governance
32. CONTENT CREATION PLAN 1.  what 2.  why 3.  how 4.  when 5.  for whom 6.  with what 7.  where 8.  when 9.  how often 10. what next (After post launch)
33. THE BIGGEST CONTENT QUESTION OF ALL What will your content do for both your business and your users???
34. “ “ Map all content back to a user need, if there is none, let it go! -Kristina Halvorson Owner of Braintraffic.com
35. MOBILE CONTENT STRATEGY
36. -Karen McGrane Mobile Content Strategist
37. “ “ Mobile isn’t a design & development problem, it’s a content problem -Karen McGrane Owner of Braintraffic.com
38. Free yourself from the confines of devices and let content flow freely 1.  Multiple device ready 2.  Meaningful MetaData 3.  Written for reuse
39. THE PRIMARY PLATFORM The idea that one place is the right way and the other way are just that, "other” is a thing of the past.
40. Were not starting with print and dripping down to web Were not starting with web and squishing down to mobile Were not starting with mobile and moving to larger devices Were ARE starting with content and allowing it be whatever it needs to be ABC
41. C O P E REATE NCE UBLISH VERYWHERE
42. HOW DO WE COPE? 1.  Write for the chunk not the page 2.  Demystify metadata 3.  Better CMS workflow
43. A MOMENT TO BREATH
44. -Jessica Hische Professional Letterer and Illustrator Fonts Typography Working for fun Working for free Other cool stuff
45. -Cindy Li Lead designer of flickr mobile Accessibility User Research Design Satisfaction 1-5 in U.S. are disabled 1-10 in the world 6.5 million fractures a year 6 million pregnancies a year
46. -Chris Coyier CSS-Tricks.com, Digging into Wordpress, Wufu, Codepen, and my secret man crush Web Workflow Text Editors Version Control SASS Performance Testing Other cool stuff
47. WHY RESPONSIVE?
48. -Brad Frost Responsive Genius
49. “ Mobile users will do everything a desktop user would do if it is presented to them in a correct way. If you strip something out it begs the question ”Did we need that anyways?" Brad Frost Knower of all things responsive “
50. 5 PRINCIPLES OF RESPONSIVE 1. Ubiquity 2. Flexibility 3. Performance 4. Enhancement 5. Future Friendly
51. 5 PRINCIPLES OF RESPONSIVE 1. Ubiquity All of these devices can access the web and that's that!
52. 5 PRINCIPLES OF RESPONSIVE There is no “One Primary Platform” anymore. Websites should just work 2. Flexibility
53. 5 PRINCIPLES OF RESPONSIVE •  Accessibility for all •  Performance is invisible 3. Performance
54. 5 PRINCIPLES OF RESPONSIVE Being responsive should not be the left over scraps but the new standard 4. Enhancement
55. 5 PRINCIPLES OF RESPONSIVE •  Acknowledge and embrace unpredictability •  We can't be all things to all devices 5. Future Friendly
56. INCONTROL HONOLULU 2012
57. Special thanks to OrangeRoc For sending us the conference And understanding the Importance of tomorrow’s web
58. Thanks Dudes