with great power comes great (development) responsibility
TRANSCRIPT
SALLY JENKINSON · @sjenkinson · From the Front · 18th September 2014
With great power comesgreat (development) responsibility
THE three laws
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
?
1. technology is experiences
technology
experiences
“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/
User experience is affected
by our implementations.
User experience isnot just visual
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%
FRONT-end performance
test your experiences
evolve your thinking
Modified from http://commons.wikimedia.org/wiki/File:Human_evolution.svg. Devices from icomoon.io
2. be MORE responsive
fluid grid+
flexible images+
media queries
Size isn’t everything(RWD > media queries > widths)
dev.w3.org/csswg/mediaqueries4/
Ambient Light API
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”
+ + API
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
sallyjenkinson.co.uk/blog/2014/05/18/light-level-demo/
Invisible requirements
offlinefirst.org
…
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
Kenny Stoltz -https://www.flickr.com/photos/42901313@N00/226740290/
Shelley Bernstein -https://www.flickr.com/photos/31484272@N00/7044075263/
More than media queries
BUT Wait!
…
3. BE responsive RESPONSIBLE
Narcissistic web design
RESPONSIBLE WEB DESIGN
“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
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
Change is hard (but it’s also good)
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
- Batman, 2005
“ It’s not who I am underneath, but what I do that defines me. ”
I Can Make - @icanmakehq
1. technology IS experiences
2. be more responsive
3. BE responsive RESPONSIBLE
–
–
