SlideShare a Scribd company logo
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

More Related Content

What's hot

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 Drones
Jackie 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
 
Entrepreneurial Endeavours
Entrepreneurial EndeavoursEntrepreneurial Endeavours
Entrepreneurial Endeavours
Andreas Kwiatkowski
 
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGNMULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGN
Marcin 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 development
Geoffrey Nwachukwu
 
User Experience and your Intranet Brand
User Experience and your Intranet BrandUser Experience and your Intranet Brand
User Experience and your Intranet Brand
Ben Rowe
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
Doug 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 World
BuiltByHQ
 
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 Experiences
Eva 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_presentation
mspeers85
 
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
 
Exploring the world of UX
Exploring the world of UXExploring the world of UX
Exploring the world of UX
Frederic Vandaele
 
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
Andy Milsom
 

What's hot (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
 

Viewers also liked

Introduction to mobile usability
Introduction to mobile usabilityIntroduction to mobile usability
Introduction to mobile usability
opendataottawa
 
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
MobileUXLondon
 
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 Applications
Bruno Figueiredo
 

Viewers also liked (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 to 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_2010
Lisa Renery Handalian
 
1.Usability Engineering.pptx
1.Usability Engineering.pptx1.Usability Engineering.pptx
1.Usability Engineering.pptx
Dr.Saranya K.G
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experience
Sameer 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 Libraries
Meredith Farkas
 
Public Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaPublic Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz Yesilada
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
Almog Koren
 
SMARCOS_Paper_Mobile hci12 246
SMARCOS_Paper_Mobile hci12 246SMARCOS_Paper_Mobile hci12 246
SMARCOS_Paper_Mobile hci12 246
Smarcos Eu
 
2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small
Florent Stroppa
 
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARIMOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
SivaSankari36
 
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
goodfriday
 
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
Smarcos Eu
 
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
www.webhub.mobi by Yuvee, Inc.
 
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
Tim 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 Libraries
Cory Lown
 

Similar to 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
 

More from Jeff Wisniewski

Twitter Wake Up Call
Twitter Wake Up CallTwitter Wake Up Call
Twitter Wake Up Call
Jeff Wisniewski
 
UX patterns & practices
UX patterns & practicesUX patterns & practices
UX patterns & practices
Jeff Wisniewski
 
Gathering & Presenting User Input
Gathering & Presenting User InputGathering & Presenting User Input
Gathering & Presenting User Input
Jeff 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 Displaying
Jeff Wisniewski
 
Reinventing Spaces and Places
Reinventing Spaces and PlacesReinventing Spaces and Places
Reinventing Spaces and Places
Jeff 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
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
Jeff 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
 
Discovering Discovery
Discovering DiscoveryDiscovering Discovery
Discovering Discovery
Jeff Wisniewski
 
Mobile that works for your library
Mobile that works for your libraryMobile that works for your library
Mobile that works for your library
Jeff Wisniewski
 

More from 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
 

Recently uploaded

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Jeffrey Haguewood
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 

Recently uploaded (20)

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 

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