SlideShare una empresa de Scribd logo
1 de 46
Jeff Wisniewski
Web Services Librarian
University of Pittsburgh
facebook.com/wisniewski.jeff
Mobile Devices Harbor More Germs Than A
Men's Room Flush Handle
-
http://www.sacbee.com/2010/10/14/3103164
/talk-about-going-viral-touch-screen.html
The study of the relative ease with which a
user can complete a given task
Guidelines
Manufacturer
W3C
 Mobile space is not a minified desktop
 Less immersive than desktop
 Context critical
 Microinteractions versus tasks
Wide
Deep
Complex
Infrequent use
Stable
mouse, keyboard, display 800x600 or better
Simple
Slim
Deep, drill down
VERY infrequent use
Device proliferation
It should be difficult or impossible to get lost
lost on a mobile site or in an app
Card sort?
Functional testing critical
Task testing important
User satisfaction
Duh!
Immediate need for information
Desktop:
 Search for flights
 Search for hotel
 Book
Mobile:
 Itinerary
 Flight status
 Confirmation
Then mobile usability testing needs to be
different too
Hardware
Software
UI
Input mechanisms
physical keyboard
virtual keyboard
touch
voice
Scrolling/navigation
touch
trackball/pad
keys
Device OS
Device browser
 Touch-Screen Mobile Phones (Apple
iPhones, HTC Nexus One, HTC EVO, etc.)
 Non Touch-Screen Mobile Phones (RIM
Blackberry Bold, Motorola Droid 2, etc.)
 Quick Messaging Devices (LG Xenon,
Samsung Intensity, etc.)
 Tablets (Apple iPad, Samsung Galaxy, Dell
Streak, etc.)
 Heuristic evaluation
 Paper
 Simulators/emulators/ desktop
 On device
 Field
 Lab…sleds and cameras and capture, oh my!
Method Time Cost ROI
Paper moderate minimal high
Desktop/emulat
or/simulator
moderate minimal high
Lab high varies high
Field high minimal unclear,
probably high
 Paper prototypes
 http://interactivelogic.net/wp/2009/09/iphone-
wireframe-templates/
 http://gliderguns.files.wordpress.com/2010/0
1/android_wireframe_templates3.pdf
 Desktop
 Mobile device
 Firefox user agent switcher
 https://addons.mozilla.org/en-US/firefox/addon/59/
 Opera Mini
 http://www.opera.com/mobile/demo/
 Blackberry
 http://na.blackberry.com/eng/developers/resources/simulators.jsp
 iOS SDK
 http://developer.apple.com/devcenter/ios/index.action
 Android SDK
 http://developer.android.com/sdk/index.html
 Fennec emulator
 http://www.mozilla.com/en-US/mobile/download/
Caveat: The platform affects the usability
“Results indicate that conducting a time-
consuming field test may not be worthwhile
when searching user interface flaws to
improve user interaction”
-Anne Kaikkonen, Aki Kekäläinen, Mihael Cankar, Titti Kallio, and
Anu Kankainen
Journal of Usability Studies, Issue 1, Volume 1
“In the field-based evaluation we identified
significantly more usability problems and this
setting revealed problems with interaction
style and cognitive load that were not
identified in the laboratory.”
It’s Worth the Hassle! The Added Value of Evaluating the Usability
of Mobile Systems in the Field -Christian Monrad Nielsen, Nordic
Conference on Human-Computer Interaction; Vol. 189
I’m guessing many of your colleagues and
friends have smartphones….test with them
first!
Especially useful for basic functional testing
 Mobile OK Checker
http://validator.w3.org/mobile/
 MobiReady
http://ready.mobi/launch.jsp?locale=en_EN
Simulated
Actual device(s)
 Cam
 Sled ?
Plusses and minuses
 Browsercam
http://www.browsercam.com/Default2.aspx
 Deviceanywhere
http://www.deviceanywhere.com/mobile-
application-testing-web.html
 User satisfaction
THANK YOU
 A Guide to Usability Testing an iPhone app
http://www.usabilitynews.com/news/article64
96.asp
 10 Excellent Tools for Testing Your Site on
Mobile Devices
http://sixrevisions.com/tools/10-excellent-
tools-for-testing-your-site-on-mobile-
devices/#more-4121
 UI guidelines
 iPhone
