Download as PDF, PPTX
Uploaded bySally Lait
Working with the web and the future
The document discusses the challenges and strategies for adapting to the rapidly evolving technological landscape. It emphasizes the importance of anticipating users' changing needs, embracing modular design, and making informed decisions while considering the future impact of technology. Key themes include the necessity of flexibility, iterative development, and the integration of user-centric design principles.
More Related Content
Similar to Working with the web and the future
Working with the web and the future
- 1. Working with theweb & the future Sally Jenkinson @sjenkinson . sally@recordssoundthesame.com
- 2.
- 3.
- 5.
- 6.
- 7.
- 8. @sjenkinson What challenges does thefuture bring?
- 9.
- 10. @sjenkinson What we plannow may not be relevant in the future
- 11.
- 12.
- 13. @sjenkinson Disruption will onlyaccelerate Our existing standards, workflows and infrastructure won’t hold up Proprietary solutions will dominate at first The standards process will be painfully slow.
- 16. @sjenkinson Our choices canbecome white elephants
- 17.
- 18. @sjenkinson Keeping up vsgetting ahead
- 19.
- 20. “We have to throwit out and start again!”
- 21. “…be guaranteed to meetthe business and customer needs for the next 5-10 years at least…”
- 23. @sjenkinson Keeping up asindividuals
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. “Short of figuringout 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
- 30. @sjenkinson Telling stories cangive human context to technology
- 31.
- 32.
- 33.
- 34. “a work kituseful for parceling ideas into their atomic elements” @sjenkinson
- 36.
- 37.
- 39. “We’ve seen repeatedlythat 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)
- 40.
- 41.
- 42.
- 43. 1. Better considerour 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
- 44. @sjenkinson The future &our work
- 45.
- 46.
- 47. 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
- 48. Choose technologies and architectyour developments with half-lives in mind @sjenkinson
- 49. @sjenkinson Separate concerns, looselycouple Think in patterns, not pages Modular CSS Enhance!
- 50. “Zero UI is… taking us away from screens to a more natural way of interacting with things” Andy Goodman @goodmania
- 51.
- 52. @sjenkinson A practical approach tothe future
- 53. Discovery & planning Workcontent 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)
- 54.
- 55. @sjenkinson Frederik Pohl flickr.com/photos/s-t-r-a-n-g-e/8292748067 “A goodscience fiction story should be able to predict not the automobile but the traffic jam” @sjenkinson
- 56. Embrace web standards, semantics, openformats 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?
- 57. 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)
- 58.
- 59.
- 60. “Don’t plan forthe future because there is no future - just now and a series of next nows.” Jon Gold @jongold
- 61. @sjenkinson sally@recordssoundthesame.com recordssoundthesame.com Thank you! My slidesare 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