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 13 th to 16 th 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:

WHAT’S WRONG WITH MOBILE UI PERFORMANCE? Page Weight Network Battery Processin g Speed memory

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 PERFORMANCE BUDGET VANILLA WEB DIET MOBILE WEB PERFORMANCE PROFESSIONAL WORKFLOW

WEB PERFORMANCE TOOLS  Inbuilt browser profiling tools Like Chrome Developer Tools   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