Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Working with the web and the future

567 views

Published on

Talk given at Front-Trends in Warsaw, May 2016.

As web professionals we’re used to hearing about the virtues of shipping fast and iterating regularly in order to meet changing needs, but how do we ensure that the projects that we’re planning now are still as relevant and robust when they launch in the future… and beyond? How do we prepare for the unknowns and constant shifts in technology; what can we do to progress the evolution of the web itself; how do we, as individuals, ensure that our skills are as relevant as ever in this rapidly changing world?

In this talk we’ll look at why the future is important, plus past visions of the future, including those from the world of science fiction. We'll explore what we can learn from these lessons, and how to apply this in a practical sense to the work that we do.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Working with the web and the future

  1. 1. Working with the web & the future Sally Jenkinson @sjenkinson . sally@recordssoundthesame.com
  2. 2. @sjenkinson
  3. 3. @sjenkinson The internet of 2021
  4. 4. @sjenkinson
  5. 5. youtube.com/watch?v=8p0jmewhXeU @sjenkinson
  6. 6. @sjenkinson
  7. 7. @sjenkinson What challenges does the future bring?
  8. 8. @sjenkinson
  9. 9. @sjenkinson What we plan now may not be relevant in the future
  10. 10. @sjenkinson Our project
  11. 11. @sjenkinson Our users Our business Technology Wildcards Our project
  12. 12. @sjenkinson Disruption will only accelerate Our existing standards, workflows and infrastructure won’t hold up Proprietary solutions will dominate at first The standards process will be painfully slow.
  13. 13. @sjenkinson Our choices can become white elephants
  14. 14. https://upload.wikimedia.org/wikipedia/commons/e/ed/Klagenfurt_Viktring_Quellenstrasse_Strom- Verbundnetz_13022010_1580.jpg @sjenkinson
  15. 15. @sjenkinson Keeping up vs getting ahead
  16. 16. “It’s all broken!”
  17. 17. “We have to throw it out and start again!”
  18. 18. “…be guaranteed to meet the business and customer needs for the next 5-10 years at least…”
  19. 19. @sjenkinson Keeping up as individuals
  20. 20. @sjenkinson@sjenkinson
  21. 21. @sjenkinson The future is hard!
  22. 22. @sjenkinson The future, from the past
  23. 23. @sjenkinson
  24. 24. @sjenkinson
  25. 25. “Short of figuring out real teleportation, which would of course be awesome (someone please do this), the only option for super fast travel is to build a tube over or under the ground that contains a special environment. ! This is where things get tricky.” teslamotors.com/blog/hyperloop
  26. 26. @sjenkinson Telling stories can give human context to technology
  27. 27. flickr.com/photos/randar/16862053922 @sjenkinson
  28. 28. goo.gl/8IKgEd @sjenkinson
  29. 29. flickr.com/photos/foam/9248390752/ @sjenkinson
  30. 30. “a work kit useful for parceling ideas into their atomic elements” @sjenkinson
  31. 31. @sjenkinson Interactions and interfaces
  32. 32. @sjenkinson
  33. 33. “We’ve seen repeatedly that if an interface works for an audience, there’s something there that will work for users. ! Finding what that thing is and using it for inspiration in our own work is part of how we can use these speculative interfaces.” Make It So (scifiinterfaces.com)
  34. 34. flickr.com/photos/blile59/3547072689 @sjenkinson
  35. 35. flickr.com/photos/frinky/2288705567/ @sjenkinson
  36. 36. @sjenkinson Using future thinking
  37. 37. 1. Better consider our users’ changing needs. 2. Identify opportunities. 3. Aid prioritisation. 4. Define what something is and what it will be. 5. More robust decisions - understand limitations and benefits of choices. 6. React quickly/better to change by embracing evolution. 7. Make more exciting things and shape the future of the web! Future benefits @sjenkinson
  38. 38. @sjenkinson The future & our work
  39. 39. flickr.com/photos/oflittleinterest/8171299893/ @sjenkinson
  40. 40. Half-life @sjenkinson
  41. 41. User interfaces & interactions Features Digital platform components (CMS, etc) ‘Non-digital’ systems (accountancy, etc) Browsers Hosting environment & languages Third party integrations Deployment tools Different elements have different half-lives @sjenkinson
  42. 42. Choose technologies and architect your developments with half-lives in mind @sjenkinson
  43. 43. @sjenkinson Separate concerns, loosely couple Think in patterns, not pages Modular CSS Enhance!
  44. 44. “Zero UI is … taking us away from screens to a more natural way of interacting with things” Andy Goodman @goodmania
  45. 45. Submit doStuff()
  46. 46. @sjenkinson A practical approach to the future
  47. 47. Discovery & planning Work content first Separate content from display to better cater for new outputs (visual or otherwise) Where screens are involved, remember to think from very small to very large Prioritise your requirements Create a backlog and strategic roadmap & make these visible Balance problems now & of the future Consider future usage patterns, interactions, and behaviour Embrace wider trends (remote teams etc) Learn from the past Don’t be bound by form Create a set of high level principles for the future Make no assumptions about usage Stories and design thinking (workshops)
  48. 48. Example principles
  49. 49. @sjenkinson Frederik Pohl flickr.com/photos/s-t-r-a-n-g-e/8292748067 “A good science fiction story should be able to predict not the automobile but the traffic jam” @sjenkinson
  50. 50. Embrace web standards, semantics, open formats Progressive enhancement Create incrementally, release often Track & manage change Think atomically Allocate time to improve the past and the future Lifespan of project components Separation, modularity, loosely-coupled architectures and services Embrace automation Document decisions (not heavily, but ensure the past is captured for future learning) Prototype & test Doing Responsive design Leave space for the future Draw a line - what do you support? Why?
  51. 51. Share your experiences Specs & upcoming technologies Measure, & use your data Better digital preservation Play more Take inspiration from the world (watch more sci- fi!) Evolving Accept change. It doesn’t mean you failed Work to educate others, to facilitate improvements Fix problems that you can see, and those that might be Provide support (bleeding edge technology users often have it rough)
  52. 52. @sjenkinson Cup of tea?
  53. 53. flickr.com/photos/stevensnodgrass/4011568197 @sjenkinson
  54. 54. “Don’t plan for the future because there is no future - just now and a series of next nows.” Jon Gold @jongold
  55. 55. @sjenkinson sally@recordssoundthesame.com recordssoundthesame.com Thank you! My slides are mainly blue because according to Make It So, blue is ‘futuristic’ - it’s the most prevalent colour in sci-fi interfaces flaticon.com/packs/color-startups-and-new-business

×