14. Usability Matters
• Usability is more important in the mobile world:
– Smaller screen.
– More difficult to interact with and typically used one
handed.
19. Exercise - Using User Agents
● Start Chrome and browse to a site (www.net-a-porter.
com for example).
● Goto dev tools (from View/ Developer/ Developer tools).
● Change user agent.
● Investigate throttling - element load order, etc.
● Investigate using touch via keyboard.
● Look at logs.
● Study UX.
● Rotate the display.
● Change user agents - how does the site display on a
different sized screen?
20 mins study and 10 mins de-brief.
20. Exercise - Using User Agents
What was good about
the dev tools?
What could have been
better?
24. Exercise - Using Emulators
● Copy all files from USB stick.
● Windows:
o Run the -vbox installer -> installs VirtualBox and
Genymotion emulator.
● Mac:
o Install VirtualBox
o Install Genymotion
● When it’s finished, open VirtualBox.
● Import the .ova file (File -> Import Appliance).
● When it’s imported then start Genymotion.
● Select device and press ‘Play’
25. Exercise - Using Emulators
● Open the Applications folder on the USB
drive.
● Install the applications (drag into the
emulator window).
● Explore the apps and emulator options.
Hint - Use the mindmap….
30 mins study and 10 mins de-brief
26. Exercise - Using Emulators
What was good about
the emulator?
What could have been
better?
28. Mobiles Are Complicated
• While your application runs, the phone is:
– Talking to the network
– Working out where you are
– Maybe receiving calls, texts, Facebook and Twitter
updates.
• Performance is important.
• Data usage is important.
37. Exercise - Mobile Challenge
● Use real devices.
● Pick an application and a device.
● You have 15 mins planning, 30 minutes
testing, 15 minutes reporting time.
● Use what you have learnt.
● There are prizes for the best bug or
observation!