Some rights reserved
Mobile, Performance & Users
Lunch & Learn @ Deep Dive Coding
September 28, 2018
#BULunchNLearn #BUDeepDive
Slide 2
Slide 2 text
HTML
Craft
CSS
Statamic
JavaScript
ExpressionEngine
Progressive Web Apps
Accessibilty
Transitions
ARIA
Service Workers
Structured Data
SVG
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
Coming Soon!
Web Animations
11/15/18
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
brightumbrella.com/deep-dive-coding
Slide 9
Slide 9 text
“supplemental sessions”
Slide 10
Slide 10 text
Digital
Media
+
Java
Android
Slide 11
Slide 11 text
mobile + performance
Slide 12
Slide 12 text
Digital
Media
?
Java
Android
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
you are not the user
Slide 15
Slide 15 text
www.nngroup.com/articles/computer-skill-levels/
95% of the U.S. population does
not have your computers skills
Slide 16
Slide 16 text
theconversation.com/reaching-rural-america-with-broadband-internet-service-82488
39% of rural Americans lack home
broadband access
Slide 17
Slide 17 text
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
Slide 18
Slide 18 text
you are not the user
Slide 19
Slide 19 text
?
who
Slide 20
Slide 20 text
Analytics
• Google Analytics
analytics.google.com/analytics/web/
• Google Play Console
developer.android.com/distribute/console/
• Heap Analytics
heapanalytics.com/
Slide 21
Slide 21 text
ctrlclickcast.com/episodes/data-driven-design
“test until you have a high level of
confidence that your design solution
is the right one”
Slide 22
Slide 22 text
?
why
Slide 23
Slide 23 text
?
what
Slide 24
Slide 24 text
Good UX
• Fast performance
• Streamlined workflow
• Low cognitive load
Slide 25
Slide 25 text
digital media
+
performance
Slide 26
Slide 26 text
kinsta.com/learn/page-speed/
Slide 27
Slide 27 text
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/
Slide 28
Slide 28 text
1 in 4 visitors will abandon a website
if it takes more than 4 seconds to load
kinsta.com/learn/page-speed/
Slide 29
Slide 29 text
46% of users don’t revisit poorly
performing websites
kinsta.com/learn/page-speed/
Slide 30
Slide 30 text
Websites have 5 seconds to engage
visitors before they consider leaving
kinsta.com/learn/page-speed/
Slide 31
Slide 31 text
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/
Slide 32
Slide 32 text
#1
kinsta.com/learn/page-speed/
Slide 33
Slide 33 text
?
how
Slide 34
Slide 34 text
ctrlclickcast.com/episodes/data-driven-design
“When in doubt, the smallest file size
always wins.”
Slide 35
Slide 35 text
optimization
Slide 36
Slide 36 text
Compresion
• Blaze Media Pro
www.blazemp.com
• Handbrake
handbrake.fr
• ImageOptim
https://imageoptim.com
Slide 37
Slide 37 text
Android mobile
+
performance
Slide 38
Slide 38 text
Android perf metrics
• battery life
• rendering / jank
• stability
• startup time
• permission denials
• Better conversions
• Happier customers
• Better brand reputation
• Easier to maintain
• Futureproof
• Build your reputation
Supporting User Goals Supports:
Business Goals Your Goals
Slide 44
Slide 44 text
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/
Slide 45
Slide 45 text
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
Slide 46
Slide 46 text
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