User Testing in the Invisible World of APIs

User Testing in the Invisible World of APIs

• 1.
  The UX ofDX: User Testing in the Invisible World of APIs Jenny Wanger @jennydove
• 2.
  Improve API Usability by applyingUX Methods Empathize Scope Ideate Prototype Test Iterate {dev}
• 3.
  Discovery Build somethinguseful Make it easy to navigateTaxonomy Get the structures rightMock & Prototype Find perfectionUsability Our UX Framework
• 4.
  Interviews Site Visits Ethnography TECHNIQUES • Collaboratewith your end user to develop use cases • Determine what information to include that solves for their need Discovery Taxonomy Usability Mock & Prototype
• 5.
  DISCOVERY Observation > Conversation Lookfor the point of marginal return # of users learnings Developers + End Users
• 6.
  Discovery Taxonomy Usability Mock & Prototype CardSort Tree Testing TECHNIQUES • Use user personas to create different journeys for your developers • Focus on method and resource names, order of operations
• 7.
  TAXONOMY User BIRTHPLACE AGE PET Chicago26 yrs old 3 Cats /details /attributes /characteristics /randomThings /tags /data
• 9.
  Discovery Taxonomy Usability Mock & Prototype PaperPrototypes Instant Messenger APIs TECHNIQUES • Think through the structure of the API request and response body • The goal is to get a basic outline of each endpoint
• 10.
  MOCK & PROTOTYPE GET forecast/London },{ "period": 3, "title":"Wednesday Night", "fcttext": "Overcast. Fog overnight. Low of 54F. Winds from the WSW at 5 to 15 mph.", "fcttext_metric": "Overcast. Fog overnight. Low of 12C. Breezy. Winds from the WSW at 10 to 20 km/h.", “precipitation": "0" },{ Percent or inches? Why is only one FCT tagged with the units? Should be fcttext_imperial and fcttext_metric
• 11.
  Ugly is Beautiful
• 12.
  Discovery Taxonomy Usability Mock & Prototype UsabilityTesting via Postman or Swagger TECHNIQUES • Mock up your API in full detail without a back end • Follow UX usability testing techniques to run testing • This is where you decide on the fine details: units, headers, etc.
• 13.
  USABILITY • Charge acredit card for $12.50 • Apply a discount of 10% for every person who uses the code “API THE DOCS” • Create a pricing chart for lattes, cappuccinos, and mochas
• 14.
  Let’s build anAPI! Testing Completed
• 15.
  Assess Vision Don’t letan already-built API stop you from building the right API Version 15 APIs that are live today
• 16.
  CREATIVE FIXES GET reports type: {periodic,summary, histogram} If periodic , please supply… If summary, please supply… If histogram, please supply…
• 17.
  HIDE WITH DOCS GET reports/periodic type:periodic Start_date: 10092017 End_date: 10102017 Start_time: 1124 End_time: 1909 Interval_length: 2 Interval_units: hours
• 18.
  Questions? Users first Thanks to EmilyRyou for her contributions to this presentation. @jennydove