SlideShare une entreprise Scribd logo
1  sur  61
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Plus de Sally Lait

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

Plus de 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
 

Dernier

💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
nirzagarg
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
ydyuyu
 

Dernier (20)

Pirangut | Call Girls Pune Phone No 8005736733 Elite Escort Service Available...
Pirangut | Call Girls Pune Phone No 8005736733 Elite Escort Service Available...Pirangut | Call Girls Pune Phone No 8005736733 Elite Escort Service Available...
Pirangut | Call Girls Pune Phone No 8005736733 Elite Escort Service Available...
 
VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting High Prof...
VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting  High Prof...VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting  High Prof...
VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting High Prof...
 
20240510 QFM016 Irresponsible AI Reading List April 2024.pdf
20240510 QFM016 Irresponsible AI Reading List April 2024.pdf20240510 QFM016 Irresponsible AI Reading List April 2024.pdf
20240510 QFM016 Irresponsible AI Reading List April 2024.pdf
 
Busty Desi⚡Call Girls in Vasundhara Ghaziabad >༒8448380779 Escort Service
Busty Desi⚡Call Girls in Vasundhara Ghaziabad >༒8448380779 Escort ServiceBusty Desi⚡Call Girls in Vasundhara Ghaziabad >༒8448380779 Escort Service
Busty Desi⚡Call Girls in Vasundhara Ghaziabad >༒8448380779 Escort Service
 
Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai
Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls DubaiDubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai
Dubai=Desi Dubai Call Girls O525547819 Outdoor Call Girls Dubai
 
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
💚😋 Salem Escort Service Call Girls, 9352852248 ₹5000 To 25K With AC💚😋
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
 
20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf
 
Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...
Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...
Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...
 
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
 
20240509 QFM015 Engineering Leadership Reading List April 2024.pdf
20240509 QFM015 Engineering Leadership Reading List April 2024.pdf20240509 QFM015 Engineering Leadership Reading List April 2024.pdf
20240509 QFM015 Engineering Leadership Reading List April 2024.pdf
 
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
 
Sarola * Female Escorts Service in Pune | 8005736733 Independent Escorts & Da...
Sarola * Female Escorts Service in Pune | 8005736733 Independent Escorts & Da...Sarola * Female Escorts Service in Pune | 8005736733 Independent Escorts & Da...
Sarola * Female Escorts Service in Pune | 8005736733 Independent Escorts & Da...
 
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
 
Wadgaon Sheri $ Call Girls Pune 10k @ I'm VIP Independent Escorts Girls 80057...
Wadgaon Sheri $ Call Girls Pune 10k @ I'm VIP Independent Escorts Girls 80057...Wadgaon Sheri $ Call Girls Pune 10k @ I'm VIP Independent Escorts Girls 80057...
Wadgaon Sheri $ Call Girls Pune 10k @ I'm VIP Independent Escorts Girls 80057...
 
VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...
VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...
VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...
 
Nanded City ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready ...
Nanded City ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready ...Nanded City ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready ...
Nanded City ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready ...
 
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
 
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
 
VIP Model Call Girls NIBM ( Pune ) Call ON 8005736733 Starting From 5K to 25K...
VIP Model Call Girls NIBM ( Pune ) Call ON 8005736733 Starting From 5K to 25K...VIP Model Call Girls NIBM ( Pune ) Call ON 8005736733 Starting From 5K to 25K...
VIP Model Call Girls NIBM ( Pune ) Call ON 8005736733 Starting From 5K to 25K...
 

Working with the web and the future