SlideShare une entreprise Scribd logo
1  sur  27
Télécharger pour lire hors ligne
MOBILE WEB UX
mobile web applications
MOBILE WEB UX - PART 1
1. Pick a card and read your application name
2. 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 2
Not 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 2
What 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 2
What 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 2
Methods
● 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 2
Tools:
- usability testers platforms
http://www.utest.com
http://www.usertesting.com
https://www.userlytics.com
http://ethn.io/
https://www.mturk.com
- usability testing in the lab
http://www.techsmith.com/morae.html
http://www.mrtappy.com/index.html
MOBILE WEB UX - PART 2
Tools:
- remote moderated usability tools
http://www.techsmith.com/morae.html
http://www.airsquirrels.com/reflector/
http://www.mikogo.com/
http://www.gotomeeting.com
- unmoderated remote usability tools
https://usabilla.com
http://www.loop11.com/
http://www.userzoom.com/mobile-testing/
MOBILE WEB UX - PART 2
Tools:
- A/B testing or analytics
http://www.google.com/analytics/
- eye-tracking
http://www.feng-gui.com/
http://www.crazyegg.com/
- surveying tools
https://www.surveymonkey.com
MOBILE WEB UX - PART 3
User Experience - who’s in charge?
● User Experience Designers
● Information Architects
● Human Computer Interaction Researchers
MOBILE WEB UX - PART 3
Usability Testing - who’s in charge?
● Marketing People
● Product Management People
● People with Psychology Related Background
● General Testers?!?
MOBILE WEB UX - PART 3
Impediments 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 3
The 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 3
Tips 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 3
Tips 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 3
Tips 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 3
Tips 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 3
Tips for the general tester
UX conferences
http://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 3
Tips 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

Contenu connexe

En vedette

Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Bram Vanderhaeghe
 
Web Form Design (Web Visions 2009)
Web Form Design (Web Visions 2009)Web Form Design (Web Visions 2009)
Web Form Design (Web Visions 2009)Christopher Schmitt
 
Introduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design toolIntroduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design toolLa FeWeb
 
Doing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web designDoing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web designFabian Alcantara
 
Conflict is the Key to Great UX - Web Design Day Pittsburgh Lightning Talk
Conflict is the Key to Great UX - Web Design Day Pittsburgh Lightning TalkConflict is the Key to Great UX - Web Design Day Pittsburgh Lightning Talk
Conflict is the Key to Great UX - Web Design Day Pittsburgh Lightning TalkSteve Fisher
 
Software Architecture Design Patterns
Software Architecture Design PatternsSoftware Architecture Design Patterns
Software Architecture Design PatternsStanislav
 
Permendagri no-112-tahun-2014-tentang-pemilihan-kepala-desa
Permendagri no-112-tahun-2014-tentang-pemilihan-kepala-desaPermendagri no-112-tahun-2014-tentang-pemilihan-kepala-desa
Permendagri no-112-tahun-2014-tentang-pemilihan-kepala-desaBPD Ajakkang
 
