Mobile, Peformance & Users

39c8ef13c693c8d143679be9e3d8cf02?s=47 Emily Lewis
September 28, 2018

Mobile, Peformance & Users

Bright Umbrella's Lunch & Learn series for Deep Dive Coding: https://abrightumbrella.com/deep-dive-coding

39c8ef13c693c8d143679be9e3d8cf02?s=128

Emily Lewis

September 28, 2018
Tweet

Transcript

  1. Some rights reserved Mobile, Performance & Users Lunch & Learn

    @ Deep Dive Coding September 28, 2018 #BULunchNLearn #BUDeepDive
  2. HTML Craft CSS Statamic JavaScript ExpressionEngine Progressive Web Apps Accessibilty

    Transitions ARIA Service Workers Structured Data SVG
  3. None
  4. None
  5. Coming Soon!
 Web Animations
 11/15/18

  6. None
  7. None
  8. brightumbrella.com/deep-dive-coding

  9. “supplemental sessions”

  10. Digital Media + Java
 Android

  11. mobile + performance

  12. Digital Media ? Java
 Android

  13. None
  14. you are not the user

  15. www.nngroup.com/articles/computer-skill-levels/ 95% of the U.S. population does not have your

    computers skills
  16. theconversation.com/reaching-rural-america-with-broadband-internet-service-82488 39% of rural Americans lack home broadband access

  17. www.adatitleiii.com/2018/09/defendants-fighting-website-accessibility-cases-face-an-uphill-battle-in-2018/ More web accessibility lawsuits in the first half of

    2018 than in all of 2017
  18. you are not the user

  19. ? who

  20. Analytics • Google Analytics
 analytics.google.com/analytics/web/ • Google Play Console
 developer.android.com/distribute/console/

    • Heap Analytics
 heapanalytics.com/
  21. ctrlclickcast.com/episodes/data-driven-design “test until you have a high level of confidence

    that your design solution is the right one”
  22. ? why

  23. ? what

  24. Good UX • Fast performance • Streamlined workflow • Low

    cognitive load
  25. digital media + performance

  26. kinsta.com/learn/page-speed/

  27. every 1 second delay in page load decreases customer satisfaction

    by 16%, page views by 11 %and conversion rates by 7% kinsta.com/learn/page-speed/
  28. 1 in 4 visitors will abandon a website if it

    takes more than 4 seconds to load kinsta.com/learn/page-speed/
  29. 46% of users don’t revisit poorly performing websites kinsta.com/learn/page-speed/

  30. Websites have 5 seconds to engage visitors before they consider

    leaving kinsta.com/learn/page-speed/
  31. Every one-second delay in page load time could lead to

    $1.6 billion in annual losses for online merchants as big as Amazon kinsta.com/learn/page-speed/
  32. #1 kinsta.com/learn/page-speed/

  33. ? how

  34. ctrlclickcast.com/episodes/data-driven-design “When in doubt, the smallest file size always wins.”

  35. optimization

  36. Compresion • Blaze Media Pro
 www.blazemp.com • Handbrake
 handbrake.fr •

    ImageOptim
 https://imageoptim.com
  37. Android mobile + performance

  38. Android perf metrics • battery life • rendering / jank

    • stability • startup time • permission denials
  39. www.marketingsherpa.com/article/chart/why-customers-delete-apps

  40. ? how

  41. optimize test optimize test

  42. ! perks

  43. • Better conversions • Happier customers • Better brand reputation

    • Easier to maintain • Futureproof • Build your reputation Supporting User Goals Supports: Business Goals Your Goals
  44. Resources - Digital Media • Video Optimization
 www.keycdn.com/blog/video-optimization/ • Web

    Speed Test Image Analysis Tool
 webspeedtest.cloudinary.com/ • Blaze Media Pro
 www.blazemp.com • ImageOptim
 https://imageoptim.com • A Beginner’s Guide to Website Speed Optimization
 kinsta.com/learn/page-speed/
  45. Resources - Android • A Guide to the Google Play

    Console
 medium.com/googleplaydev/a-guide-to-the-google-play-console-1bdc79ca956f • How to Improve Android Application Performance
 think360studio.com/tips-how-to-improve-the-android-application-performance • Android Developers: Performance Tips
 developer.android.com/training/articles/perf-tips • Android App Performance Optimization
 medium.com/mindorks/android-app-performance-optimization-cdccb422e38e • Why Customers Delete Apps
 www.marketingsherpa.com/article/chart/why-customers-delete-apps
  46. Resources - Episodes • Intro to SVGs
 ctrlclickcast.com/episodes/intro-to-svgs • Mobile

    Design: Native vs. Web
 ctrlclickcast.com/episodes/mobile-design-native-vs-web • Data-Driven Design
 ctrlclickcast.com/episodes/data-driven-design • The State of Web Images
 ctrlclickcast.com/episodes/the-state-of-web-images • Offline Web Experiences
 ctrlclickcast.com/episodes/offline-web-experiences
  47. Thank you! • @emilylewis • @abrightumbrella • @ctrlclickcast emily@abrightumbrella.com abrightumbrella.com

    ctrlclickcast.com #BULunchNLearn #BUDeepDive