SlideShare a Scribd company logo
Working with the web
& the future
Sally Jenkinson
@sjenkinson . sally@recordssoundthesame.com
@sjenkinson
@sjenkinson
The internet of 2021
@sjenkinson
youtube.com/watch?v=8p0jmewhXeU @sjenkinson
@sjenkinson
@sjenkinson
What challenges does
the future bring?
@sjenkinson
@sjenkinson
What we plan now may
not be relevant in the
future
@sjenkinson
Our project
@sjenkinson
Our users
Our business
Technology
Wildcards
Our project
@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.
@sjenkinson
Our choices can become
white elephants
https://upload.wikimedia.org/wikipedia/commons/e/ed/Klagenfurt_Viktring_Quellenstrasse_Strom-
Verbundnetz_13022010_1580.jpg
@sjenkinson
@sjenkinson
Keeping up vs getting ahead
“It’s all broken!”
“We have to
throw it out and
start again!”
“…be guaranteed to
meet the business
and customer needs
for the next 5-10
years at least…”
@sjenkinson
Keeping up as individuals
@sjenkinson@sjenkinson
@sjenkinson
The future is hard!
@sjenkinson
The future,
from the past
@sjenkinson
@sjenkinson
“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
@sjenkinson
Telling stories can give
human context to
technology
flickr.com/photos/randar/16862053922 @sjenkinson
goo.gl/8IKgEd @sjenkinson
flickr.com/photos/foam/9248390752/ @sjenkinson
“a work kit useful for
parceling ideas into their
atomic elements”
@sjenkinson
@sjenkinson
Interactions and
interfaces
@sjenkinson
“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)
flickr.com/photos/blile59/3547072689 @sjenkinson
flickr.com/photos/frinky/2288705567/ @sjenkinson
@sjenkinson
Using future thinking
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
@sjenkinson
The future & our work
flickr.com/photos/oflittleinterest/8171299893/ @sjenkinson
Half-life
@sjenkinson
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
Choose technologies and
architect your developments
with half-lives in mind
@sjenkinson
@sjenkinson
Separate concerns, loosely couple
Think in patterns, not pages
Modular CSS
Enhance!
“Zero UI is … taking us away from screens to a
more natural way of interacting with things”
Andy Goodman
@goodmania
Submit
doStuff()
@sjenkinson
A practical approach
to the future
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)
Example principles
@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
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?
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)
@sjenkinson
Cup of tea?
flickr.com/photos/stevensnodgrass/4011568197 @sjenkinson
“Don’t plan for the future because there is no
future - just now and a series of next nows.”
Jon Gold
@jongold
@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

More Related Content

Viewers also liked

How To Plan And Build A Successful Content Marketing Strategy
How To Plan And Build A Successful Content Marketing StrategyHow To Plan And Build A Successful Content Marketing Strategy
How To Plan And Build A Successful Content Marketing Strategy
Michael Brenner
 

Viewers also liked (20)

Desafios de Performance Web - BrazilJS
Desafios de Performance Web - BrazilJSDesafios de Performance Web - BrazilJS
Desafios de Performance Web - BrazilJS
 
The future of the web is printed
The future of the web is printedThe future of the web is printed
The future of the web is printed
 
The Inverted Web and the Future of the Internet
The Inverted Web and the Future of the InternetThe Inverted Web and the Future of the Internet
The Inverted Web and the Future of the Internet
 
Isomorphic JavaScript – future of the web
Isomorphic JavaScript – future of the webIsomorphic JavaScript – future of the web
Isomorphic JavaScript – future of the web
 
Single Page Application JS Framework Round up
Single Page Application JS Framework Round upSingle Page Application JS Framework Round up
Single Page Application JS Framework Round up
 
HTML 5: The Future of the Web
HTML 5: The Future of the WebHTML 5: The Future of the Web
HTML 5: The Future of the Web
 
Future Web Trends
Future Web TrendsFuture Web Trends
Future Web Trends
 
Web 2.0 Is the Future of Education
Web 2.0 Is the Future of EducationWeb 2.0 Is the Future of Education
Web 2.0 Is the Future of Education
 
2014 Future of Open Source - 8th Annual Survey results
2014 Future of Open Source - 8th Annual Survey results2014 Future of Open Source - 8th Annual Survey results
2014 Future of Open Source - 8th Annual Survey results
 
Javascript State of the Union 2015
Javascript State of the Union 2015Javascript State of the Union 2015
Javascript State of the Union 2015
 
HTML5 Canvas - The Future of Graphics on the Web
HTML5 Canvas - The Future of Graphics on the WebHTML5 Canvas - The Future of Graphics on the Web
HTML5 Canvas - The Future of Graphics on the Web
 
