SlideShare a Scribd company logo
1 of 63
bb
B-side
`
awef
app
d

More Related Content

Viewers also liked

For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)Brad Frost
 
Juegos para paseos
Juegos  para paseosJuegos  para paseos
Juegos para paseoselvis_elvis
 
Reset the Web
Reset the WebReset the Web
Reset the Webyiibu
 
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San DiegoAtomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San DiegoBrad Frost
 
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To BullshitBrad Frost
 
Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Brad Frost
 
Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]Benny Chak
 
The Connected Megacity
The Connected MegacityThe Connected Megacity
The Connected MegacityEricsson Labs
 
Helping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessHelping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessZack Naylor
 
Wp3 refresh pgh
Wp3 refresh pghWp3 refresh pgh
Wp3 refresh pghMrDirby
 
The Designers Duty
The Designers DutyThe Designers Duty
The Designers DutyJon Dascola
 
Towards a Green Economy
Towards a Green EconomyTowards a Green Economy
Towards a Green EconomyZ3P
 
How do I envision the City of the Future?
How do I envision the City of the Future?How do I envision the City of the Future?
How do I envision the City of the Future?Claire Beaudron
 
Presentation Drupal Content Management Framework
Presentation Drupal Content Management FrameworkPresentation Drupal Content Management Framework
Presentation Drupal Content Management FrameworkJoshua Powell
 

Viewers also liked (18)

For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)For a Future-Friendly Web (WebVisions Chicago 2012)
For a Future-Friendly Web (WebVisions Chicago 2012)
 
Juegos para paseos
Juegos  para paseosJuegos  para paseos
Juegos para paseos
 
Reset the Web
Reset the WebReset the Web
Reset the Web
 
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San DiegoAtomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
 
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To Bullshit
 
Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!Death To Bullshit: Now With 80% More Bullshit!
Death To Bullshit: Now With 80% More Bullshit!
 
e-fair 2012 - Keynote presentation
e-fair 2012 - Keynote presentatione-fair 2012 - Keynote presentation
e-fair 2012 - Keynote presentation
 
Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]Responsive Web Design [rebuild as design]
Responsive Web Design [rebuild as design]
 
The Connected Megacity
The Connected MegacityThe Connected Megacity
The Connected Megacity
 
Andriod vs iphone
Andriod vs iphoneAndriod vs iphone
Andriod vs iphone
 
Web Design Process vs. Philadelphia
Web Design Process vs. PhiladelphiaWeb Design Process vs. Philadelphia
Web Design Process vs. Philadelphia
 
Helping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessHelping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered Process
 
Wp3 refresh pgh
Wp3 refresh pghWp3 refresh pgh
Wp3 refresh pgh
 
Neil Green Day3
Neil Green Day3Neil Green Day3
Neil Green Day3
 
The Designers Duty
The Designers DutyThe Designers Duty
The Designers Duty
 
Towards a Green Economy
Towards a Green EconomyTowards a Green Economy
Towards a Green Economy
 
How do I envision the City of the Future?
How do I envision the City of the Future?How do I envision the City of the Future?
How do I envision the City of the Future?
 
Presentation Drupal Content Management Framework
Presentation Drupal Content Management FrameworkPresentation Drupal Content Management Framework
Presentation Drupal Content Management Framework
 

Recently uploaded

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 

Recently uploaded (20)

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 

For a Future-Friendly Web (Mobilism 2012)

  • 1. bb
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. `
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. awef
  • 43. app
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63. d

