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

Mobile, Peformance & Users

Emily Lewis
September 28, 2018

Mobile, Peformance & Users

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

Emily Lewis

September 28, 2018
Tweet

More Decks by Emily Lewis

Other Decks in Technology

Transcript

  1. Some rights reserved
    Mobile, Performance & Users
    Lunch & Learn @ Deep Dive Coding
    September 28, 2018
    #BULunchNLearn #BUDeepDive

    View full-size slide

  2. HTML
    Craft
    CSS
    Statamic
    JavaScript
    ExpressionEngine
    Progressive Web Apps
    Accessibilty
    Transitions
    ARIA
    Service Workers
    Structured Data
    SVG

    View full-size slide

  3. Coming Soon!

    Web Animations

    11/15/18

    View full-size slide

  4. brightumbrella.com/deep-dive-coding

    View full-size slide

  5. “supplemental sessions”

    View full-size slide

  6. Digital
    Media
    +
    Java

    Android

    View full-size slide

  7. mobile + performance

    View full-size slide

  8. Digital
    Media
    ?
    Java

    Android

    View full-size slide

  9. you are not the user

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. 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

    View full-size slide

  13. you are not the user

    View full-size slide

  14. Analytics
    • Google Analytics

    analytics.google.com/analytics/web/
    • Google Play Console

    developer.android.com/distribute/console/
    • Heap Analytics

    heapanalytics.com/

    View full-size slide

  15. ctrlclickcast.com/episodes/data-driven-design
    “test until you have a high level of
    confidence that your design solution
    is the right one”

    View full-size slide

  16. Good UX
    • Fast performance
    • Streamlined workflow
    • Low cognitive load

    View full-size slide

  17. digital media
    +
    performance

    View full-size slide

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

    View full-size slide

  19. 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/

    View full-size slide

  20. 1 in 4 visitors will abandon a website
    if it takes more than 4 seconds to load
    kinsta.com/learn/page-speed/

    View full-size slide

  21. 46% of users don’t revisit poorly
    performing websites
    kinsta.com/learn/page-speed/

    View full-size slide

  22. Websites have 5 seconds to engage
    visitors before they consider leaving
    kinsta.com/learn/page-speed/

    View full-size slide

  23. 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/

    View full-size slide

  24. #1
    kinsta.com/learn/page-speed/

    View full-size slide

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

    View full-size slide

  26. optimization

    View full-size slide

  27. Compresion
    • Blaze Media Pro

    www.blazemp.com
    • Handbrake

    handbrake.fr
    • ImageOptim

    https://imageoptim.com

    View full-size slide

  28. Android mobile
    +
    performance

    View full-size slide

  29. Android perf metrics
    • battery life
    • rendering / jank
    • stability
    • startup time
    • permission denials

    View full-size slide

  30. www.marketingsherpa.com/article/chart/why-customers-delete-apps

    View full-size slide

  31. optimize
    test
    optimize
    test

    View full-size slide

  32. • Better conversions
    • Happier customers
    • Better brand reputation
    • Easier to maintain
    • Futureproof
    • Build your reputation
    Supporting User Goals Supports:
    Business Goals Your Goals

    View full-size slide

  33. 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/

    View full-size slide

  34. 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

    View full-size slide

  35. 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

    View full-size slide

  36. Thank you!
    • @emilylewis
    • @abrightumbrella
    • @ctrlclickcast
    [email protected]
    abrightumbrella.com
    ctrlclickcast.com
    #BULunchNLearn #BUDeepDive

    View full-size slide