where’s your web at? <ul><li>trends and predictions in web technology </li></ul>john allsopp web directions south 2007
computing paradigm <ul><li>you go to the web </li></ul>
computing paradigm <ul><li>on a desk </li></ul><ul><li>fixed location </li></ul><ul><li>via keyboard/mouse </li></ul><ul><...
this is rapidly breaking down
ubiquitous
interaction
operating systems
browsers
platform x(html) CSS Javascript XMLHTTPrequest SVG PNG Flash/AIR silverlight data services storage processing TCP/IP
the centre cannot hold <ul><li>everything  is moving from the centre to the edges </li></ul><ul><li>we are only beginning ...
location location location <ul><li>currently </li></ul><ul><ul><li>too expensive </li></ul></ul><ul><ul><li>patchy coverag...
location location location <ul><li>~3 years </li></ul><ul><ul><li>always on </li></ul></ul><ul><ul><li>commodity pricing <...
location location location wimax 3G/4G satellite
location location location <ul><li>devices will increasingly know where they are </li></ul>
location location location <ul><li>These developments give us a web  unchained from the desktop </li></ul><ul><li>We will ...
location location location <ul><li>very few applications  </li></ul><ul><ul><li>making sense of place </li></ul></ul><ul><...
location location location <ul><li>not just mapping </li></ul><ul><li>it’s about  </li></ul><ul><ul><li>where someone is r...
location location location <ul><li>privacy and security </li></ul><ul><ul><li>fundamental to any web based application </l...
location location location <ul><li>huge opportunity for developers </li></ul>
what’s your web on?
what’s your web on?
where’s your web running? <ul><li>encouraged casual, shared use </li></ul><ul><li>wireless remote facilitates use in famil...
where’s your web running? <ul><li>shows entrenched paradigms change rapidly </li></ul><ul><li>“they don’t have the interne...
where’s your web running? <ul><li>challenges </li></ul><ul><ul><li>resolution and accessibility </li></ul></ul><ul><ul><li...
the mobile web at last?
mobile web challenges <ul><li>no baselines to fallback on </li></ul><ul><ul><li>device dimensions </li></ul></ul><ul><ul><...
mobile web challenges <ul><li>many of our design and interaction patterns are meaningless </li></ul><ul><ul><li>fixed widt...
mobile web challenges <ul><li>user input is profoundly different </li></ul><ul><ul><li>no mouse or even cursor </li></ul><...
I did  what ? <ul><li>traditional applications rely on  active  user input </li></ul>
passive input last.fm
passive input <ul><li>always on, go everywhere devices </li></ul><ul><li>keep track </li></ul><ul><ul><li>of where you hav...
where’s your data at?
silos of data <ul><li>traditional computing and the web </li></ul><ul><ul><li>isolated data and services </li></ul></ul><u...
data at the centre browser user site site site unstructured, non semantic tag soup HTML licensing and copyright restrictio...
data at the edges RSS JSON XML uf APIs RDF structured, semantic HTML/XHTML microformats, RDF, XML, RSS more liberal licens...
data at the edges browser user site site site mashup aggregator mashup
developer’s challenge <ul><li>build applications from the API up </li></ul><ul><li>use these internally </li></ul><ul><li>...
developer’s challenge <ul><li>huge cultural change for organisations and ‘managers’ </li></ul><ul><li>value is moving from...
ecosystems <ul><li>users are becoming the ecosystem </li></ul><ul><li>not just contributing content </li></ul>
ecosystems
ecosystems <ul><li>how do you encourage ecosystems? </li></ul><ul><ul><li>customizability </li></ul></ul><ul><ul><li>plug ...
atomic applications smaller more focussed easier to debug and maintain easier to bring to market easier to abandon
challenges <ul><li>How are you planning for a move toward always on web enabled devices? </li></ul>
challenges <ul><li>How are you thinking about devices which  </li></ul><ul><ul><li>know where they are? </li></ul></ul><ul...
challenges <ul><li>How are you planning for the coming huge array of user experiences </li></ul><ul><li>away from the comp...
challenges <ul><li>How are you planning to liberate your data and content? </li></ul>
challenges <ul><li>How will your applications enable and encourage ecosystems of users? </li></ul>
challenges <ul><li>thank you </li></ul><ul><li>http://webdirections.org </li></ul><ul><li>[email_address] </li></ul>
Upcoming SlideShare
Loading in...5
×

Where's your web at

2,445

Published on

Trends and predictions in web web development

Published in: Technology
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,445
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
82
Comments
0
Likes
9
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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×