SlideShare une entreprise Scribd logo
bb
B-side
`
awef
app
d

Contenu connexe

En vedette

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 paseos
elvis_elvis
 
Reset the Web
Reset the WebReset the Web
Reset the Web
yiibu
 
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
Brad Frost
 
Death To Bullshit
Death To BullshitDeath To Bullshit
Death To Bullshit
Brad 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
 
e-fair 2012 - Keynote presentation
e-fair 2012 - Keynote presentatione-fair 2012 - Keynote presentation
e-fair 2012 - Keynote presentation
Jisc RSC East Midlands
 
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 Megacity
Ericsson Labs
 
Andriod vs iphone
Andriod vs iphoneAndriod vs iphone
Andriod vs iphone
Iovely Khokhar
 
Web Design Process vs. Philadelphia
Web Design Process vs. PhiladelphiaWeb Design Process vs. Philadelphia
Web Design Process vs. Philadelphia
Christopher Cashdollar
 
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
Zack Naylor
 
Wp3 refresh pgh
Wp3 refresh pghWp3 refresh pgh
Wp3 refresh pgh
MrDirby
 
Neil Green Day3
Neil Green Day3Neil Green Day3
Neil Green Day3
Greg Gearheart
 
The Designers Duty
The Designers DutyThe Designers Duty
The Designers Duty
Jon Dascola
 
Towards a Green Economy
Towards a Green EconomyTowards a Green Economy
Towards a Green Economy
Z3P
 
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 Framework
Joshua Powell
 

En vedette (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
 

Dernier

Webinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data WarehouseWebinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data Warehouse
Federico Razzoli
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Alpen-Adria-Universität
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Mariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceXMariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceX
Mariano Tinti
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
Ivanti
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
名前 です男
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
fredae14
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 

Dernier (20)

Webinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data WarehouseWebinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data Warehouse
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Mariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceXMariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceX
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 

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

Notes de l'éditeur

  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