Transcript Optimising User Interfaces for Mobile CAI

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
seconds
abandon a website
that takes more than
to load.
Source: https://blog.kissmetrics.com/loading-time/
3
WHAT’S WRONG WITH MOBILE UI
PERFORMANCE?
memory
Processin
g Speed
Battery
Network
Page
Weight
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
MOBILE WEB
PERFORMANCE
PROFESSIONAL
WORKFLOW
VANILLA WEB DIET
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