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 Slide

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

    View Slide

  3. View Slide

  4. View Slide

  5. Coming Soon!

    Web Animations

    11/15/18

    View Slide

  6. View Slide

  7. View Slide

  8. brightumbrella.com/deep-dive-coding

    View Slide

  9. “supplemental sessions”

    View Slide

  10. Digital
    Media
    +
    Java

    Android

    View Slide

  11. mobile + performance

    View Slide

  12. Digital
    Media
    ?
    Java

    Android

    View Slide

  13. View Slide

  14. you are not the user

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  18. you are not the user

    View Slide

  19. ?
    who

    View Slide

  20. Analytics
    • Google Analytics

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

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

    heapanalytics.com/

    View Slide

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

    View Slide

  22. ?
    why

    View Slide

  23. ?
    what

    View Slide

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

    View Slide

  25. digital media
    +
    performance

    View Slide

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

    View Slide

  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/

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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/

    View Slide

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

    View Slide

  33. ?
    how

    View Slide

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

    View Slide

  35. optimization

    View Slide

  36. Compresion
    • Blaze Media Pro

    www.blazemp.com
    • Handbrake

    handbrake.fr
    • ImageOptim

    https://imageoptim.com

    View Slide

  37. Android mobile
    +
    performance

    View Slide

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

    View Slide

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

    View Slide

  40. ?
    how

    View Slide

  41. optimize
    test
    optimize
    test

    View Slide

  42. !
    perks

    View Slide

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

    View Slide

  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/

    View Slide

  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

    View Slide

  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

    View Slide

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

    View Slide