with great power comes great (development) responsibility
DESCRIPTION
Developers are often seem as mere implementors, when the reality is that their choices can have a huge impact on the overall success of projects - for good, or for bad. A user-centric design process is common in most projects, but in this talk we’ll cover how viewing usability and responsibility as part of development decisions is equally as important. We’ll travel through time from the beginning of the digital age, observing how a focus on users (or lack of) has helped to make or break the success of ideas. We’ll also consider how other industries apply similar principles, and how we can learn from them, finishing with some tips to apply to our builds.TRANSCRIPT
![Page 1: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/1.jpg)
SALLY JENKINSON · @sjenkinson · From the Front · 18th September 2014
With great power comesgreat (development) responsibility
![Page 3: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/3.jpg)
THE three laws
![Page 4: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/4.jpg)
2. A robot must obey the orders given to it by human beings, except where such orders would conflict with the First Law.
3. A robot must protect its own existence as long as such protection does not conflict with the First or Second Law.
1. A robot may not injure a human being or, through inaction, allow a human being to come to harm.
Three Laws of Robotics
![Page 5: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/5.jpg)
?
![Page 6: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/6.jpg)
1. technology is experiences
![Page 7: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/7.jpg)
![Page 8: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/8.jpg)
![Page 9: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/9.jpg)
![Page 10: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/10.jpg)
technology
experiences
![Page 11: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/11.jpg)
“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/
![Page 12: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/12.jpg)
User experience is affected
by our implementations.
User experience isnot just visual
![Page 13: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/13.jpg)
of online shoppers cite checkout speed as the
number one factor that determines whether
or not they will return to a site.
http://blog.radware.com/applicationdelivery/applicationaccelerationoptimization/2014/01/55-web-performance-stats-youll-want-to-know/
46%
![Page 14: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/14.jpg)
![Page 15: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/15.jpg)
FRONT-end performance
![Page 16: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/16.jpg)
test your experiences
![Page 17: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/17.jpg)
evolve your thinking
![Page 18: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/18.jpg)
Modified from http://commons.wikimedia.org/wiki/File:Human_evolution.svg. Devices from icomoon.io
![Page 19: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/19.jpg)
2. be MORE responsive
![Page 20: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/20.jpg)
fluid grid+
flexible images+
media queries
![Page 21: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/21.jpg)
Size isn’t everything(RWD > media queries > widths)
dev.w3.org/csswg/mediaqueries4/
Ambient Light API
![Page 22: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/22.jpg)
dev.w3.org/csswg/mediaqueries4/
Scripting
pointer
hover
light-level
“used to query whether scripting languages, such as JavaScript, are supported on the
current document”
“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”
![Page 23: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/23.jpg)
+ + API
![Page 24: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/24.jpg)
DeviceLightEvent = ? lux
LightLevelEvent = dim | normal | bright
(Approximate levels of dim: < 50 lux, normal: 50 - 10000 lux, bright: > 10000 lux)
www.w3.org/TR/ambient-light/
Media query translation: washed
![Page 25: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/25.jpg)
sallyjenkinson.co.uk/blog/2014/05/18/light-level-demo/
![Page 26: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/26.jpg)
Invisible requirements
![Page 27: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/27.jpg)
offlinefirst.org
![Page 28: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/28.jpg)
![Page 29: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/29.jpg)
…
![Page 30: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/30.jpg)
Texas State Archives - https://www.flickr.com/photos/texasstatearchives/9079476324/in/set-72157634196756057, D-Tailor - http://d-tailor.deviantart.com/art/Howl-s-Moving-Castle-80916550
Responsive architecture
![Page 31: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/31.jpg)
Kenny Stoltz -https://www.flickr.com/photos/42901313@N00/226740290/
![Page 32: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/32.jpg)
Shelley Bernstein -https://www.flickr.com/photos/31484272@N00/7044075263/
![Page 34: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/34.jpg)
More than media queries
![Page 35: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/35.jpg)
BUT Wait!
![Page 37: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/37.jpg)
…
![Page 38: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/38.jpg)
3. BE responsive RESPONSIBLE
![Page 39: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/39.jpg)
![Page 40: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/40.jpg)
Narcissistic web design
![Page 41: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/41.jpg)
![Page 42: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/42.jpg)
RESPONSIBLE WEB DESIGN
![Page 43: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/43.jpg)
![Page 44: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/44.jpg)
![Page 45: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/45.jpg)
“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
![Page 46: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/46.jpg)
2. A robot must obey the orders given to it by human beings, except where such orders would conflict with the First Law.
3. A robot must protect its own existence as long as such protection does not conflict with the First or Second Law.
1. A robot may not injure a human being or, through inaction, allow a human being to come to harm.
Three Laws of Robotics
![Page 47: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/47.jpg)
Change is hard (but it’s also good)
![Page 48: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/48.jpg)
http://clientsfromhell.net/post/68277799025/i-have-a-champagne-taste-on-a-beer-budget
“I have a champagne taste on a beer budget.”
- Clients From Hell, 2013
![Page 49: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/49.jpg)
- Batman, 2005
“ It’s not who I am underneath, but what I do that defines me. ”
![Page 50: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/50.jpg)
I Can Make - @icanmakehq
![Page 51: With great power comes great (development) responsibility](https://reader033.vdocuments.net/reader033/viewer/2022061115/545af4e1b1af9f39378b5f80/html5/thumbnails/51.jpg)
1. technology IS experiences
2. be more responsive
3. BE responsive RESPONSIBLE
–
–