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