http://developer.apple.com/library/ios/#documentation/user
experience/conceptual/mobilehig/Introduction/Introduction.
html
 iPad
http://developer.apple.com/library/ios/#documentation/gen
eral/conceptual/ipadhig/Introduction/Introduction.html
 Android
http://developer.android.com/guide/practices/ui_guidelines/
index.html
 Blackberry
http://docs.blackberry.com/en/developers/deliverables/179
65/index.jsp?name=UI+Guidelines+-
+BlackBerry+Smartphones6.0&language=English&userTy
pe=21&category=Java+Development+Guidelines&subCat
egory=
 Emulators/simulators
 Firefox user agent switcher
 https://addons.mozilla.org/en-US/firefox/addon/59/
 Opera Mini
 http://www.opera.com/mobile/demo/
 Blackberry
 http://na.blackberry.com/eng/developers/resources/simulators.jsp
 iOS SDK
 http://developer.apple.com/devcenter/ios/index.action
 Android SDK
 http://developer.android.com/sdk/index.html
 Fennec emulator
 http://www.mozilla.com/en-US/mobile/download/
 Automated testing tools
 Browsercam
http://www.browsercam.com/Default2.aspx
 Deviceanywhere
http://www.deviceanywhere.com/mobile-
application-testing-web.html

Más contenido relacionado

La actualidad más candente

Outside the box Introduction
Outside the box IntroductionOutside the box Introduction
Outside the box IntroductionSarah Rach
 
Creating a One-handed User Interface for Drones
Creating a One-handed User Interface for DronesCreating a One-handed User Interface for Drones
Creating a One-handed User Interface for DronesJackie Wolf
 
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteMobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteFrédéric Harper
 
SWDC 2011: Mobile UI Design - Web or Native?
SWDC 2011: Mobile UI Design - Web or Native?SWDC 2011: Mobile UI Design - Web or Native?
SWDC 2011: Mobile UI Design - Web or Native?Johannes Fahrenkrug
 
Mobile (Android) App UI Design Crash Course (2016)
Mobile (Android) App UI Design Crash Course (2016)Mobile (Android) App UI Design Crash Course (2016)
Mobile (Android) App UI Design Crash Course (2016)Bahni Mahariasha
 
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGNMULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGNMarcin Treder
 
Lean UX design process for rapid product development
Lean UX design process for rapid product developmentLean UX design process for rapid product development
Lean UX design process for rapid product developmentGeoffrey Nwachukwu
 
User Experience and your Intranet Brand
User Experience and your Intranet BrandUser Experience and your Intranet Brand
User Experience and your Intranet BrandBen Rowe
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop UsabilityDoug Gapinski
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The WorldBuiltByHQ
 
Adapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile WorkflowAdapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile WorkflowJoseph Labrecque
 
The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesEva Willis
 
Benefits of Mobilizing User Experience
Benefits of Mobilizing User ExperienceBenefits of Mobilizing User Experience
Benefits of Mobilizing User Experiencemspeers85
 
Speers michelle mobile_presentation
Speers michelle mobile_presentationSpeers michelle mobile_presentation
Speers michelle mobile_presentationmspeers85
 
What the #$%@ is UX Design?
What the #$%@ is UX Design?What the #$%@ is UX Design?
What the #$%@ is UX Design?Matthew Magain
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessMarcin Treder
 
How to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your ProductHow to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your ProductAndy Milsom
 

La actualidad más candente (20)

Outside the box Introduction
Outside the box IntroductionOutside the box Introduction
Outside the box Introduction
 
Creating a One-handed User Interface for Drones
Creating a One-handed User Interface for DronesCreating a One-handed User Interface for Drones
Creating a One-handed User Interface for Drones
 
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteMobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
 
SWDC 2011: Mobile UI Design - Web or Native?
SWDC 2011: Mobile UI Design - Web or Native?SWDC 2011: Mobile UI Design - Web or Native?
SWDC 2011: Mobile UI Design - Web or Native?
 
Mobile (Android) App UI Design Crash Course (2016)
Mobile (Android) App UI Design Crash Course (2016)Mobile (Android) App UI Design Crash Course (2016)
Mobile (Android) App UI Design Crash Course (2016)
 
Entrepreneurial Endeavours
Entrepreneurial EndeavoursEntrepreneurial Endeavours
Entrepreneurial Endeavours
 
mobile usability
mobile usabilitymobile usability
mobile usability
 
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGNMULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGN
 
