Understand When You Can, Fake It When You Can’t

Understand When You Can, Fake It When You Can’t

How the decisions you make on the web affect other people. Given at Talk Web Design 2014, in London.


Peter Gasston

May 07, 2014


  1. 7.
  2. 8.
  3. 9.
  4. 10.
  5. 11.
  6. 12.
  7. 13.
  8. 15.
  9. 16.
  10. 17.
  11. 18.
  12. 21.
  13. 26.

    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. @stopsatgreen http://www.websiteoptimization.com/speed/tweak/psychology-web-performance/
  14. 27.

    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/
  15. 28.

    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. http://blog.kissmetrics.com/loading-time/
  16. 30.

    “Over a mobile connection, it may take 2 seconds to

    download the initial page of HTML, but it can be immediately rendered. @stopsatgreen
  17. 31.

    “Even as the rest of the JavaScript application is being

    downloaded, the user can interact with the page. It feels 5x faster.” @stopsatgreen - AirBnB http://nerds.airbnb.com/weve-launched-our-first-nodejs-app-to-product
  18. 32.

    “By rendering our page content on the server and deferring

    all JavaScript execution… we’ve dropped the time to first Tweet to one-fifth of what it was.” @stopsatgreen - Twitter https://blog.twitter.com/2012/improving-performance-on-twittercom
  19. 34.
  20. 37.

    “When an elevator fails, it's useless. When an escalator fails,

    it becomes stairs. We should be building escalators, not elevators.” @stopsatgreen - Jake Archibald http://jakearchibald.com/2013/progressive-enhancement-still-important/
  21. 40.
  22. 42.
  23. 43.

    :hover div { left: 100px; top: 100px; } @stopsatgreen VS.

    :hover div { transform: translate(100px, 100px); }
  24. 45.

    @stopsatgreen var ua = navigator.userAgent.toLowerCase(), isAndroid = ua.indexOf('android') > -1;

    if (isAndroid) { window.location = 'http://mobile.example.com'; }
  25. 46.
  26. 47.
  27. 49.
  28. 50.

    “Technical skills still matter, but today making digital services that

    meet users’ needs also depends on our ability to collaborate across many types of boundaries.” @stopsatgreen - Jonathan Kahn http://alistapart.com/article/people-skills-for-web-workers
  29. 51.

    “It is impossible to collaborate effectively without a sense of

    empathy. It provides a sense of fellowship and enables better teamwork.” @stopsatgreen - Stephen Caver http://cognition.happycog.com/article/why-developers-need-to-learn-design
  30. 53.

    “Having the integrity and introspective accuracy to distinguish what one

    likes from what is good, useful, meaningful is vital; we do not work for ourselves but for our users.” @stopsatgreen - Mills Baker http://mokriya.quora.com/Designer-Duds-Losing-Our-Seat-at-the-Table
  31. 54.

    “It is so easy to believe that if you design

    something that you like, then it must be good. We just have to have the discipline to step out of that role.” @stopsatgreen - Jakob Nielsen http://drt.fm/jakob-nielsen/#!/transcript
  32. 55.
  33. 56.
  34. 59.

    “You can never really be another person, but you can

    become more skilled at not only just being yourself.” @stopsatgreen - Jakob Nielsen http://drt.fm/jakob-nielsen/#!/transcript
  35. 60.

    “Treat people with understanding when you can, and fake it

    when you can't until you do understand.” @stopsatgreen - Kim Harrison https://www.goodreads.com/quotes/266474