Where's your web at


Published on

Trends and predictions in web web development

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Where's your web at

  1. 1. where’s your web at? <ul><li>trends and predictions in web technology </li></ul>john allsopp web directions south 2007
  2. 2. computing paradigm <ul><li>you go to the web </li></ul>
  3. 3. computing paradigm <ul><li>on a desk </li></ul><ul><li>fixed location </li></ul><ul><li>via keyboard/mouse </li></ul><ul><li>in isolation </li></ul>
  4. 4. this is rapidly breaking down
  5. 5. ubiquitous
  6. 6. interaction
  7. 7. operating systems
  8. 8. browsers
  9. 9. platform x(html) CSS Javascript XMLHTTPrequest SVG PNG Flash/AIR silverlight data services storage processing TCP/IP
  10. 10. the centre cannot hold <ul><li>everything is moving from the centre to the edges </li></ul><ul><li>we are only beginning to build applications with this in mind </li></ul>
  11. 11. location location location <ul><li>currently </li></ul><ul><ul><li>too expensive </li></ul></ul><ul><ul><li>patchy coverage </li></ul></ul>
  12. 12. location location location <ul><li>~3 years </li></ul><ul><ul><li>always on </li></ul></ul><ul><ul><li>commodity pricing </li></ul></ul>
  13. 13. location location location wimax 3G/4G satellite
  14. 14. location location location <ul><li>devices will increasingly know where they are </li></ul>
  15. 15. location location location <ul><li>These developments give us a web unchained from the desktop </li></ul><ul><li>We will take the web with us wherever we go </li></ul><ul><li>We will always be connected to the web </li></ul>
  16. 16. location location location <ul><li>very few applications </li></ul><ul><ul><li>making sense of place </li></ul></ul><ul><ul><li>responding to place </li></ul></ul><ul><ul><li>responding to proximity </li></ul></ul>
  17. 17. location location location <ul><li>not just mapping </li></ul><ul><li>it’s about </li></ul><ul><ul><li>where someone is right now </li></ul></ul><ul><ul><li>who is nearby </li></ul></ul><ul><ul><li>what is nearby </li></ul></ul>
  18. 18. location location location <ul><li>privacy and security </li></ul><ul><ul><li>fundamental to any web based application </li></ul></ul>
  19. 19. location location location <ul><li>huge opportunity for developers </li></ul>
  20. 20. what’s your web on?
  21. 21. what’s your web on?
  22. 22. where’s your web running? <ul><li>encouraged casual, shared use </li></ul><ul><li>wireless remote facilitates use in family room, with larger screens </li></ul><ul><li>uses Opera, a fully fledged standards based browser </li></ul>
  23. 23. where’s your web running? <ul><li>shows entrenched paradigms change rapidly </li></ul><ul><li>“they don’t have the internet on computers now” </li></ul><ul><ul><li>shared experience </li></ul></ul><ul><ul><li>living room experience </li></ul></ul>
  24. 24. where’s your web running? <ul><li>challenges </li></ul><ul><ul><li>resolution and accessibility </li></ul></ul><ul><ul><li>mousing and interaction </li></ul></ul><ul><ul><li>text input </li></ul></ul><ul><ul><li>shared experiences </li></ul></ul>
  25. 25. the mobile web at last?
  26. 26. mobile web challenges <ul><li>no baselines to fallback on </li></ul><ul><ul><li>device dimensions </li></ul></ul><ul><ul><li>user events </li></ul></ul><ul><ul><ul><li>typing </li></ul></ul></ul><ul><ul><ul><li>mousing </li></ul></ul></ul>
  27. 27. mobile web challenges <ul><li>many of our design and interaction patterns are meaningless </li></ul><ul><ul><li>fixed width layouts </li></ul></ul><ul><ul><li>multicolumn layouts </li></ul></ul><ul><ul><li>‘flyout’ menus </li></ul></ul><ul><ul><li>mouse events </li></ul></ul>
  28. 28. mobile web challenges <ul><li>user input is profoundly different </li></ul><ul><ul><li>no mouse or even cursor </li></ul></ul><ul><ul><li>virtual keyboards </li></ul></ul><ul><ul><li>voice input and commands </li></ul></ul>
  29. 29. I did what ? <ul><li>traditional applications rely on active user input </li></ul>
  30. 30. passive input last.fm
  31. 31. passive input <ul><li>always on, go everywhere devices </li></ul><ul><li>keep track </li></ul><ul><ul><li>of where you have been </li></ul></ul><ul><ul><li>who you met </li></ul></ul><ul><ul><li>what you did </li></ul></ul><ul><li>what kinds of applications will take advantage of this capability? </li></ul>
  32. 32. where’s your data at?
  33. 33. silos of data <ul><li>traditional computing and the web </li></ul><ul><ul><li>isolated data and services </li></ul></ul><ul><ul><li>walled gardens - registration </li></ul></ul><ul><ul><li>ownership - IMDB, Amazon User Reviews </li></ul></ul>
  34. 34. data at the centre browser user site site site unstructured, non semantic tag soup HTML licensing and copyright restrictions islands of isolated data
  35. 35. data at the edges RSS JSON XML uf APIs RDF structured, semantic HTML/XHTML microformats, RDF, XML, RSS more liberal licensing and copyright
  36. 36. data at the edges browser user site site site mashup aggregator mashup
  37. 37. developer’s challenge <ul><li>build applications from the API up </li></ul><ul><li>use these internally </li></ul><ul><li>what data and services can you make available? </li></ul>
  38. 38. developer’s challenge <ul><li>huge cultural change for organisations and ‘managers’ </li></ul><ul><li>value is moving from content to attention </li></ul><ul><li>how do you encourage the use of your data? </li></ul>
  39. 39. ecosystems <ul><li>users are becoming the ecosystem </li></ul><ul><li>not just contributing content </li></ul>
  40. 40. ecosystems
  41. 41. ecosystems <ul><li>how do you encourage ecosystems? </li></ul><ul><ul><li>customizability </li></ul></ul><ul><ul><li>plug in architectures </li></ul></ul><ul><ul><li>APIs </li></ul></ul><ul><ul><li>licensing </li></ul></ul>
  42. 42. atomic applications smaller more focussed easier to debug and maintain easier to bring to market easier to abandon
  43. 43. challenges <ul><li>How are you planning for a move toward always on web enabled devices? </li></ul>
  44. 44. challenges <ul><li>How are you thinking about devices which </li></ul><ul><ul><li>know where they are? </li></ul></ul><ul><ul><li>know where others are? </li></ul></ul>
  45. 45. challenges <ul><li>How are you planning for the coming huge array of user experiences </li></ul><ul><li>away from the computer/mouse keyboard </li></ul><ul><li>to in car, hand held, living room, laptop, and more? </li></ul>
  46. 46. challenges <ul><li>How are you planning to liberate your data and content? </li></ul>
  47. 47. challenges <ul><li>How will your applications enable and encourage ecosystems of users? </li></ul>
  48. 48. challenges <ul><li>thank you </li></ul><ul><li>http://webdirections.org </li></ul><ul><li>[email_address] </li></ul>