Lean UX design process for rapid product development
Lean UX design process for rapid product developmentLean UX design process for rapid product development
Lean UX design process for rapid product development
 
User Experience and your Intranet Brand
User Experience and your Intranet BrandUser Experience and your Intranet Brand
User Experience and your Intranet Brand
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 
Adapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile WorkflowAdapting Expectations to Fit a Mobile Workflow
Adapting Expectations to Fit a Mobile Workflow
 
The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data Experiences
 
Benefits of Mobilizing User Experience
Benefits of Mobilizing User ExperienceBenefits of Mobilizing User Experience
Benefits of Mobilizing User Experience
 
Speers michelle mobile_presentation
Speers michelle mobile_presentationSpeers michelle mobile_presentation
Speers michelle mobile_presentation
 
What the #$%@ is UX Design?
What the #$%@ is UX Design?What the #$%@ is UX Design?
What the #$%@ is UX Design?
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design Process
 
Exploring the world of UX
Exploring the world of UXExploring the world of UX
Exploring the world of UX
 
How to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your ProductHow to Build a Kickass UX For Your Product
How to Build a Kickass UX For Your Product
 

Destacado

Introduction to mobile usability
Introduction to mobile usabilityIntroduction to mobile usability
Introduction to mobile usabilityopendataottawa
 
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDA
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDAMobile UX London - Mobile Usability Hands-on by SABRINA DUDA
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDAMobileUXLondon
 
Visual Usability: principles & practices for designing great web and mobile a...
Visual Usability: principles & practices for designing great web and mobile a...Visual Usability: principles & practices for designing great web and mobile a...
Visual Usability: principles & practices for designing great web and mobile a...Tania Schlatter
 
Usability In Mobile Applications
Usability In Mobile ApplicationsUsability In Mobile Applications
Usability In Mobile ApplicationsBruno Figueiredo
 

Destacado (6)

The basics of mobile usability
The basics of mobile usabilityThe basics of mobile usability
The basics of mobile usability
 
Introduction to mobile usability
Introduction to mobile usabilityIntroduction to mobile usability
Introduction to mobile usability
 
Mobile Usability
Mobile UsabilityMobile Usability
Mobile Usability
 
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDA
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDAMobile UX London - Mobile Usability Hands-on by SABRINA DUDA
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDA
 
Visual Usability: principles & practices for designing great web and mobile a...
Visual Usability: principles & practices for designing great web and mobile a...Visual Usability: principles & practices for designing great web and mobile a...
Visual Usability: principles & practices for designing great web and mobile a...
 
Usability In Mobile Applications
Usability In Mobile ApplicationsUsability In Mobile Applications
Usability In Mobile Applications
 

Similar a Mobile usability

Mobile Software Engineering (at University of Cambridge Wednesday Seminars)
Mobile Software Engineering (at University of Cambridge Wednesday Seminars)Mobile Software Engineering (at University of Cambridge Wednesday Seminars)
Mobile Software Engineering (at University of Cambridge Wednesday Seminars)3scale.net
 
Making it fit: How survey technology proviers are responding to the challenge...
Making it fit: How survey technology proviers are responding to the challenge...Making it fit: How survey technology proviers are responding to the challenge...
Making it fit: How survey technology proviers are responding to the challenge...Tim Macer
 
Handalian shelkey mobile-presentation_upa_2010
Handalian shelkey mobile-presentation_upa_2010Handalian shelkey mobile-presentation_upa_2010
Handalian shelkey mobile-presentation_upa_2010Lisa Renery Handalian
 
1.Usability Engineering.pptx
1.Usability Engineering.pptx1.Usability Engineering.pptx
1.Usability Engineering.pptxDr.Saranya K.G
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experienceSameer Chavan
 
The Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for LibrariesThe Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for LibrariesMeredith Farkas
 
Public Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaPublic Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaYeliz Yesilada
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10Almog Koren
 
SMARCOS_Paper_Mobile hci12 246
SMARCOS_Paper_Mobile hci12 246SMARCOS_Paper_Mobile hci12 246
SMARCOS_Paper_Mobile hci12 246Smarcos Eu
 
2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext SmallFlorent Stroppa
 
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARIMOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARISivaSankari36
 
Using Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User ExperiencesUsing Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User Experiencesgoodfriday
 
SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012Smarcos Eu
 