Progressive Web Apps: o melhor da Web appficada
Progressive Web Apps: o melhor da Web appficadaProgressive Web Apps: o melhor da Web appficada
Progressive Web Apps: o melhor da Web appficada
 
How To Plan And Build A Successful Content Marketing Strategy
How To Plan And Build A Successful Content Marketing StrategyHow To Plan And Build A Successful Content Marketing Strategy
How To Plan And Build A Successful Content Marketing Strategy
 
How to Choose the Perfect Stock Photo
How to Choose the Perfect Stock PhotoHow to Choose the Perfect Stock Photo
How to Choose the Perfect Stock Photo
 
Content Marketing Strategy Workshop
Content Marketing Strategy WorkshopContent Marketing Strategy Workshop
Content Marketing Strategy Workshop
 
PSFK presents the Mobile Commerce Playbook
PSFK presents the Mobile Commerce PlaybookPSFK presents the Mobile Commerce Playbook
PSFK presents the Mobile Commerce Playbook
 
Tips, Tools and Templates To Build Your Content Marketing Strategy
Tips, Tools and Templates To Build Your Content Marketing StrategyTips, Tools and Templates To Build Your Content Marketing Strategy
Tips, Tools and Templates To Build Your Content Marketing Strategy
 
What Makes Content Memorable?
What Makes Content Memorable?What Makes Content Memorable?
What Makes Content Memorable?
 
25 Disruptive Technology Trends 2015 - 2016
25 Disruptive Technology Trends 2015 - 201625 Disruptive Technology Trends 2015 - 2016
25 Disruptive Technology Trends 2015 - 2016
 
The Future of Marketing 2016: New Roles, and Trends
The Future of Marketing 2016: New Roles, and Trends The Future of Marketing 2016: New Roles, and Trends
The Future of Marketing 2016: New Roles, and Trends
 

Similar to Working with the web and the future

Michael Edson Potomac Forum Government and Transparent Web Strategy
Michael Edson Potomac Forum Government and Transparent Web StrategyMichael Edson Potomac Forum Government and Transparent Web Strategy
Michael Edson Potomac Forum Government and Transparent Web Strategy
Michael Edson
 
Designing digital transformation v.2.7
Designing digital transformation v.2.7Designing digital transformation v.2.7
Designing digital transformation v.2.7
Nigel Green
 
Cloud Native Patterns (Jamie Dobson, Container Solutions)
Cloud Native Patterns (Jamie Dobson, Container Solutions)Cloud Native Patterns (Jamie Dobson, Container Solutions)
Cloud Native Patterns (Jamie Dobson, Container Solutions)
London Microservices
 

Similar to Working with the web and the future (20)

All these moments will be lost in time: the web, the future, and us
All these moments will be lost in time: the web, the future, and usAll these moments will be lost in time: the web, the future, and us
All these moments will be lost in time: the web, the future, and us
 
All these moments will be lost in time: the web, the future, and us
All these moments will be lost in time: the web, the future, and usAll these moments will be lost in time: the web, the future, and us
All these moments will be lost in time: the web, the future, and us
 
Rich User Experience Documentation - Update
Rich User Experience Documentation - UpdateRich User Experience Documentation - Update
Rich User Experience Documentation - Update
 
Choosing the "right" CMS (and other things)
Choosing the "right" CMS (and other things)Choosing the "right" CMS (and other things)
Choosing the "right" CMS (and other things)
 
Responsive Design Studio [Mountain View 2013]
Responsive Design Studio [Mountain View 2013]Responsive Design Studio [Mountain View 2013]
Responsive Design Studio [Mountain View 2013]
 
Teaching with Technology
Teaching with TechnologyTeaching with Technology
Teaching with Technology
 
LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website
LDD Southern Summit 2013 - Adido - The theatre of the future-friendly websiteLDD Southern Summit 2013 - Adido - The theatre of the future-friendly website
LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website
 
Building Digital Capability - Service Modelling Workshop and Institutional Di...
Building Digital Capability - Service Modelling Workshop and Institutional Di...Building Digital Capability - Service Modelling Workshop and Institutional Di...
Building Digital Capability - Service Modelling Workshop and Institutional Di...
 
Michael Edson Potomac Forum Government and Transparent Web Strategy
Michael Edson Potomac Forum Government and Transparent Web StrategyMichael Edson Potomac Forum Government and Transparent Web Strategy
Michael Edson Potomac Forum Government and Transparent Web Strategy
 
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
 
Designing digital transformation v.2.7
Designing digital transformation v.2.7Designing digital transformation v.2.7
Designing digital transformation v.2.7
 
Cloud Native Patterns (Jamie Dobson, Container Solutions)
Cloud Native Patterns (Jamie Dobson, Container Solutions)Cloud Native Patterns (Jamie Dobson, Container Solutions)
Cloud Native Patterns (Jamie Dobson, Container Solutions)
 
