Mobile, Peformance & Users

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

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
    emily@abrightumbrella.com
    abrightumbrella.com
    ctrlclickcast.com
    #BULunchNLearn #BUDeepDive
    

    View Slide