Editor's Notes

  1. Hey Everybody! \nMy wife and I have been here since Saturday and it’s our first time over here. We’ve enjoyed the beautiful sights, canals, shops,\n
  2. So this isn’t the web.\nOnce upon a time it was, hence this amazingly crusty looking old desktop computer.\nBut this is what we’ve been used to for the last 15 years.\n
  3. smartphones, dumbphones, e readers, tablets, netbooks, notebooks, desktops, smart TVs, game consoles and a whole lot more.\nthe concept of the web becomes a lot bigger.\nand a bit more daunting as well.\n
  4. But if you think about it this is actually just the beginning\nIn addition to all our existing devices\nThere’s a ton more connected devices right around the corner.\nBut perhaps what’s more important than the things already in our periphery are these question marks.\nNobody knows what the device landscape will look like even two years from now. I mean, you turn your head and...\n
  5. BAM! Google comes out with some crazy new shit like Google Glasses.\n
  6. BAM! Google comes out with some crazy new shit like Google Glasses.\n
  7. So it would be foolish to say that we can create anything that’s truly future-proof.\nBut just because we can’t predict the future...\n
  8. Doesn’t mean that we can’t do things today that better prepare us for what’s in store.\nSo why the web?\n
  9. So why the web? Like Scott mentioned earlier\nThe web’s superpower is its ubiquity. \nNo native platform or proprietary solution can claim the same level of reach as the web can.\nAs more things become connected, it’s more important to reach them.\nThe Web’s ubiquity and intrinsic inclusiveness is something that should be embraced and preserved\nBecause the web has the potential to serve as the glue that holds the connected world together.\n
  10. But here we are.\nMany people still think of the web as this 960 pixel wide box that sits on a desk or on your lap\n
  11. We need to change our mentality to prepare ourselves for a future filled with disruption and change\n
  12. what we actually do as web creators. what content and functionality we are creating.\nand how, why and where users interact with the content we create.\n
  13. So the first rule in all of this is to create shit that’s actually worthwhile.\nThat actually solves a problem.\nIt needs to be sincere.\nYou might laugh, but...\nI spend a lot of time around vocabulary that makes me cringe. “Let’s use gamification to leverage millennial influencers and socialize these drivers. Or whatever the hell they say.\nWe need to be legitimately useful.\n
  14. People’s capacity for bullshit is rapidly diminishing.\nWe’re getting fire-hosed with over 34GB of data, and there’s more STUFF than ever, photos, apps, services, sites demanding our attention.\nJames Pearce yesterday mentioned that Facebook users now upload 300 million photos a day. Ten Percent of all photos ever taken in the history of photography were taken LAST YEAR.\nOut of necessity we’re being forced to focus on the essential bits and cut out the crap.\n\nhttp://blog.1000memories.com/94-number-of-photos-ever-taken-digital-and-analog-in-shoebox\nOut of necessity we’re \n
  15. \n
  16. \n
  17. So we need to simplify and focus on what really matters\nMove away from being digital hoarders, and it’s easy to do because unlike real hoarders we can’t see the stale old newspapers cluttering up our house.\n
  18. If you don’t focus your content, your users will do it for you.\nWe have many ways of increasing our signal and decreasing our noise. \nIf we can’t find what we want from you, we’ll go to the next guy. \nMobile is a catalyst. We want exactly what we want at exactly the time we request it.\nEvery line of copy, every script we include, every feature we add needs to ADD REAL VALUE.\n
  19. So creating relevant worthwhile things is the main goal, but then we need to rethink where our content and services are going.\nJosh Clark channeling Bruce Lee. Think of our content like water that’s able to be poured into a multitude of containers.\n
  20. People are interacting with our sites and apps on devices that in many cases didn’t even exist whenever we built them.\nIt’s not about the web. It’s not about apps. It’s about being present wherever our users may be. \n
  21. Being that we’re all working in mobile, I bet if we counted up all the instances we’ve all heard this, it would probably add up to about four hundred million instances.\nBut we need to think beyond any individual channel \n
  22. So instead of short-sighted app ideas, or site ideas, we need to take a step back and think about what we want our products and services to do on a more abstract level.\nIt’s not about apps. It’s not about the web. It’s not about Facebook.\nAnd sure, the app store or another channel might be facilitate that big idea, but we need to \n
  23. “I want to make it easy to view movies”\n“I want to make it easy to buy and read ebooks”\n
  24. By thinking more\n
  25. \n
  26. of course our users are comfortably seated at a desk\nof course they’re focused and caffeinated, ready to rock with an efficient input like a mouse and keyboard\nof course they’re viewing on a large screen on a capable browser with a fast connection and a powerful CPU\n
  27. but of course over the last few years we now know that context is a lot more diverse\n
  28. it’s a lot harder to define now\n
  29. CONSIDERATION\nincreasingly divergent though. Some of these connected devices won’t have interfaces at all.\nAre they using a touchscreen? What about a remote? Or gestures?\n
  30. \n
  31. \n
  32. Stephanie Rieger eloquently stated that we need to make smarter.\n\nQuite often we run the risk of slapping a new coat of paint on an otherwise condemned building.\n
  33. Re-prioritize. We’ve spent so much time focused on individual channels, rather than our content infrastructure. \nWe need to create strong, platform-agnostic APIs and flexible content management systems that’s able to serve up our content in a whole bunch of different ways.\n
  34. And then when we actually talk about building our experiences\nIf you think that responsive web design is all about making squishy websites, YOU’RE MISSING THE POINT.\nThere is so much more it than fluid grids, flexible images, and media queries.\nI prefer to think of it as more a philosophy than a technique. There’s lots of room for plenty of techniques.\n
  35. As it turns out, “responsive design” as defined is actually just a small subset of what we refer to as “adaptive design”. It’s just one part of the puzzle, but unfortunately that’s lost on a lot of people.\nLike Jason mentioned yesterday, Stephanie Rieger said it best “responsiveness is a characteristic”\nThere’s no such thing as “Grade A, certified-organic” responsive experiences\nAnd it’s certainly not a religion. \n
  36. Your users don’t give a shit if your site is responsive. They don’t give a shit if it’s a separate mobile site. They don’t give a shit if it’s a “full” “desktop” “classic” website. Mirroring Heiko They just want a great experience. \nThey DO give a shit when they can’t get done what they came here do do. They DO give a shit when your site takes 30 seconds to load. They do give a shit when all the interactions are buggy and broken.\n
  37. \n
  38. \n
  39. \n
  40. \n
  41. What excites me most about responsive design is that it gives us a language with which to talk about designing for multiple contexts.\nIt’s preparing us for the bigger battles ahead.\n
  42. I trademarked that phrase just in case.\nDon’t go to EmbraceTheSquishiness.com, I’m not sure what you’ll find.\n
  43. As James Pearce talked about earlier, mobile is so much more than a small screen.\n
  44. We can’t just slap on some media queries and proclaim I’M MOBILE OPTIMIZED! Alright, I’m going to lunch.\n
  45. \n
  46. \n
  47. Progressive Enhancement, only applied on a much larger scale.\n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. So no one knows exactly what’s coming down the pipes, but that’s what makes this exciting. Let’s embrace unpredictability and use it to our advantage.\n\nWhat Scott said, it’s not about the incremental changes\n
  55. \n
  56. “The Web Is Dead”\n
  57. \n
  58. This is gonna take all of us\nand...\n
  59. There’s plenty of room at this party and we’re all on the same team trying to figure all of this shit out. \nJames pearce had \nThis isn’t religion. This is web design.\n
  60. james\n
  61. \n
  62. So I’ll leave you with this: Go forth and make future-friendly experiences.\n
  63. Thanks guys!\n