Designing Digital Experiences in 2020
Designing Digital Experiences in 2020Designing Digital Experiences in 2020
Designing Digital Experiences in 2020
 
Educating on Design Symposium
Educating on Design SymposiumEducating on Design Symposium
Educating on Design Symposium
 
Web Project Management
Web Project ManagementWeb Project Management
Web Project Management
 
Creating successful intranets
Creating successful intranetsCreating successful intranets
Creating successful intranets
 
Business X Design - People, Planet & Product
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
 
Webdesign
WebdesignWebdesign
Webdesign
 
Responsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
Responsive Design & SharePoint 2013: A Case Study of a Responsive IntranetResponsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
Responsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 

More from Sally Lait

The Web Is Our Responsibility
The Web Is Our ResponsibilityThe Web Is Our Responsibility
The Web Is Our Responsibility
Sally Lait
 

More from Sally Lait (15)

Changing the world with the web
Changing the world with the webChanging the world with the web
Changing the world with the web
 
Making the leap from execution to strategy
Making the leap from execution to strategyMaking the leap from execution to strategy
Making the leap from execution to strategy
 
Websites are a symptom, not the cause - DXN May 2017
Websites are a symptom, not the cause - DXN May 2017Websites are a symptom, not the cause - DXN May 2017
Websites are a symptom, not the cause - DXN May 2017
 
Websites are a symptom, not the cause
Websites are a symptom, not the causeWebsites are a symptom, not the cause
Websites are a symptom, not the cause
 
An introduction to open data
An introduction to open dataAn introduction to open data
An introduction to open data
 
An introduction to open data
An introduction to open dataAn introduction to open data
An introduction to open data
 
Open Data: Open Your Mind
Open Data: Open Your MindOpen Data: Open Your Mind
Open Data: Open Your Mind
 
An introduction to open data
An introduction to open dataAn introduction to open data
An introduction to open data
 
Choosing the "right" CMS
Choosing the "right" CMSChoosing the "right" CMS
Choosing the "right" CMS
 
The Web Is Our Responsibility
The Web Is Our ResponsibilityThe Web Is Our Responsibility
The Web Is Our Responsibility
 
With great power comes great (development) responsibility
With great power comes great (development) responsibilityWith great power comes great (development) responsibility
With great power comes great (development) responsibility
 
More Than Media Queries - The Digital Pond
More Than Media Queries - The Digital PondMore Than Media Queries - The Digital Pond
More Than Media Queries - The Digital Pond
 
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
 
Mini hacks, big difference
Mini hacks, big differenceMini hacks, big difference
Mini hacks, big difference
 
HTML5 - Create The Web London
HTML5 - Create The Web LondonHTML5 - Create The Web London
HTML5 - Create The Web London
 

Recently uploaded

一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
aagad
 
Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
ChloeMeadows1
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
lolsDocherty
 
Article writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptxArticle writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptx
abhinandnam9997
 

Recently uploaded (14)

How Do I Begin the Linksys Velop Setup Process?
How Do I Begin the Linksys Velop Setup Process?How Do I Begin the Linksys Velop Setup Process?
How Do I Begin the Linksys Velop Setup Process?
 
Pvtaan Social media marketing proposal.pdf
Pvtaan Social media marketing proposal.pdfPvtaan Social media marketing proposal.pdf
Pvtaan Social media marketing proposal.pdf
 
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
 
Bug Bounty Blueprint : A Beginner's Guide
Bug Bounty Blueprint : A Beginner's GuideBug Bounty Blueprint : A Beginner's Guide
Bug Bounty Blueprint : A Beginner's Guide
 
The Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case StudyThe Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case Study
 
Premier Mobile App Development Agency in USA.pdf
Premier Mobile App Development Agency in USA.pdfPremier Mobile App Development Agency in USA.pdf
Premier Mobile App Development Agency in USA.pdf
 
Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
 
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesMulti-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
 
ER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAEER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAE
 
Cyber Security Services Unveiled: Strategies to Secure Your Digital Presence
Cyber Security Services Unveiled: Strategies to Secure Your Digital PresenceCyber Security Services Unveiled: Strategies to Secure Your Digital Presence
Cyber Security Services Unveiled: Strategies to Secure Your Digital Presence
 
Statistical Analysis of DNS Latencies.pdf
Statistical Analysis of DNS Latencies.pdfStatistical Analysis of DNS Latencies.pdf
Statistical Analysis of DNS Latencies.pdf
 
Article writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptxArticle writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptx
 
Case study on merger of Vodafone and Idea (VI).pptx
Case study on merger of Vodafone and Idea (VI).pptxCase study on merger of Vodafone and Idea (VI).pptx
Case study on merger of Vodafone and Idea (VI).pptx
 

Working with the web and the future