Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
Tweet

More Decks by Peter Gasston

Other Decks in Technology

Transcript

  1. 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/
  2. 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/
  3. 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/
  4. “Over a mobile connection, it may take 2 seconds to

    download the initial page of HTML, but it can be immediately rendered. @stopsatgreen
  5. “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
  6. “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
  7. “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/
  8. :hover div { left: 100px; top: 100px; } @stopsatgreen VS.

    :hover div { transform: translate(100px, 100px); }
  9. @stopsatgreen var ua = navigator.userAgent.toLowerCase(), isAndroid = ua.indexOf('android') > -1;

    if (isAndroid) { window.location = 'http://mobile.example.com'; }
  10. “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
  11. “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
  12. “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
  13. “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
  14. “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
  15. “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