Hexagonal architecture - message-oriented software design (Symfony Live Berli...
Hexagonal architecture - message-oriented software design (Symfony Live Berli...Hexagonal architecture - message-oriented software design (Symfony Live Berli...
Hexagonal architecture - message-oriented software design (Symfony Live Berli...Matthias Noback
 
Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015
Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015
Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015ArabNet ME
 
Software Architecture: How Much Design?
Software Architecture: How Much Design?Software Architecture: How Much Design?
Software Architecture: How Much Design?Òscar Vilaplana
 
Software Architecture & Design - Our Meetup Group
Software Architecture & Design - Our Meetup GroupSoftware Architecture & Design - Our Meetup Group
Software Architecture & Design - Our Meetup GroupOliver Stadie
 
Laporan monitoring
Laporan monitoringLaporan monitoring
Laporan monitoringYustus Rona
 
Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)
Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)
Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)Bojan Veljanovski
 
Web Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATEDWeb Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATEDOxford Tech + UX
 

En vedette (17)

Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
 
Web Form Design (Web Visions 2009)
Web Form Design (Web Visions 2009)Web Form Design (Web Visions 2009)
Web Form Design (Web Visions 2009)
 
#4_web_ux_wakizaka
#4_web_ux_wakizaka#4_web_ux_wakizaka
#4_web_ux_wakizaka
 
Introduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design toolIntroduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design tool
 
Doing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web designDoing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web design
 
Conflict is the Key to Great UX - Web Design Day Pittsburgh Lightning Talk
Conflict is the Key to Great UX - Web Design Day Pittsburgh Lightning TalkConflict is the Key to Great UX - Web Design Day Pittsburgh Lightning Talk
Conflict is the Key to Great UX - Web Design Day Pittsburgh Lightning Talk
 
form-form pilkades
form-form pilkadesform-form pilkades
form-form pilkades
 
Software Architecture Design Patterns
Software Architecture Design PatternsSoftware Architecture Design Patterns
Software Architecture Design Patterns
 
Permendagri no-112-tahun-2014-tentang-pemilihan-kepala-desa
Permendagri no-112-tahun-2014-tentang-pemilihan-kepala-desaPermendagri no-112-tahun-2014-tentang-pemilihan-kepala-desa
Permendagri no-112-tahun-2014-tentang-pemilihan-kepala-desa
 
Hexagonal architecture - message-oriented software design (Symfony Live Berli...
Hexagonal architecture - message-oriented software design (Symfony Live Berli...Hexagonal architecture - message-oriented software design (Symfony Live Berli...
Hexagonal architecture - message-oriented software design (Symfony Live Berli...
 
Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015
Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015
Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015
 
Software Architecture: How Much Design?
Software Architecture: How Much Design?Software Architecture: How Much Design?
Software Architecture: How Much Design?
 
Software Architecture & Design - Our Meetup Group
Software Architecture & Design - Our Meetup GroupSoftware Architecture & Design - Our Meetup Group
Software Architecture & Design - Our Meetup Group
 
Laporan monitoring
Laporan monitoringLaporan monitoring
Laporan monitoring
 
Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)
Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)
Bojan Veljanovski - Modular Software Architecture and Design (Code Camp 2016)
 
Managemen Proses
Managemen ProsesManagemen Proses
Managemen Proses
 
Web Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATEDWeb Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATED
 

Similaire à Mobile Web UX - TdT@Cluj #17

HienVo_Mobile Testing_v.1.2
HienVo_Mobile Testing_v.1.2HienVo_Mobile Testing_v.1.2
HienVo_Mobile Testing_v.1.2Hien Vo
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User ExperienceDonna Lichaw
 
A Modern Dive into QA Automation and Beyond
A Modern Dive into QA Automation and BeyondA Modern Dive into QA Automation and Beyond
A Modern Dive into QA Automation and BeyondPratik Patel
 
Quill slides-www2013
Quill slides-www2013Quill slides-www2013
Quill slides-www2013Vivian Motti
 
Quill slides-www2013
Quill slides-www2013Quill slides-www2013
Quill slides-www2013Vivian Motti
 
Auto-completing Bug Reports for Android Applications
Auto-completing Bug Reports for Android ApplicationsAuto-completing Bug Reports for Android Applications
Auto-completing Bug Reports for Android ApplicationsKevin Moran
 
AutoFXD Product Requirements Document
AutoFXD Product Requirements DocumentAutoFXD Product Requirements Document
AutoFXD Product Requirements DocumentMary Eleanor Hizon
 
Boost the ROI of your digital presence
Boost the ROI of your digital presenceBoost the ROI of your digital presence
Boost the ROI of your digital presenceIdean France
 
How ui ux testing will transform your project into a raging success
How ui ux testing will transform your project into a raging success How ui ux testing will transform your project into a raging success
How ui ux testing will transform your project into a raging success Concetto Labs
 
Fragility of Layout-based and Visual GUI test scripts: an assessment study on...
Fragility of Layout-based and Visual GUI test scripts: an assessment study on...Fragility of Layout-based and Visual GUI test scripts: an assessment study on...
Fragility of Layout-based and Visual GUI test scripts: an assessment study on...Riccardo Coppola
 
Measuring and Testing Website Usability
Measuring and Testing Website UsabilityMeasuring and Testing Website Usability
Measuring and Testing Website UsabilityUserWorks
 
User Zoom Webinar Monster Aug09
User Zoom Webinar Monster Aug09User Zoom Webinar Monster Aug09
User Zoom Webinar Monster Aug09guest07f4705
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Andrew Malek
 
UserZoom Big Design Conf May09
UserZoom Big Design Conf May09UserZoom Big Design Conf May09
UserZoom Big Design Conf May09Alfonso de la Nuez
 
Evaluation beyond the desktop
Evaluation beyond the desktopEvaluation beyond the desktop
Evaluation beyond the desktopThomas Grill
 
The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...
The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...
The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...Bitbar
 
sudheer kumar.Resume @2016
sudheer kumar.Resume @2016sudheer kumar.Resume @2016
sudheer kumar.Resume @2016sudheer kumar
 

Similaire à Mobile Web UX - TdT@Cluj #17 (20)

Project ux intel
Project ux intelProject ux intel
Project ux intel
 
HienVo_Mobile Testing_v.1.2
HienVo_Mobile Testing_v.1.2HienVo_Mobile Testing_v.1.2
HienVo_Mobile Testing_v.1.2
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
A Modern Dive into QA Automation and Beyond
A Modern Dive into QA Automation and BeyondA Modern Dive into QA Automation and Beyond
A Modern Dive into QA Automation and Beyond
 
User Research 101
User Research 101User Research 101
User Research 101
 
Quill slides-www2013
Quill slides-www2013Quill slides-www2013
Quill slides-www2013
 
Quill slides-www2013
Quill slides-www2013Quill slides-www2013
Quill slides-www2013
 
Auto-completing Bug Reports for Android Applications
Auto-completing Bug Reports for Android ApplicationsAuto-completing Bug Reports for Android Applications
Auto-completing Bug Reports for Android Applications
 
AutoFXD Product Requirements Document
AutoFXD Product Requirements DocumentAutoFXD Product Requirements Document
AutoFXD Product Requirements Document
 
Boost the ROI of your digital presence
Boost the ROI of your digital presenceBoost the ROI of your digital presence
Boost the ROI of your digital presence
 
How ui ux testing will transform your project into a raging success
How ui ux testing will transform your project into a raging success How ui ux testing will transform your project into a raging success
How ui ux testing will transform your project into a raging success
 
Fragility of Layout-based and Visual GUI test scripts: an assessment study on...
Fragility of Layout-based and Visual GUI test scripts: an assessment study on...Fragility of Layout-based and Visual GUI test scripts: an assessment study on...
Fragility of Layout-based and Visual GUI test scripts: an assessment study on...
 
Measuring and Testing Website Usability
Measuring and Testing Website UsabilityMeasuring and Testing Website Usability
Measuring and Testing Website Usability
 
User Zoom Webinar Monster Aug09
User Zoom Webinar Monster Aug09User Zoom Webinar Monster Aug09
User Zoom Webinar Monster Aug09
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"
 
UserZoom Big Design Conf May09
UserZoom Big Design Conf May09UserZoom Big Design Conf May09
UserZoom Big Design Conf May09
 
Evaluation beyond the desktop
Evaluation beyond the desktopEvaluation beyond the desktop
Evaluation beyond the desktop
 
Usability Testing.docx
Usability Testing.docxUsability Testing.docx
Usability Testing.docx
 
The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...
The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...
The Best of Both Worlds - Combining Performance and Functional Mobile App Tes...
 
sudheer kumar.Resume @2016
sudheer kumar.Resume @2016sudheer kumar.Resume @2016
sudheer kumar.Resume @2016
 

Plus de Tabăra de Testare

Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20
Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20
Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20Tabăra de Testare
 
The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20
The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20
The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20Tabăra de Testare
 
Robotium framework & Jenkins CI tools - TdT@Cluj #19
Robotium framework & Jenkins CI tools - TdT@Cluj #19Robotium framework & Jenkins CI tools - TdT@Cluj #19
Robotium framework & Jenkins CI tools - TdT@Cluj #19Tabăra de Testare
 
Tap into mobile app testing@TDT Iasi Sept2013
Tap into mobile app testing@TDT Iasi Sept2013Tap into mobile app testing@TDT Iasi Sept2013
Tap into mobile app testing@TDT Iasi Sept2013Tabăra de Testare
 
Test analysis & design good practices@TDT Iasi 17Oct2013
Test analysis & design   good practices@TDT Iasi 17Oct2013Test analysis & design   good practices@TDT Iasi 17Oct2013
Test analysis & design good practices@TDT Iasi 17Oct2013Tabăra de Testare
 
Webdriver with Thucydides - TdT@Cluj #18
Webdriver with Thucydides - TdT@Cluj #18Webdriver with Thucydides - TdT@Cluj #18
Webdriver with Thucydides - TdT@Cluj #18Tabăra de Testare
 
Behavior Driven Development - TdT@Cluj #15
Behavior Driven Development - TdT@Cluj #15Behavior Driven Development - TdT@Cluj #15
Behavior Driven Development - TdT@Cluj #15Tabăra de Testare
 
TdT@Cluj #14 - Mobile Testing Workshop
TdT@Cluj #14 - Mobile Testing WorkshopTdT@Cluj #14 - Mobile Testing Workshop
TdT@Cluj #14 - Mobile Testing WorkshopTabăra de Testare
 
Test Automation Techniques for Windows Applications
Test Automation Techniques for Windows ApplicationsTest Automation Techniques for Windows Applications
Test Automation Techniques for Windows ApplicationsTabăra de Testare
 
How to bring creativity in testing
How to bring creativity in testingHow to bring creativity in testing
How to bring creativity in testingTabăra de Testare
 
Testarea: Prieten sau dusman? Adrian speteanu
Testarea: Prieten sau dusman? Adrian speteanuTestarea: Prieten sau dusman? Adrian speteanu
Testarea: Prieten sau dusman? Adrian speteanuTabăra de Testare
 

Plus de Tabăra de Testare (20)

Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20
Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20
Zed Attack Proxy (ZAP) Quick Intro - TdT@Cluj #20
 
The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20
The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20
The OWASP Top 10 Most Critical Web App Security Risks - TdT@Cluj #20
 
Robotium framework & Jenkins CI tools - TdT@Cluj #19
Robotium framework & Jenkins CI tools - TdT@Cluj #19Robotium framework & Jenkins CI tools - TdT@Cluj #19
Robotium framework & Jenkins CI tools - TdT@Cluj #19
 
Tap into mobile app testing@TDT Iasi Sept2013
Tap into mobile app testing@TDT Iasi Sept2013Tap into mobile app testing@TDT Iasi Sept2013
Tap into mobile app testing@TDT Iasi Sept2013
 
Test analysis & design good practices@TDT Iasi 17Oct2013
Test analysis & design   good practices@TDT Iasi 17Oct2013Test analysis & design   good practices@TDT Iasi 17Oct2013
Test analysis & design good practices@TDT Iasi 17Oct2013
 
Webdriver with Thucydides - TdT@Cluj #18
Webdriver with Thucydides - TdT@Cluj #18Webdriver with Thucydides - TdT@Cluj #18
Webdriver with Thucydides - TdT@Cluj #18
 
Behavior Driven Development - TdT@Cluj #15
Behavior Driven Development - TdT@Cluj #15Behavior Driven Development - TdT@Cluj #15
Behavior Driven Development - TdT@Cluj #15
 
TdT@Cluj #14 - Mobile Testing Workshop
TdT@Cluj #14 - Mobile Testing WorkshopTdT@Cluj #14 - Mobile Testing Workshop
TdT@Cluj #14 - Mobile Testing Workshop
 
Security testing
Security testingSecurity testing
Security testing
 
Mobile Testing - TdT Cluj #13
Mobile Testing - TdT Cluj #13Mobile Testing - TdT Cluj #13
Mobile Testing - TdT Cluj #13
 
Td t summary
Td t   summaryTd t   summary
Td t summary
 
How to evaluate a tester
How to evaluate a testerHow to evaluate a tester
How to evaluate a tester
 
Testing, job or game
Testing, job or gameTesting, job or game
Testing, job or game
 
Test Automation Techniques for Windows Applications
Test Automation Techniques for Windows ApplicationsTest Automation Techniques for Windows Applications
Test Automation Techniques for Windows Applications
 
Help them to help you
Help them to help youHelp them to help you
Help them to help you
 
Learning the Agile way
Learning the Agile wayLearning the Agile way
Learning the Agile way
 
How to bring creativity in testing
How to bring creativity in testingHow to bring creativity in testing
How to bring creativity in testing
 
Tester with benefits
Tester with benefitsTester with benefits
Tester with benefits
 
Doing things Differently
Doing things DifferentlyDoing things Differently
Doing things Differently
 
Testarea: Prieten sau dusman? Adrian speteanu
Testarea: Prieten sau dusman? Adrian speteanuTestarea: Prieten sau dusman? Adrian speteanu
Testarea: Prieten sau dusman? Adrian speteanu
 

Mobile Web UX - TdT@Cluj #17

  • 1. MOBILE WEB UX mobile web applications
  • 2. MOBILE WEB UX - PART 1 1. Pick a card and read your application name 2. Search for the chosen app on Google 3. Click on the search result to go to the application website 4. Complete the survey MobileWebUTPart1
  • 3. 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?
  • 4. 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
  • 5. 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?
  • 6. MOBILE WEB UX - PART 2 Not 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
  • 7. MOBILE WEB UX - PART 2 What 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
  • 8. MOBILE WEB UX - PART 2 What is usability testing? Usability testing is a black-box testing technique Mostly based on observing people doing tasks ● Efficiency ● Accuracy ● Recall ● Emotional response
  • 9. MOBILE WEB UX - PART 2 Usability testing metrics: ● completion rates ● time on task ● task-level metrics ● test-level satisfaction measures ● errors
  • 10. MOBILE WEB UX - PART 2 Usability testing purposes: ● validate ● gather perspectives ● understand behaviour
  • 11. MOBILE WEB UX - PART 2 Usability test documents ● consent form ● entrance questions ● task based questions ● exit questions
  • 12. MOBILE WEB UX - PART 2 Methods ● 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
  • 13. MOBILE WEB UX - PART 2 Tools: - usability testers platforms http://www.utest.com http://www.usertesting.com https://www.userlytics.com http://ethn.io/ https://www.mturk.com - usability testing in the lab http://www.techsmith.com/morae.html http://www.mrtappy.com/index.html
  • 14. MOBILE WEB UX - PART 2 Tools: - remote moderated usability tools http://www.techsmith.com/morae.html http://www.airsquirrels.com/reflector/ http://www.mikogo.com/ http://www.gotomeeting.com - unmoderated remote usability tools https://usabilla.com http://www.loop11.com/ http://www.userzoom.com/mobile-testing/
  • 15. MOBILE WEB UX - PART 2 Tools: - A/B testing or analytics http://www.google.com/analytics/ - eye-tracking http://www.feng-gui.com/ http://www.crazyegg.com/ - surveying tools https://www.surveymonkey.com
  • 16. MOBILE WEB UX - PART 3 User Experience - who’s in charge? ● User Experience Designers ● Information Architects ● Human Computer Interaction Researchers
  • 17. MOBILE WEB UX - PART 3 Usability Testing - who’s in charge? ● Marketing People ● Product Management People ● People with Psychology Related Background ● General Testers?!?
  • 18. MOBILE WEB UX - PART 3 Impediments 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?
  • 19. MOBILE WEB UX - PART 3 The 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
  • 20. MOBILE WEB UX - PART 3 Tips 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
  • 21. MOBILE WEB UX - PART 3 Tips for the general tester UX terms - mobile web design - responsive design - human computer interaction HCI - interaction design (IxD) - information architecture - mobile first
  • 22. 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/
  • 23. MOBILE WEB UX - PART 3 Tips 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/
  • 24. MOBILE WEB UX - PART 3 Tips 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
  • 25. MOBILE WEB UX - PART 3 Tips for the general tester UX conferences http://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/
  • 26. MOBILE WEB UX - PART 3 Tips 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