SlideShare uma empresa Scribd logo
1 de 49
Baixar para ler offline
The web is 
OUR responsibility 
SALLY JENKINSON · @sjenkinson · The Web Is · 30th/31st October 2014
Hello! 
SALLY JENKINSON 
Freelance technical consultant 
! 
@sjenkinson 
sally@recordssoundthesame.com 
recordssoundthesame.com
https://www.flickr.com/photos/ramsd/10905624385
the web is 
experiences
?
https://www.flickr.com/photos/58378435@N02/6833346648
“We don’t have a UX Team. If the problem 
with your service is that the servers are slow 
and the UX Team can’t change that, then 
they aren’t in control of the user experience 
and they shouldn’t be called the user 
experience team.” 
https://gds.blog.gov.uk/2014/07/18/whats-the-design-process-at-gds/
https://www.flickr.com/photos/joeshlabotnik/305410323
the web is 
Evolving
fluid grid 
+ 
flexible images 
+ 
media queries
Size isn’t everything 
(RWD > media queries > widths)
“used to query whether scripting languages, such as JavaScript, are supported on the 
dev.w3.org/csswg/mediaqueries4/ 
Scripting 
current document” 
pointer 
hover 
light-level 
“used to query about the presence and accuracy of a pointing device such as a mouse” 
“used to query the user’s ability to hover over elements on the page”
+ + API
DeviceLightEvent = ? lux 
LightLevelEvent = dim | normal | bright 
Media query translation: washed 
(Approximate levels of dim: < 50 lux, normal: 50 - 10000 lux, bright: > 10000 lux) 
www.w3.org/TR/ambient-light/
Device Light 
window.addEventListener('devicelight', function(e) {! 
var lux;! 
lux = e.value;! 
! 
if (lux < 50) {! 
//Change things for dim light! 
}! 
if (lux >= 50 && lux <= 10000) {! 
//Change things for normal light! 
}! 
if (lux > 10000) {! 
//Change things for bright light! 
}! 
});
light-level media query 
@media (light-level: dim) {! 
/*Change things for dim light*/! 
}! 
@media (light-level: normal) {! 
/*Change things for normal light*/! 
}! 
@media (light-level: washed) {! 
/*Change things for bright light*/! 
}
sallyjenkinson.co.uk/blog/2014/05/18/light-level-demo/
Invisible 
requirements
offlinefirst.org
https://www.flickr.com/photos/127834186@N05/15268499666/
http://www.gehealthcare.com/promo/advseries/
More than 
media queries
BUT 
Wait!*
attitudes are 
our responsibility 
http://huffduffer.com/adactio/167838
<picture>
https://www.flickr.com/photos/dullhunk/202872717
https://www.flickr.com/photos/gsfc/14990033062/in/photostream/
https://www.flickr.com/photos/drdul/210641686
<the-web-is>
The only way 
is ethics
“A Dark Pattern is a type of user interface 
that appears to have been carefully crafted 
to trick users into doing things, such as 
buying insurance with their purchase or 
signing up for recurring bills.” 
- darkpatterns.org
“ It’s not who I am underneath, but 
what I do that defines me. ” 
- Batman
Change is hard 
(but it’s also good)
https://www.flickr.com/photos/superwebdeveloper/8251022476/
Be excellent 
To each other
the web is 
our responsibility
Thank you 
Sally Jenkinson 
recordssoundthesame.com 
sally@recordssoundthesame.com · @sjenkinson

Mais conteúdo relacionado

Semelhante a The Web Is Our Responsibility

Webbt user_centred_demos
Webbt user_centred_demosWebbt user_centred_demos
Webbt user_centred_demos
CUO-KUleuven
 
A Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And EvidenceA Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And Evidence
Ian Cooper
 
System performance en-2
System performance en-2System performance en-2
System performance en-2
Michael Klein
 

Semelhante a The Web Is Our Responsibility (20)

ITI Presentation
ITI PresentationITI Presentation
ITI Presentation
 
Building Drupal Apps for Distributions
Building Drupal Apps for DistributionsBuilding Drupal Apps for Distributions
Building Drupal Apps for Distributions
 
The Psychology of User Testing
The Psychology of User TestingThe Psychology of User Testing
The Psychology of User Testing
 
