120 likes | 135 Views
This presentation focuses on optimizing mobile web UI performance to enhance user experiences and increase productivity for data collectors. It addresses the importance of faster loading times and provides insights on tools and workflows for mobile UI profiling. With a focus on the critical rendering path, the overall objective is to create responsive and efficient mobile UIs to minimize system failures.
E N D
OPTIMISING USER INTERFACES FOR MOBILE COMPUTER ASSISTED INTERVIEWING DEVICES Prepared By Otyek Ronald James Uganda Bureau of Statistics Presented at the Regional Conference on the use of mobile technology for statistical processes, UNECA 13th to 16th October 2015
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/
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
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 Data2. Gain insight3. Take Action
CONCLUSION “ Culture of Performance ” Prioritisation of the User’s browsing experience