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
2. HTML Craft CSS Statamic JavaScript ExpressionEngine Progressive Web Apps Accessibilty Transitions ARIA Service Workers Structured Data SVG
5. Coming Soon!
 Web Animations
 11/15/18
8. brightumbrella.com/deep-dive-coding
9. “supplemental sessions”
10. Digital Media + Java
 Android
11. mobile + performance
12. Digital Media ? Java
 Android
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