Upload
sharyl-bailey
View
214
Download
1
Embed Size (px)
Citation preview
OPTIMISING USER INTERFACES FOR MOBILE
COMPUTER ASSISTED INTERVIEWING DEVICES
TABLE OF CONTENTS
WHAT IS MOBILE WEB UI PERFORMANCE WHY MOBILE WEB PERFORMANCE WHAT’S WRONG WITH MOBILE UI PERFORMANCE? Overall OBJECTIVE OF MOBILE UI PERFORMANCE THE CRITICAL RENDERING PATH FOR MOBILE WEB UI THE MOBILE UI PERFORMANCE PROFESSIONAL WORKFLOW WEB PERFORMANCE TOOLS MOBILE UI PROFILING FOR CAPI CONCLUSION
WHAT IS MOBILE WEB UI PERFORMANCE
Optimizing what happens in the intermediate steps between receiving the HTML, CSS, and JavaScript bytes and the required processing to turn them into rendered pixels
WHY MOBILE WEB PERFORMANCE
73% of mobile internet users say that they’ve encountered a
website that was too slow to load.
47% of consumers expect a web page to load in 2 seconds or less.
40% of people abandon a website that takes
more than 3 seconds to load.
Source: https://blog.kissmetrics.com/loading-time/
WHAT’S WRONG WITH MOBILE UI PERFORMANCE?
OVERALL OBJECTIVE OF MOBILE UI PERFORMANCE
USER EXPERIENCE, BENEFITS
Faster , lighter and Responsive Mobile UI’s (Faster Download Speed)
Increases Productivity of data collectors (Engagement and Context))
Minimization of UI System failure
THE CRITICAL RENDERING PATH FOR MOBILE WEB UI
THE MOBILE UI PERFORMANCE PROFESSIONAL WORKFLOW
WEB PERFORMANCE TOOLS
Inbuilt browser profiling tools Like Chrome Developer Tools
http://www.webpagetest.org/ Google PageSpeed Yslow (Firefox Mozilla addon)
MOBILE UI PROFILING FOR CAPI
Use Profiling Tools to:
1. Gather Data
2. Gain insight
3. Take Action
CONCLUSION
“ Culture of Performance ”
Prioritisation of the User’s browsing experience
THANK YOU