mobile usability workshop - android-iphone-google glass - jibo he
DESCRIPTION
Jibo He lectures on his innovative mobile usability toolkit for mobile devices.TRANSCRIPT
![Page 1: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/1.jpg)
How Do You Design a Usable Mobile App?
Jibo He & Barbara S. Chaparro
Department of Psychology, Human Factors 4/8/14 1
![Page 2: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/2.jpg)
Agenda
§ Introductions"§ Opportunity and Challenges for Mobile Design"§ Mobile App Development Process"§ Usability & Mobile Apps"§ How to Assess Usability"§ Mobile Usability Toolkit"§ Interactive Demo"
![Page 3: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/3.jpg)
What This Workshop is
- App development"- App features that impact usability"- Common mistakes"- How to assess app usability"
!
![Page 4: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/4.jpg)
What This Workshop is Not
§ Developer training"§ Graphic design training"
" If you need such training, please call Jibo
![Page 5: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/5.jpg)
Barbara S. Chaparro, Ph.D.
Research Interests • Human-Computer Interaction • Software/Website Design & Evaluation • Usability Testing • Mobile Computing • Use of mobile devices in hospitals • EMR usability • Technology UX
Ph.D. Experimental Psychology Texas Tech University Associate Professor, Coordinator Human Factors Director Software Usability Research Lab
Clients
![Page 6: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/6.jpg)
Ph.D. Engineering Psychology University of Illinois Assistant Professor Human Factors
Jibo He, Ph.D.
§ Research Interests:"§ Human Computer Interaction"§ Driving Safety"§ Mobile Technology and Usability"§ Google Glass "§ Emerging Technologies in
Healthcare"§ Alternative Input Methods"
![Page 7: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/7.jpg)
Agenda
§ Introductions 12:30"§ Opportunity and Challenges for Mobile Design
12:45!§ Mobile App Development Process 1:00"§ Design Guidelines for Mobile Apps 1:20"§ How to Assess Usability 1:45"§ Mobile Usability Toolkit 2:00"§ Interactive Demo 2:30"
![Page 8: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/8.jpg)
Mobile Product Opportunity
§ Mobile ads spending"§ $18 billion in 2014"§ $42 billion by 2017"
![Page 9: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/9.jpg)
Mobile Product Opportunity
§ Mobile application stores revenue"
![Page 10: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/10.jpg)
Mobile Product Opportunity
§ Mobile application monthly downloads"
![Page 11: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/11.jpg)
Mobile Product Opportunity
§ Mega-million app companies"§ Whatsapp - $19 billion (acquired by Facebook)"§ Instagram - $1 billion (acquired by Facebook)"
![Page 12: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/12.jpg)
Mobile Product Opportunity
§ Developer Revenue"§ Average revenue per application estimated US$8700"
![Page 13: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/13.jpg)
Mobile Product Challenges
§ So MANY apps – how can yours stand out? "
![Page 14: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/14.jpg)
Mobile Product Challenges
§ Does it meet a need (the market or your customers)?"§ Is it unique?"§ Does it offer quality user experience (UX)?"§ Is it being advertised/marketed? "
![Page 15: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/15.jpg)
Agenda
§ Introductions"§ Opportunity and Challenges for Mobile Design"§ Mobile App Development Process!§ Design Guidelines for Mobile Apps"§ How to Assess Usability"§ Mobile Usability Toolkit"§ Interactive Demo"
![Page 16: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/16.jpg)
Mobile App Development Process
§ Which platform to choose?"§ What programming language?"§ What tools are needed? "§ Who do I hire to do the work?"§ How do I advertise/market it? "§ How can I make money? "
![Page 17: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/17.jpg)
Mobile App Development Process
§ Which platform to choose? "§ Android"§ iOS"§ Windows"§ Blackberry"§ Firefox mobile"§ Ubuntu mobile"§ Tizen"§ Sybian"
![Page 18: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/18.jpg)
Mobile App Development Process
![Page 19: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/19.jpg)
Mobile App Development Process
§ What programming languages? "§ Objective-C (iPhone & iPad)"§ Java (Android)"§ C# (Windows mobile)"§ HTML5 (All platforms)"
![Page 20: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/20.jpg)
Mobile App Development Process
What tools are needed? "§ Android:"
§ A computer with any operating system"§ An Android device for developing"§ Many Android devices for testing"
§ iOS"§ A Mac"§ An iDevice for developing"§ Several devices for testing (iPhone 5s, 5c, 4)"§ $99 developer license fee per year"
![Page 21: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/21.jpg)
Mobile App Development Process
Who do I hire to do the work? "§ Developer"§ Graphic designer"§ User experience (UX) researcher"§ Marketing specialist""
![Page 22: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/22.jpg)
Mobile App Development Process
How do I advertise/market it?"§ Submit to the app store"§ Word of mouth"§ Social network marketing"§ Search engine optimization (SEO)"§ Advertising""
![Page 23: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/23.jpg)
Mobile App Development Process
How can I make money?"§ App sales"§ Mobile ads"§ In-app purchase"§ “Free” Promotion"§ Get acquired by large
company""
![Page 24: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/24.jpg)
Agenda
§ Introductions"§ Opportunity and Challenges for Mobile Design"§ Mobile App Development Process"§ Design Guidelines for Mobile Apps!§ How to Assess Usability"§ Mobile Usability Toolkit"§ Interactive Demo"
![Page 25: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/25.jpg)
Design Guidelines for Mobile Apps
§ LOTS of design guidelines out there"§ MANY of the WEB DESIGN guidelines also hold true
for APPS"
![Page 26: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/26.jpg)
Design Guidelines for Mobile Apps
§ What is unique about APP design?"§ Think about how apps are used "§ Types of environments"§ Under what circumstances"
§ The “cross-channel” experience: "§ Consistent"§ Seamless"§ Available"§ Context Specific"
![Page 27: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/27.jpg)
Types of Mobile Solutions
§ Responsive website – adapts to any device; most flexible"
§ Native app – Google Play, iOS App store (use when speed is important)"
§ Web app – task oriented; e.g., booking tickets"
![Page 28: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/28.jpg)
Types of Mobile Solutions
Question Responsive Design Site Native App
Does app use smartphone features?
- Uses smartphone features
Is it better if customized to user’s device?
- Personalization to user; customized user interface
Is there a lot of data transfer?
- Data transfer is faster
Do you want users to make quick purchase?
- Faster with customized info
Are you trying to optimize search engine traffic?
Better SEO
-
Are frequent updates likely?
Easier to update; no app store approval
-
Do you want app to be everywhere (universal)?
More universal
-
Limited budget? Cheaper – one code base -
![Page 29: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/29.jpg)
SURL App Design Guidelines
What contributes to the success of an app?"§ User-focused – serves a unique need of user"§ Well designed"§ Engaging"§ Easy to use"
"
![Page 30: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/30.jpg)
Common Problems in App Design
§ Lack of Affordance"§ Navigation/Link Confusion"§ Inconsistency"§ Target Size/Location"§ Lack of Feedback"§ Lack of Instructions or Help"§ Bad/missing error messages"
![Page 31: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/31.jpg)
Affordance: iOS 7.0 “Flat” UI Design
iOS 6.0 vs 7.0"
![Page 32: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/32.jpg)
Affordance: Windows 8 Metro
![Page 33: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/33.jpg)
Affordance: Android App
Which are links?
Nope
Why do I have to be told what to tap?
![Page 34: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/34.jpg)
Navigation/Link Confusion
Tapping on “Video Schedule” does not take the user to a new screen. Instead it takes the user back to the last page viewed. Users do not realize this…
![Page 35: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/35.jpg)
Navigation/Link Confusion: Which Tab is Active?
![Page 36: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/36.jpg)
Inconsistency
Tapping on the events on the le? screen result in more detail. Tapping on the events on the right screen does nothing.
![Page 37: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/37.jpg)
Inconsistency
Medal count is ordered by total number of medals (left) or by the number of gold medals (right).Neither allowed user to sort by medal type.
![Page 38: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/38.jpg)
Inconsistency
Horizontal scroll plus a “More”
No scroll
Vertical scroll
![Page 39: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/39.jpg)
Return to Affordance? iOS 7.2
Accessibility option to bring the button shapes back!"
![Page 40: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/40.jpg)
Target Size
What is link here? Why do only some athletes have a picture?
Target size is very small
This shows you detail of race.
This is not a link
![Page 41: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/41.jpg)
Target Size & Location
Google Hangout GPS and camera links are very small and can be tapped by accident instead of Back hardware button.
![Page 42: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/42.jpg)
Lack of Feedback
![Page 43: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/43.jpg)
Lack of Instructions or Help
Snapchat is not intuitive for first-time users. ""Icons are not very meaningful."
![Page 44: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/44.jpg)
Instructions Example
![Page 45: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/45.jpg)
Bad or Missing Error Message
![Page 46: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/46.jpg)
App Design Guidelines
§ Make touchable items look touchable"§ Be consistent"§ Use adequate target sizes AND think about how user
will interact with page"§ Provide feedback to every action"§ Provide instructions for first-time users"§ Use meaningful error messages"
![Page 47: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/47.jpg)
SURL App Design Guidelines
§ Aesthetics"§ High quality images & media"§ High quality logo"§ Professional look-and-feel "
§ Text Appearance & Format"§ Uses adequate text size and appropriate style"§ Adequate text contrast with background"§ Text formatting facilitates scanning"§ Writing style appropriate for mobile users"
![Page 48: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/48.jpg)
Agenda
§ Introductions"§ Opportunity and Challenges for Mobile Design"§ Mobile App Development Process"§ Design Guidelines for Mobile Apps"§ How to Assess Usability!§ Mobile Usability Toolkit"§ Interactive Demo"
![Page 49: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/49.jpg)
How to Assess Usability
§ “Heuristic” Evaluation"§ Expert view of app design quality and ease of use based
on established heuristics and guidelines. "§ iOS, Android, Windows design guidelines"§ Usability.gov"§ J. Nielsen useit.com"§ usabilitynews.org"
"
![Page 50: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/50.jpg)
App Design Usability Testing
App “ease of use” can be measured by:"§ Learnability"§ Efficiency"§ Memorability"§ Satisfaction"
Objective vs Subjective Measures"
"
![Page 51: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/51.jpg)
Usability Testing
"A method of systematically determining the
usability of an app from the end-user perspective. "
![Page 52: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/52.jpg)
Usability Testing - When?
§ As early as possible in the design phase"§ As frequently as possible"§ Before functional specs are completed"§ Whenever a design decision needs to be made"
![Page 53: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/53.jpg)
Usability Testing - Who?
§ 8-10 participants"§ 1-2 observers"§ Users representative of the targeted population"§ NOT members of the design team"
![Page 54: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/54.jpg)
Usability Testing - How?
§ Define usability goals - relative vs. absolute "§ Create/test task scenarios"§ Decide on usability measures"§ Recruit appropriate test participants"
![Page 55: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/55.jpg)
Usability Measures
§ success "§ time to complete tasks "§ number of steps/taps to complete tasks"§ user perceptions of ease of use "§ overall user satisfaction with the app "§ eye tracking (optional)"
![Page 56: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/56.jpg)
Example App Usability Study
![Page 57: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/57.jpg)
Example: Ordering Pizza using an App
§ Add a pepperoni pizza to an order"§ Add a cheese pizza (alter the order to customize
toppings on the pizza)"§ Order a variety of items using a $100 budget"§ Delete an item from the order"
![Page 58: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/58.jpg)
Ordering Pizza using an App
![Page 59: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/59.jpg)
Editing a Pizza Order
![Page 60: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/60.jpg)
Deleting a Pizza Order
![Page 61: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/61.jpg)
Efficiency
§ Number of taps to complete task"§ How does it compare to the ‘optimal’ number?"
![Page 62: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/62.jpg)
Mobile eye tracking
![Page 63: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/63.jpg)
Mobile eye tracking
§ Eye tracking study of Pizza Hut iPad app"
![Page 64: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/64.jpg)
Mobile eye tracking
§ Eye tracking study of Pizza Hut iPad app"
![Page 65: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/65.jpg)
Agenda
§ Introductions"§ Opportunity and Challenges for Mobile Design"§ Mobile App Development Process"§ Usability & Mobile Apps"§ How to Assess Usability"§ Mobile Usability Toolkit!§ Interactive Demo"
![Page 66: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/66.jpg)
Mobile Usability Toolkit
§ iOS"§ Mirror on large display"§ Display Recorder"§ URL Logger"§ Keyboard Logger"
§ Android"§ Mirror on large display"§ Activity Monitor"§ URL Logger"§ Keyboard Logger"
§ Google Glass"§ uSee Glass"
§ Mobile eye-tracking"§ Tobii eye tracker"
![Page 67: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/67.jpg)
Mobile Usability Toolkit
§ Mirroring from a phone or tablet"
![Page 68: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/68.jpg)
Mobile Usability Toolkit
§ iOS Mirroring on large display"§ AirServer"§ Reflector"§ MirrorOp Receiver and Sender"
§ Android"§ MirrorOp Receiver and Sender"
![Page 69: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/69.jpg)
Mobile Usability Toolkit
§ iOS Display Recorder"
![Page 70: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/70.jpg)
Mobile Usability Toolkit: Android
§ Activity Monitor"§ Monitors activity on Android device"§ Captures task completion time"
§ URL Logger"§ Log URL visits"§ Captures task completion time"§ Can be used as a measure of lostness"
§ Keyboard logger"§ Records keyboard entry"§ Can be used as a measure of physical workload"
![Page 71: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/71.jpg)
Mobile Usability Toolkit: Android
§ Touch Recorder"§ Records number of touches"§ Can be used as a measure of physical workload"
![Page 72: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/72.jpg)
Activity Monitor installation
§ http://www.ueseo.org/download/Activity%20Monitor/ActivityMonitor.apk!
§ http://tinyurl.com/ActivityMonitor!§ Or Scan the QR code below to install Activity
Monitor!
![Page 73: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/73.jpg)
URL Logger installation
§ http://www.ueseo.org/download/URL%20Logger/URLLogger.apk!
§ http://tinyurl.com/URLLoggerInstaller!§ Or Scan the QR code below to install URL Logger!
![Page 74: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/74.jpg)
ASTRO File Manager installation
§ Search “ASTRO File Manager ” in Google Play store"§ To see data collected by the tolls"
![Page 75: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/75.jpg)
Touch Logger
§ Needs a computer with Android developing environment;"
§ Log touches in Android devices"
![Page 76: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/76.jpg)
Kidlogger
§ Log keyboard input"
![Page 77: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/77.jpg)
Other Mobile Usability Tools
§ Google Glass – uSee Glass"§ Participant point-of-view"§ Facilitator logging "
![Page 78: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/78.jpg)
uSee Glass for Google Glass
uSee Glass Traditional Software using Webcam
Participant and/or researcher POV Researcher perspective only
Log events through tap Log events from separate computer
No extra camera needed Webcam required
Text chat in Glass head-mounted display Text chat in heads-down-display
Manual video analysis Specialized software required
Mobile solution, portable Not portable
Low cost High cost
![Page 79: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/79.jpg)
Agenda
§ Introductions"§ Opportunity and Challenges for Mobile Design"§ Mobile App Development Process"§ Usability & Mobile Apps"§ How to Assess Usability"§ Mobile Usability Toolkit"§ Demo!
![Page 80: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/80.jpg)
Demo
§ Compare the auto-quote system of State Farm & GEICO. Which system is more usable?"
§ Persona: "§ John Doe SSN: 349-06-7488"§ Age 29, male, single, born on Jan. 1, 1985"§ Start to drive since 20 years old, rents an apartment"§ 505 Rock Rd Apt 888"§ Wichita, KS 67206"§ 6000 yearly mileage, no accident or ticket history "§ owns a 2008 Ford Taurus SEL 4D SED, 5000 yearly
mileage, purchased on June 1, 2010"
![Page 81: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/81.jpg)
Sample experiment data
§ Sample data"https://www.dropbox.com/sh/u5unthylo9oxoms/GqXmbigl5l""
![Page 82: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/82.jpg)
Results
State Farm GEICO
Task completion time 6.71 min 6.19 min
# of URL visits 9 21
# of key entries 109 93
# of taps 271 249
GEICO system was more efficient • Shorter task completion time • Fewer taps and key entry
![Page 83: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/83.jpg)
Usability Recommendations
What did you notice? "
![Page 84: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/84.jpg)
Usability Recommendations
§ Quick deletion of default values"
![Page 85: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/85.jpg)
Usability Recommendations
§ One vs. three boxes for SSN"
![Page 86: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/86.jpg)
Usability Recommendations
§ Missing required information"
![Page 87: Mobile usability workshop - Android-iPhone-Google Glass - Jibo He](https://reader033.vdocuments.site/reader033/viewer/2022050815/53f8e3b58d7f72b82e8b4898/html5/thumbnails/87.jpg)
References
§ www.usabilitynews,org "
§ www.Usability.gov "
§ www.useit.com"
§ He, J., Chaparro, B., & Haskins, C. (submitted). USee Glass: A Mobile Usability Research Tool Using Google Glass. Proceedings of Human Factors and Ergonomics Society, Chicago, IL."
§ He, J. , Chaparro, B., Siu, C., & Strohl, J. (2014). Mobile eye tracking. Chapter 10 of Eye Tracking in User Experience Design. Published by Morgan Kaufmann. "