AT&T WNY Hackathon / Buffalo Open Data
AT&T WNY Hackathon / Buffalo Open DataAT&T WNY Hackathon / Buffalo Open Data
AT&T WNY Hackathon / Buffalo Open DataTim Poulsen
 
Ux design for iPhone
Ux design for iPhoneUx design for iPhone
Ux design for iPhonePaul Coulton
 
Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...
Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...
Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...MicheleSullivan
 
Web Apps vs. Mobile Apps
Web Apps vs. Mobile AppsWeb Apps vs. Mobile Apps
Web Apps vs. Mobile AppsMinh Vuong Tran
 
Mobile Apps at NCSU Libraries
Mobile Apps at NCSU LibrariesMobile Apps at NCSU Libraries
Mobile Apps at NCSU LibrariesCory Lown
 

Similar a Mobile usability (20)

Mobile Software Engineering (at University of Cambridge Wednesday Seminars)
Mobile Software Engineering (at University of Cambridge Wednesday Seminars)Mobile Software Engineering (at University of Cambridge Wednesday Seminars)
Mobile Software Engineering (at University of Cambridge Wednesday Seminars)
 
Making it fit: How survey technology proviers are responding to the challenge...
Making it fit: How survey technology proviers are responding to the challenge...Making it fit: How survey technology proviers are responding to the challenge...
Making it fit: How survey technology proviers are responding to the challenge...
 
Handalian shelkey mobile-presentation_upa_2010
Handalian shelkey mobile-presentation_upa_2010Handalian shelkey mobile-presentation_upa_2010
Handalian shelkey mobile-presentation_upa_2010
 
1.Usability Engineering.pptx
1.Usability Engineering.pptx1.Usability Engineering.pptx
1.Usability Engineering.pptx
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experience
 
The Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for LibrariesThe Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for Libraries
 
Public Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaPublic Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz Yesilada
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 
SMARCOS_Paper_Mobile hci12 246
SMARCOS_Paper_Mobile hci12 246SMARCOS_Paper_Mobile hci12 246
SMARCOS_Paper_Mobile hci12 246
 
2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small
 
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARIMOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
 
Using Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User ExperiencesUsing Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User Experiences
 
SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012
 
The challenge of touchscreen clutter 6.25.2010
The challenge of touchscreen clutter   6.25.2010The challenge of touchscreen clutter   6.25.2010
The challenge of touchscreen clutter 6.25.2010
 
AT&T WNY Hackathon / Buffalo Open Data
AT&T WNY Hackathon / Buffalo Open DataAT&T WNY Hackathon / Buffalo Open Data
AT&T WNY Hackathon / Buffalo Open Data
 
Ux design for iPhone
Ux design for iPhoneUx design for iPhone
Ux design for iPhone
 
Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...
Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...
Effective Mobile & Social Media Marketing Strategies - Handout Reference Mate...
 
Web Apps vs. Mobile Apps
Web Apps vs. Mobile AppsWeb Apps vs. Mobile Apps
Web Apps vs. Mobile Apps
 
Mobile Apps at NCSU Libraries
Mobile Apps at NCSU LibrariesMobile Apps at NCSU Libraries
Mobile Apps at NCSU Libraries
 

Más de Jeff Wisniewski

Gathering & Presenting User Input
Gathering & Presenting User InputGathering & Presenting User Input
Gathering & Presenting User InputJeff Wisniewski
 
Advanced Google Analytics
Advanced Google AnalyticsAdvanced Google Analytics
Advanced Google AnalyticsJeff Wisniewski
 
Responsive Web Design from the Trenches
Responsive Web Design from the TrenchesResponsive Web Design from the Trenches
Responsive Web Design from the TrenchesJeff Wisniewski
 
Beyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and PersonasBeyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and PersonasJeff Wisniewski
 
Data: Digging Deeper and Displaying
Data: Digging Deeper and DisplayingData: Digging Deeper and Displaying
Data: Digging Deeper and DisplayingJeff Wisniewski
 
Reinventing Spaces and Places
Reinventing Spaces and PlacesReinventing Spaces and Places
Reinventing Spaces and PlacesJeff Wisniewski
 
Web Scale Discovery Reality Check
Web Scale Discovery Reality CheckWeb Scale Discovery Reality Check
Web Scale Discovery Reality CheckJeff Wisniewski
 
