Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web performance at the ONS

Web performance at the ONS

Talk at CX for Bristol Web Performance group

E6968532ebe51ca317a4074869ebd2a8?s=128

Matt Jukes

May 11, 2016
Tweet

Transcript

  1. ONS.GOV.UK WHY PERFORMANCE MATTERS AT MATT JUKES 
 HEAD OF

    PRODUCT @JUKESIE
  2. @jukesie 1. BACKGROUND 2. WHY WE CARED 3. WHAT WE

    DID 4. QUESTIONS
  3. @jukesie 1. BACKGROUND 2. WHY WE CARED 3. WHAT WE

    DID 4. QUESTIONS
  4. @jukesie THE UK'S LARGEST INDEPENDENT PRODUCER OF OFFICIAL STATISTICS.

  5. @jukesie APPROXIMATELY 500,000 VISITORS TO THE WEBSITE PER MONTH.

  6. @jukesie 20% OF TRAFFIC COMES FROM MOBILE DEVICES.

  7. @jukesie 65% OF TRAFFIC (AND RISING) COMES VIA GOOGLE.

  8. @jukesie LIST OF MOST POPULAR BABY NAMES IS OUR MOST

    VIEWED RELEASE.
  9. @jukesie TERMS RELATED TO INFLATION MAKE UP EIGHT OF OUR

    TOP TEN SEARCH TERMS.
  10. @jukesie “..it [the ONS website] is a national embarrassment.” @timharford

  11. None
  12. @jukesie 1. BACKGROUND 2. WHY WE CARED 3. WHAT WE

    DID 4. QUESTIONS
  13. @jukesie TL;DL

  14. @jukesie BECAUSE I SAID SO :)

  15. @jukesie ALWAYS PUT OUR USERS FIRST We always start with

    our users. We ask, observe, analyse and act based on their needs. We don’t make assumptions. We don’t listen to the loudest voices. We are not swayed by internal politics. We have empathy for our users. We are their voice internally.
  16. @jukesie WE BELIEVED PERFORMANCE WOULD IMPROVE THE USER EXPERIENCE.

  17. @jukesie AUTOMATED TOOLS DON’T TELL THE WHOLE STORY. WE NEEDED

    TO SPEAK TO (AND OBSERVE) OUR USERS.
  18. @jukesie BROWSERS WERE OFTEN ‘HARDENED’ OR IN ‘COMPATIBILITY’ MODE SO

    DID NOT PERFORM AS EXPECTED.
  19. @jukesie LOCAL NETWORKS WERE MUCH SLOWER THAN WE EXPECTED AT

    MANY LOCATIONS.
  20. @jukesie THE ONS WEBSITE WAS ONE STOP IN A LONGER

    WORKFLOW FOR MANY USERS..
  21. @jukesie ..IF IT WAS SLOW IT SLOWED DOWN THEIR ENTIRE

    DAY.
  22. @jukesie PERFORMANCE WAS NOT SOMETHING THEY COMPAINED ABOUT BUT IMPROVING

    IT IMPROVED THEIR EXPERIENCE.
  23. @jukesie 1. BACKGROUND 2. WHY WE CARED 3. WHAT WE

    DID 4. QUESTIONS
  24. @jukesie NO DECORATIONS.

  25. @jukesie NO DECORATIONS. CHARTS,
 DATA VISUALISATIONS.

  26. @jukesie NO DECORATIONS. CHARTS, TABLES, 
 DATA VISUALISATIONS. STOCK PHOTOS.

  27. @jukesie MINIMISED RELIANCE ON THIRD PARTY TOOLS (JUST GOOGLE ANALYTICS)

  28. @jukesie FOCUSED ON THE 
 ‘PERCEIVED PERFORMANCE’ AS WELL AS

    REALITY.
  29. @jukesie DESIGNERS/ TYPOGRAPHERS TURN AWAY NOW…

  30. @jukesie THE SITE LOADS NO WEB FONTS - IT USES

    THE BROWSERS DEFAULT SANS-SERIF
  31. @jukesie THIS WAS A MISTAKE BUT THE PERFORMANCE IMPROVED AND

    (WHISPER IT) NOBODY NOTICED*.
  32. @jukesie TECHNICAL ‘STUFF’.

  33. @jukesie 1. BACKGROUND 2. WHY WE CARED 3. WHAT WE

    DID 4. QUESTIONS
  34. @jukesie THANKS.