Traction User Group 2010 - Brian Tullis Presentation
Traction User Group 2010 - Brian Tullis PresentationTraction User Group 2010 - Brian Tullis Presentation
Traction User Group 2010 - Brian Tullis Presentation
 
Join the Secret Revolution
Join the Secret RevolutionJoin the Secret Revolution
Join the Secret Revolution
 
Creating a Balanced UX Workflow
Creating a Balanced UX WorkflowCreating a Balanced UX Workflow
Creating a Balanced UX Workflow
 
Patterns of Observable Work, Brian Tullis
Patterns of Observable Work, Brian TullisPatterns of Observable Work, Brian Tullis
Patterns of Observable Work, Brian Tullis
 
The Age of Responsive Design
The Age of Responsive DesignThe Age of Responsive Design
The Age of Responsive Design
 
Emerging Technologies in the Library
Emerging Technologies in the LibraryEmerging Technologies in the Library
Emerging Technologies in the Library
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web Experience
 
Webbt user_centred_demos
Webbt user_centred_demosWebbt user_centred_demos
Webbt user_centred_demos
 
Big Data, Big Local
Big Data, Big LocalBig Data, Big Local
Big Data, Big Local
 
Lisa14 - Transforming to a Culture of Continuous Improvement
Lisa14 - Transforming to a Culture of Continuous ImprovementLisa14 - Transforming to a Culture of Continuous Improvement
Lisa14 - Transforming to a Culture of Continuous Improvement
 
A Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And EvidenceA Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And Evidence
 
System performance en-2
System performance en-2System performance en-2
System performance en-2
 
Technologies to Maintain Your Online Teaching Presence
Technologies to Maintain Your Online Teaching PresenceTechnologies to Maintain Your Online Teaching Presence
Technologies to Maintain Your Online Teaching Presence
 
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
 
RubyConf 2012: Custom Reverse Proxies
RubyConf 2012: Custom Reverse ProxiesRubyConf 2012: Custom Reverse Proxies
RubyConf 2012: Custom Reverse Proxies
 
From Chaos to Control, from Control to Freedom - 5 Lessons Learned on our Agi...
From Chaos to Control, from Control to Freedom - 5 Lessons Learned on our Agi...From Chaos to Control, from Control to Freedom - 5 Lessons Learned on our Agi...
From Chaos to Control, from Control to Freedom - 5 Lessons Learned on our Agi...
 
From Anywhere Library to Everywhere Library: Creating a User Experience Strat...
From Anywhere Library to Everywhere Library: Creating a User Experience Strat...From Anywhere Library to Everywhere Library: Creating a User Experience Strat...
From Anywhere Library to Everywhere Library: Creating a User Experience Strat...
 

Mais de Sally Lait

Mais de Sally Lait (17)

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
 
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
 
Working with the web and the future
Working with the web and the futureWorking with the web and the future
Working with the web and the future
 
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
 
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
 
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
 
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 (and other things)
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
Choosing the "right" CMSChoosing the "right" CMS
Choosing the "right" CMS
 
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
 
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
 

Último

Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
sexy call girls service in goa
 
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
soniya singh
 
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Sheetaleventcompany
 
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
soniya singh
 

Último (20)

Moving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providersMoving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providers
 
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
 
@9999965857 🫦 Sexy Desi Call Girls Laxmi Nagar 💓 High Profile Escorts Delhi 🫶
@9999965857 🫦 Sexy Desi Call Girls Laxmi Nagar 💓 High Profile Escorts Delhi 🫶@9999965857 🫦 Sexy Desi Call Girls Laxmi Nagar 💓 High Profile Escorts Delhi 🫶
@9999965857 🫦 Sexy Desi Call Girls Laxmi Nagar 💓 High Profile Escorts Delhi 🫶
 
Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.
 
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...
 
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
 
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024
 
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
 
Networking in the Penumbra presented by Geoff Huston at NZNOG
Networking in the Penumbra presented by Geoff Huston at NZNOGNetworking in the Penumbra presented by Geoff Huston at NZNOG
Networking in the Penumbra presented by Geoff Huston at NZNOG
 
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
 
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
 
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...
 
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
 
Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort ServiceEnjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service
 
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
 
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
INDIVIDUAL ASSIGNMENT #3 CBG, PRESENTATION.
 
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...
 
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
 
How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)
 
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
 

The Web Is Our Responsibility