Bigger, More Complex, More Violent

Peter Gasston @stopsatgreen #12DevsOfSummer 18th July 2013

Bigger, More Complex, More Violent #12DevsOfSummer 18th July 2013

Most of you will say you don’t work in UX.

UX isn't a role, it's a shared responsibility.

Experience is more based upon memory than reality. If your
memory of the product is wonderful, you will excuse all sorts of incidental things.” “ Don Norman http://vimeo.com/2963837

Everything is user experience

Oakley’s monster page of baubles.” “ Phil Hawksworth http://hawksworx.com/blog/oakleys-monster-page-of-baubles/

471 HTTP requests 85.4MB page weight 2'45" DOMContentLoaded 4'10" Load

http://blog.kissmetrics.com/loading-time/ 47 percent expect a web page to load in
two seconds or less. 40 percent abandon a website that takes longer than three seconds to load.

http://blog.kissmetrics.com/loading-time/ 79 percent of shoppers dissatisfied with performance are less
likely to visit again. 52 percent say that page load performance is important to their site loyalty.

Google research found that an increase in page load time
from 0.4 seconds to 0.9 seconds saw traffic and ad revenue drop by 20%. Amazon calculated that slowing the page load by one second would cost them $1.6 billion over a year. http://www.websiteoptimization.com/speed/tweak/psychology-web-performance/

Performance is user experience

$(document).ready(function(){ // your code here }); document.addEventListener( 'DOMContentLoaded', function() {
// your code here }); vs.

<body></body> <body> … </body> vs.

“Over a mobile connection, it may take 2 seconds to
download the initial page of HTML, but it can be immediately rendered. Even as the rest of the JavaScript application is being downloaded, the user can interact with the page. It feels 5x faster.” http://nerds.airbnb.com/weve-launched-our-first-nodejs-app-to-product

https://twitter.com/hcatlin/status/356926842160164864

https://twitter.com/mattpointblank/status/356899458384019456

Performance is of course a hugely important measure in this
age of the mobile web, but performance for performance’s sake trivialises what we do.” “ Matt Andrews http://www.threechords.org/blog/the-web-less-engine-more-gas/

Accessibility is user experience

<a href="#" class="button">Submit</a> vs. <button type="submit">Submit</button>

When an elevator fails, it's useless. When an escalator fails,
it becomes stairs. We should be building escalators, not elevators.” Jake Archibald http://jakearchibald.com/2013/progressive-enhancement-still-important/ “

Behaviour is user experience

:hover div { left: 100px; top: 100px; } vs. :hover
div { transform: translate(100px, 100px); }

First impressions are user experience

var ua = navigator.userAgent.toLowerCase(), isAndroid = ua.indexOf('android') > -1; if
(isAndroid) { window.location = 'http://mobile.example.com'; }

https://twitter.com/aral/status/204145820008853504

Copywriting is user experience

Everything is user experience

UX isn't a role, it's a shared responsibility.

Bigger, More Complex, More Violent

Any intelligent fool can make things bigger, more complex, and
more violent. It takes a touch of genius—and a lot of courage—to move in the opposite direction.” E.F. Schumacher “

You have been watching @stopsatgreen.

Bigger, More Complex, More Violent

Bigger, More Complex, More Violent

Peter Gasston

More Decks by Peter Gasston

Other Decks in Programming

Featured

Transcript

Peter Gasston @stopsatgreen #12DevsOfSummer 18th July 2013