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

Great North DevFest: Chrome Dev Tools tricks to improve your site's experience

Great North DevFest: Chrome Dev Tools tricks to improve your site's experience

I conduct dozens of "UX Reviews" each year. But here's a secret. 75% of the action steps come from DevTools features that anyone can use.

I'll show you how to understand a site's performance, marketability, device adaptability, accessibility, and more using tools that came installed with Chrome. You just need to learn to unlock their potential.

Bryce Howitson

October 17, 2020
Tweet

More Decks by Bryce Howitson

Other Decks in Technology

Transcript

  1. None
  2. #DevFest2020 Let’s get rid of the UX team.

  3. #DevFest2020 It’s not the UX team’s job to create the

    perfect experience.
  4. #DevFest2020 UX Fights for the User

  5. #DevFest2020

  6. #DevFest2020 All you need is EMPATHY

  7. #DevFest2020 RUH ROH

  8. #DevFest2020 UX is Everybody’s Job

  9. #DevFest2020 Even Especially developers

  10. #DevFest2020

  11. #DevFest2020

  12. DIY Tech UX Review Chrome DevTools Edition

  13. #DevFest2020 My invisible friend(s)

  14. #DevFest2020 Just FIVE Devices 93% iOS 76% Android 44% Device

    Sizes * Source Browserstack 2019
  15. #DevFest2020 93% iOS 76% Android 44% Device Sizes • Apple

    iPhone 8 • Apple iPhone XR • Google Pixel 3 • Samsung Galaxy S9 Plus • Samsung Galaxy S8
  16. #DevFest2020 93% iOS 76% Android 44% Device Sizes • Apple

    iPhone 8 • Apple iPhone XR • Google Pixel 3 • Samsung Galaxy S9 Plus • Samsung Galaxy S8 • Apple iPad 78% Device Sizes • Apple iPad Mini • Apple iPad/Air • Apple iPad Pro
  17. None
  18. Google’s Squoosh App - Desktop Chrome Google’s Squoosh App -

    iPhone 8
  19. None
  20. None
  21. #DevFest2020 Performance Matters I don’t care what they told you...

  22. None
  23. None
  24. None
  25. #DevFest2020 Janky Websites == Painful Experience

  26. None
  27. None
  28. None
  29. None
  30. None
  31. #DevFest2020 Your Grandma, Neighbor & Best Friend wish websites were

    more accessible!
  32. #DevFest2020 I See you

  33. #DevFest2020 3 Million Britons 99% red/green (Deuteranopia)

  34. #DevFest2020 1.7 Million Canadians 99% red/green (Deuteranopia)

  35. None
  36. None
  37. None
  38. None
  39. #DevFest2020 Sensory & Dexterity

  40. None
  41. None
  42. #DevFest2020 Bonus

  43. #DevFest2020 You don’t know the power of the dark side

  44. None
  45. #DevFest2020 Rainbows are evil.

  46. None
  47. #DevFest2020 UX is everyone’s job Emulate your users Speed keeps

    people (& Google) happy Just say NO to Janky Websites Humans are imperfect Dark is good, rainbows are bad.
  48. #DevFest2020 Question Everything. Just not your users...