Slide 1

Slide 1 text

Peter Gasston @stopsatgreen #12DevsOfSummer 18th July 2013

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Everything is user experience

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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.

Slide 12

Slide 12 text

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.

Slide 13

Slide 13 text

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/

Slide 14

Slide 14 text

Performance is user experience

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

… vs.

Slide 17

Slide 17 text

“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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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/

Slide 21

Slide 21 text

Accessibility is user experience

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Submit vs. Submit

Slide 26

Slide 26 text

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/ “

Slide 27

Slide 27 text

Behaviour is user experience

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

First impressions are user experience

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

Copywriting is user experience

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

Everything is user experience

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

Bigger, More Complex, More Violent

Slide 45

Slide 45 text

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 “

Slide 46

Slide 46 text

You have been watching @stopsatgreen.