Introduction to google analytics
Introduction to google analyticsIntroduction to google analytics
Introduction to google analyticsJeff Wisniewski
 
Advanced Google Analytics
Advanced Google AnalyticsAdvanced Google Analytics
Advanced Google AnalyticsJeff Wisniewski
 
Mobile First and Tablet-Centric Design
Mobile First and Tablet-Centric DesignMobile First and Tablet-Centric Design
Mobile First and Tablet-Centric DesignJeff Wisniewski
 
Google Analytics Goals and Funnels
Google Analytics Goals and FunnelsGoogle Analytics Goals and Funnels
Google Analytics Goals and FunnelsJeff Wisniewski
 
Sharepoint tips and tricks
Sharepoint tips and tricksSharepoint tips and tricks
Sharepoint tips and tricksJeff Wisniewski
 
Tools for Social Media Monitoring
Tools for Social Media MonitoringTools for Social Media Monitoring
Tools for Social Media MonitoringJeff Wisniewski
 
Mobile that works for your library
Mobile that works for your libraryMobile that works for your library
Mobile that works for your libraryJeff Wisniewski
 

Más de Jeff Wisniewski (20)

Twitter Wake Up Call
Twitter Wake Up CallTwitter Wake Up Call
Twitter Wake Up Call
 
UX patterns & practices
UX patterns & practicesUX patterns & practices
UX patterns & practices
 
Gathering & Presenting User Input
Gathering & Presenting User InputGathering & Presenting User Input
Gathering & Presenting User Input
 
Advanced Google Analytics
Advanced Google AnalyticsAdvanced Google Analytics
Advanced Google Analytics
 
Responsive Web Design from the Trenches
Responsive Web Design from the TrenchesResponsive Web Design from the Trenches
Responsive Web Design from the Trenches
 
Beyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and PersonasBeyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and Personas
 
Data: Digging Deeper and Displaying
Data: Digging Deeper and DisplayingData: Digging Deeper and Displaying
Data: Digging Deeper and Displaying
 
Reinventing Spaces and Places
Reinventing Spaces and PlacesReinventing Spaces and Places
Reinventing Spaces and Places
 
Web Scale Discovery Reality Check
Web Scale Discovery Reality CheckWeb Scale Discovery Reality Check
Web Scale Discovery Reality Check
 
Introduction to google analytics
Introduction to google analyticsIntroduction to google analytics
Introduction to google analytics
 
Advanced Google Analytics
Advanced Google AnalyticsAdvanced Google Analytics
Advanced Google Analytics
 
Mobile First and Tablet-Centric Design
Mobile First and Tablet-Centric DesignMobile First and Tablet-Centric Design
Mobile First and Tablet-Centric Design
 
Mobile Tools and Trends
Mobile Tools and TrendsMobile Tools and Trends
Mobile Tools and Trends
 
Google Analytics Goals and Funnels
Google Analytics Goals and FunnelsGoogle Analytics Goals and Funnels
Google Analytics Goals and Funnels
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Sharepoint tips and tricks
Sharepoint tips and tricksSharepoint tips and tricks
Sharepoint tips and tricks
 
Google A
Google AGoogle A
Google A
 
Tools for Social Media Monitoring
Tools for Social Media MonitoringTools for Social Media Monitoring
Tools for Social Media Monitoring
 
Discovering Discovery
Discovering DiscoveryDiscovering Discovery
Discovering Discovery
 
Mobile that works for your library
Mobile that works for your libraryMobile that works for your library
Mobile that works for your library
 

Último

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 

Último (20)

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 

