Mobile usability workshop - Android-iPhone-Google Glass - Jibo He

  • View
    190

  • Download
    0

Embed Size (px)

DESCRIPTION

Jibo He lectures on his innovative mobile usability toolkit for mobile devices.

Text of Mobile usability workshop - Android-iPhone-Google Glass - Jibo He

  • How Do You Design a Usable Mobile App? Jibo He & Barbara S. Chaparro Department of Psychology, Human Factors 4/8/141
  • Agenda Introductions" Opportunity and Challenges for Mobile Design" Mobile App Development Process" Usability & Mobile Apps" How to Assess Usability" Mobile Usability Toolkit" Interactive Demo"
  • What This Workshop is - App development" - App features that impact usability" - Common mistakes" - How to assess app usability" !
  • What This Workshop is Not Developer training" Graphic design training" " If you need such training, please call Jibo
  • 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
  • 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"
  • 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"
  • Mobile Product Opportunity Mobile ads spending" $18 billion in 2014" $42 billion by 2017"
  • Mobile Product Opportunity Mobile application stores revenue"
  • Mobile Product Opportunity Mobile application monthly downloads"
  • Mobile Product Opportunity Mega-million app companies" Whatsapp - $19 billion (acquired by Facebook)" Instagram - $1 billion (acquired by Facebook)"
  • Mobile Product Opportunity Developer Revenue" Average revenue per application estimated US$8700"
  • Mobile Product Challenges So MANY apps how can yours stand out? "
  • 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? "
  • 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"
  • 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? "
  • Mobile App Development Process Which platform to choose? " Android" iOS" Windows" Blackberry" Firefox mobile" Ubuntu mobile" Tizen" Sybian"
  • Mobile App Development Process
  • Mobile App Development Process What programming languages? " Objective-C (iPhone & iPad)" Java (Android)" C# (Windows mobile)" HTML5 (All platforms)"
  • 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"
  • Mobile App Development Process Who do I hire to do the work? " Developer" Graphic designer" User experience (UX) researcher" Marketing specialist" "
  • 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" "
  • Mobile App Development Process How can I make money?" App sales" Mobile ads" In-app purchase" Free Promotion" Get acquired by large company" "
  • 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"
  • Design Guidelines for Mobile Apps LOTS of design guidelines out there" MANY of the WEB DESIGN guidelines also hold true for APPS"
  • 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 Specic"
  • Types of Mobile Solutions Responsive website adapts to any device; most exible" Native app Google Play, iOS App store (use when speed is important)" Web app task oriented; e.g., booking tickets"
  • Types of Mobile Solutions Question Responsive Design Site Native App Does app use smartphone features? - Uses smartphone features Is it better if customized to users 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 -
  • 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" "
  • 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"
  • Affordance: iOS 7.0 Flat UI Design iOS 6.0 vs 7.0"
  • Affordance: Windows 8 Metro
  • Affordance: Android App Which are links? Nope Why do I have to be told what to tap?
  • 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
  • Navigation/Link Confusion: Which Tab is Active?
  • Inconsistency Tapping on the events on the le? screen result in more detail. Tapping on the events on the right screen does nothing.
  • 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.
  • Inconsistency Horizontal scroll plus a More No scroll Vertical scroll
  • Return to Affordance? iOS 7.2 Accessibility option to bring the button shapes back!"
  • 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
  • Target Size & Location Google Hangout GPS and camera links are very small and can be tapped by accident instead of Back hardware button.
  • Lack of Feedback
  • Lack of Instructions or Help Snapchat is not intuitive for rst- time users. " " Icons are not very meaningful."
  • Instructions Example
  • Bad or Missing Error Message
  • App Design Guidelines Make touchab