MOBILE WEB UX

mobile web applications

MOBILE WEB UX - PART 1

1. Pick a card and read your application name2. Search for the chosen app on Google 3. Click on the search result to go to the

application website 4. Complete the survey MobileWebUTPart1

MOBILE WEB UX - PART 1 Please present your app and your results

Is your app suitable for mobile web?!?

Was MobileWebUTPart1 a usability test?

● Where the questions right? ● What could be included in a usability survey? ● What else related to finding the application?

MOBILE WEB UX - PART 2

1. Now try to do the following tasks:● order/ship online● track an order● try to contact the company● any other task you think is relevant

2. Complete the MobileWebUTPart2 survey

MOBILE WEB UX - PART 2

Please present a summary of your results!

Was MobileWebUTPart2 a usability test?!

What would you leave out ? What would you add?

MOBILE WEB UX - PART 2Not included in this survey:

- gender, age, race, education

- visit frequency

- familiarity with the application

- technical knowledge

- contact information

- understanding of the purpose of the application

MOBILE WEB UX - PART 2What is User Experience (UX) ?

Involves a person's emotions about using a particular

product

● What user need

● What user value

● Users abilities

● Users limitations

● Business goals

User Experience Honeycomb

MOBILE WEB UX - PART 2What is usability testing?

Usability testing is a black-box testing technique

Mostly based on observing people doing tasks

● Efficiency

● Accuracy

● Recall

● Emotional response

MOBILE WEB UX - PART 2

Usability testing metrics:

● completion rates

● time on task

● task-level metrics

● test-level satisfaction measures

● errors

MOBILE WEB UX - PART 2

Usability testing purposes:

● validate● gather perspectives● understand behaviour

MOBILE WEB UX - PART 2

Usability test documents

● consent form● entrance questions● task based questions ● exit questions

MOBILE WEB UX - PART 2Methods

● expert reviews (or usability review )● cognitive walkthrough ● usability testing informal (or hallway testing)● usability testing in the lab● usability testing remote moderated● benchmarking or competitive studies● usability testing remote unmoderated● A/B testing● eye tracking● automated expert review

MOBILE WEB UX - PART 2Tools: - usability testers platformshttp://www.utest.comhttp://www.usertesting.comhttps://www.userlytics.comhttp://ethn.io/https://www.mturk.com

- usability testing in the labhttp://www.techsmith.com/morae.htmlhttp://www.mrtappy.com/index.html

MOBILE WEB UX - PART 2Tools: - remote moderated usability tools http://www.techsmith.com/morae.htmlhttp://www.airsquirrels.com/reflector/http://www.mikogo.com/http://www.gotomeeting.com

- unmoderated remote usability tools https://usabilla.comhttp://www.loop11.com/http://www.userzoom.com/mobile-testing/

MOBILE WEB UX - PART 2Tools: - A/B testing or analyticshttp://www.google.com/analytics/

- eye-trackinghttp://www.feng-gui.com/http://www.crazyegg.com/

- surveying tools https://www.surveymonkey.com

MOBILE WEB UX - PART 3User Experience - who’s in charge?

● User Experience Designers● Information Architects● Human Computer Interaction Researchers

MOBILE WEB UX - PART 3Usability Testing - who’s in charge?

● Marketing People● Product Management People● People with Psychology Related Background ● General Testers?!?

MOBILE WEB UX - PART 3Impediments for the general tester:

● Different fields of study● Different skills required● Different focus● Different persona ● Different departments in the workplace

What should the general tester do?

MOBILE WEB UX - PART 3The general tester and usability testing

● startups● or even in large organisations● design is externalized● busy, poorly trained marketing people● integrate usability testing in the general test strategy● beginning of a new project/feature● better user experiences from previous projects● tools are expensive for romanian projects

MOBILE WEB UX - PART 3Tips for the general tester

Start usability testing- usability test your current working application - use a typical checklist- create a survey- try to perform a usability review

MOBILE WEB UX - PART 3Tips for the general tester

UX terms- mobile web design - responsive design - human computer interaction HCI- interaction design (IxD)- information architecture- mobile first

MOBILE WEB UX - PART 3

Tips for the general tester

Articles on dedicated websites● http://www.usability.gov● http://www.usefulusability.com● http://ux.stackexchange.com● http://userexperiencerocks.wordpress.com/ ● http://www.formsthatwork.com/Mobile-forms ● http://www.measuringusability.com/blog.php ● http://blog.utest.com/

MOBILE WEB UX - PART 3Tips for the general tester

Articles on dedicated websites● http://www.utexas.edu/learn/usability/test.html ● http://hcibib.org/perlman/question.html ● http://www.usabilityprofessionals.org/● http://uxdesign.smashingmagazine.com/tag/usability/● http://connect.humanfactors.com/group/mobileusability● http://blog.clicktale.com/

MOBILE WEB UX - PART 3Tips for the general tester

Books ● A Practical Guide to Usability Testing by Joe Dumas & Ginny. Redish

(1993)● Handbook of Usability Testing by Jeffrey Rubin (1994)

● Usability Engineering by Jakob Nielsen (1993)

● Don't Make Me Think, Revisited by Steve Krug

MOBILE WEB UX - PART 3Tips for the general tester

UX conferenceshttp://2013.mobxcon.com/http://www.uxmasterclass.com/http://www.uxpa2014.org/http://www.hcii2014.org/http://chi2014.acm.org/http://interaction14.ixda.org/http://www.blendconf.com/

MOBILE WEB UX - PART 3Tips for user experience surveys:● keep the survey short● allow users to end at anytime without quitting all losing all data● clear and testable hypotheses● don't let questions reflect the business view● clear wording and the right answer choices● watch for non-mutual exclusivity● pre-test, refine, soft-launch then test again● focus more on who you are surveying than how many● don’t be too technical: i.e ask about javascript etc.● use the right amount of ratings (i.e. 5, 2, 7 or 10)● don’t be too repetitive

MOBILE WEB UX

THE END