Mobile usability

  • 1. Jeff Wisniewski Web Services Librarian University of Pittsburgh facebook.com/wisniewski.jeff
  • 2. Mobile Devices Harbor More Germs Than A Men's Room Flush Handle - http://www.sacbee.com/2010/10/14/3103164 /talk-about-going-viral-touch-screen.html
  • 3. The study of the relative ease with which a user can complete a given task
  • 5.  Mobile space is not a minified desktop  Less immersive than desktop  Context critical  Microinteractions versus tasks
  • 6.
  • 7.
  • 8.
  • 10. Simple Slim Deep, drill down VERY infrequent use Device proliferation
  • 11. It should be difficult or impossible to get lost lost on a mobile site or in an app
  • 13. Functional testing critical Task testing important User satisfaction
  • 14. Duh!
  • 15. Immediate need for information
  • 16.
  • 17. Desktop:  Search for flights  Search for hotel  Book Mobile:  Itinerary  Flight status  Confirmation
  • 18. Then mobile usability testing needs to be different too
  • 20. Input mechanisms physical keyboard virtual keyboard touch voice Scrolling/navigation touch trackball/pad keys
  • 22.  Touch-Screen Mobile Phones (Apple iPhones, HTC Nexus One, HTC EVO, etc.)  Non Touch-Screen Mobile Phones (RIM Blackberry Bold, Motorola Droid 2, etc.)  Quick Messaging Devices (LG Xenon, Samsung Intensity, etc.)  Tablets (Apple iPad, Samsung Galaxy, Dell Streak, etc.)
  • 23.  Heuristic evaluation  Paper  Simulators/emulators/ desktop  On device  Field  Lab…sleds and cameras and capture, oh my!
  • 24. Method Time Cost ROI Paper moderate minimal high Desktop/emulat or/simulator moderate minimal high Lab high varies high Field high minimal unclear, probably high
  • 25.  Paper prototypes  http://interactivelogic.net/wp/2009/09/iphone- wireframe-templates/  http://gliderguns.files.wordpress.com/2010/0 1/android_wireframe_templates3.pdf
  • 26.
  • 27.
  • 29.  Firefox user agent switcher  https://addons.mozilla.org/en-US/firefox/addon/59/  Opera Mini  http://www.opera.com/mobile/demo/  Blackberry  http://na.blackberry.com/eng/developers/resources/simulators.jsp  iOS SDK  http://developer.apple.com/devcenter/ios/index.action  Android SDK  http://developer.android.com/sdk/index.html  Fennec emulator  http://www.mozilla.com/en-US/mobile/download/
  • 30. Caveat: The platform affects the usability
  • 31. “Results indicate that conducting a time- consuming field test may not be worthwhile when searching user interface flaws to improve user interaction” -Anne Kaikkonen, Aki Kekäläinen, Mihael Cankar, Titti Kallio, and Anu Kankainen Journal of Usability Studies, Issue 1, Volume 1
  • 32. “In the field-based evaluation we identified significantly more usability problems and this setting revealed problems with interaction style and cognitive load that were not identified in the laboratory.” It’s Worth the Hassle! The Added Value of Evaluating the Usability of Mobile Systems in the Field -Christian Monrad Nielsen, Nordic Conference on Human-Computer Interaction; Vol. 189
  • 33. I’m guessing many of your colleagues and friends have smartphones….test with them first! Especially useful for basic functional testing
  • 34.  Mobile OK Checker http://validator.w3.org/mobile/  MobiReady http://ready.mobi/launch.jsp?locale=en_EN
  • 36.  Cam  Sled ? Plusses and minuses
  • 37.
  • 38.
  • 39.
  • 43.  A Guide to Usability Testing an iPhone app http://www.usabilitynews.com/news/article64 96.asp  10 Excellent Tools for Testing Your Site on Mobile Devices http://sixrevisions.com/tools/10-excellent- tools-for-testing-your-site-on-mobile- devices/#more-4121
  • 44.  UI guidelines  iPhone http://developer.apple.com/library/ios/#documentation/user experience/conceptual/mobilehig/Introduction/Introduction. html  iPad http://developer.apple.com/library/ios/#documentation/gen eral/conceptual/ipadhig/Introduction/Introduction.html  Android http://developer.android.com/guide/practices/ui_guidelines/ index.html  Blackberry http://docs.blackberry.com/en/developers/deliverables/179 65/index.jsp?name=UI+Guidelines+- +BlackBerry+Smartphones6.0&language=English&userTy pe=21&category=Java+Development+Guidelines&subCat egory=
  • 45.  Emulators/simulators  Firefox user agent switcher  https://addons.mozilla.org/en-US/firefox/addon/59/  Opera Mini  http://www.opera.com/mobile/demo/  Blackberry  http://na.blackberry.com/eng/developers/resources/simulators.jsp  iOS SDK  http://developer.apple.com/devcenter/ios/index.action  Android SDK  http://developer.android.com/sdk/index.html  Fennec emulator  http://www.mozilla.com/en-US/mobile/download/
  • 46.  Automated testing tools  Browsercam http://www.browsercam.com/Default2.aspx  Deviceanywhere http://www.deviceanywhere.com/mobile- application-testing-web.html