SlideShare a Scribd company logo
Making API Docs Work 
API Usability and getting people to contribute to open source @CFPB
How this project came about. 
T&I wanted to use the release of HMDA data as an opportunity 
to engage the developer community. Understanding that HMDA 
data could get complicated, Clinton Dreisbach wrote 
documentation for the API. Desiree Garcia and Mehgan Iulo 
were asked to make it look presentable.
The result 
intuitive 
nav 
context 
quick 
start 
github 
github
Hands-on 
Swagger
Concepts provide examples 
Introducing something new 
and unique to HMDA API and 
reinforcing it with a real 
example. 
Making the basics relevant 
right away
Can be harder or simpler 
Making the entire thing 
available to play with 
Always allow going back 
Always allow making it harder
Level of detail and focus 
Skimming over the details 
helps with the big picture and 
prevents cognitive overload 
Without losing those who 
really need it
2 
Win! 
So we forget about it!
2 
18f 
API usability
3 
It sounded so much cooler than it was 
▪ 6 people from private industry invited to do a usability study on 3 
government API documentation sites 
▪ Companies: 
▪ GovTribe 
▪ API Academy 
▪ iStrategyLabs 
▪ Sites: HMDA Docs was one of them, SAM API, USAjobs 
▪ Note that SAM API kinda took our work and changed the colors on them 
▪ Study was a think aloud free-association thing for 5 minutes plus ?s 
▪ CFPB docs were perceived as an ideal
5 
▪ “It’s so easy to use” 
▪ “wonderfully laid out and 
organized” 
▪ “lots of just in time moments” 
▪ “great to see embedded calls” 
▪ “[that HMDA site uses the 
API] that’s awesome” 
The bad 
▪ “It looks like a show-off science 
project” 
▪ “sounds like terms and 
conditions” 
▪ “can’t find any definitions” 
▪ “congress stuff” 
▪ business plans, stagnant 
Overall Findings 
The good 
Cool but I would’t use it.
3 
Following up with a thank you note 
Committed in front of the industry visitors that we would make changes 
to improve their experience. 
1. Fixing what was freezing 
2. Adding more examples ( 
3. Trimming the fat on gov-speak (approachable) 
The highest hope being that they would check back and contribute this 
time. 
The worst case being that we would do nothing and they’d lose trust; 
another instance of “more talking no doing”
Why usability and user experience is an afterthought 
3 
My take: 
▪ The dev community represents the ultimate power user. 
▪ Usability is perceived as a non-issue because we know all the 
workarounds 
▪ There might even be some triumph to figuring out something that is 
disorganized, tricky, and unintuitive. 
This isn’t the real problem.
2 
The problem is not one of ability and skill. 
It’s one of motivation.
3 
Open source success and motivation 
▪ People have a perception of what government-produced software is 
like, it’s not attractive, and it puts us at a disadvantage. 
▪ If we invite the dev community to contribute, we have to work extra 
hard 
▪ We have to pitch it in such a way that gives the promise of, “this will 
be different” 
▪ But it can’t stop there–once they arrive at our documentation or other 
content, it needs to continue being different 
▪ This was the strategy for the first version of the docs. It made them 
successful but also posed the biggest challenge:
2 
Responding to usability 
findings using Github
3 
Why use Github? 
1. use of a place where devs already are means we’re catering to them not us 
2. shows that our repos are not stagnant after successful launch 
3. if one of us can’t implement changes, there are ways for others to do it
3 
Using Github to file usability issues 
User feedback —> Open Github Issue 
Describe the problem using UX or 
usability tone 
Show screenshots if applicable 
Propose a solution with screenshots 
Make the fixes needed actionable steps
2 
Easy stuff
3 
Interaction improvements: crashy
3 
Interaction improvements: crashy
3 
Interaction improvements: fields
3 
Interaction improvements: nav
2 
Trickier stuff
3 
Content improvements: basics
3 
Content improvements: relevance
3 
Content improvements: faster context
2 
The hard stuff
3 
Content improvements: jargon
“How do I know this stuff will be there in 5 years?” 
The deal breaker for those who want to create serious work–the 
unknown cannot be accounted for in a business plan. Less 
talking and more doing–no activity on a project after launch is 
seen as abandoned. 
How do we communicate our change process outside the 
Bureau?
Engage in a way that would make Picard proud 
“API developers who want to build tools using the API can 
browse the documentation” 
“Software developers should check out our API and documentation.” 
“…we encourage you to contribute to the project on GitHub” 
“Here are the docs on that.”
2 
Lessons learned
Devs are users too. 
Not speaking to developers in the user research portion of the 
HMDA project is a homemade example of assuming that we know 
our user. API Documentation, likewise, is not for expert HMDA 
users.
Mortgage data is boring. 
This is like promoting a MOOC on Latin grammar.
I ate my own dog food. 
In order to empathize with developers, I had to see if I could learn and 
do using my own documentation.

More Related Content

PPTX
Work-Accomplishments
PDF
WordCamp Nashville 2015: Agile Contracts for WordPress Consultants
PDF
Building real things for real people 2009
PDF
My Career Journey: An Unconventional Path into DevOps
PDF
Continuous Documentation: The Best Time is Now
PPTX
It Takes Two - A Case Study in Pair Programming
PDF
Let's Work Together!
Work-Accomplishments
WordCamp Nashville 2015: Agile Contracts for WordPress Consultants
Building real things for real people 2009
My Career Journey: An Unconventional Path into DevOps
Continuous Documentation: The Best Time is Now
It Takes Two - A Case Study in Pair Programming
Let's Work Together!

Viewers also liked (17)

PPT
Yui css
PDF
PPTX
Essential YUI
DOCX
Budgeting
PPTX
Ciparay
DOCX
Industry
PPTX
Presentatie1 voor slideshare
PPTX
Yovita kristin (090210302079)
PPTX
Media evaluation
PPT
Regresiones, de Vicente Muñoz Ávarez
PPTX
세바기(세상을 바꾸는 기술)_변화를 위한 무한도전
PPTX
Designing a "nutrition facts" label for disclosing prepaid card fees
DOCX
Industry
PDF
Analsisis pisa
DOC
S ilabus tik smp berkarakter kelas 7 sd 9
PPTX
e-Manufacturing; before and after
PPTX
mes와 fems을 활용한 생산공장 에너지효율화
Yui css
Essential YUI
Budgeting
Ciparay
Industry
Presentatie1 voor slideshare
Yovita kristin (090210302079)
Media evaluation
Regresiones, de Vicente Muñoz Ávarez
세바기(세상을 바꾸는 기술)_변화를 위한 무한도전
Designing a "nutrition facts" label for disclosing prepaid card fees
Industry
Analsisis pisa
S ilabus tik smp berkarakter kelas 7 sd 9
e-Manufacturing; before and after
mes와 fems을 활용한 생산공장 에너지효율화
Ad

Similar to Making API documentation work (20)

PPTX
How To Be An Unofficial Agile Transformation Catalyst
PDF
Agile Prototyping Best Practices
DOCX
The principles of agile development
PDF
"Open" includes users - Leverage their input
PDF
Full stack conference talk slides
PDF
OpenUI: Integrating Usage Data?
PDF
Losing Sight of DevOps in an Automation Forest - devopsdays Atlanta 2013
PPT
Avram ODonovan Blogtalk2008
PDF
How to Open Source an Internal Project
PDF
stackconf 2023 | Better Living by Changing Less – IncrativeOps by Michael Cot...
PDF
IIA3: Coding Like a Unicorn (Predix Transform 2016)
PDF
Rapid Product Design in the Wild
PDF
Walk, Don't Run: Incremental Change in Enterprise UX
PPTX
The Art Of Documentation for Open Source Projects
PDF
Azure Openai Service For Cloud Native Applications For True Epub Adrin Gonzle...
PDF
The README
PPTX
Interview preparation full_stack_java
PDF
Optimizing developer onboarding
PDF
Redesigning everything (avanscoperta meeutp edition)
PDF
Internet of Things Brings On Development Demands That DevOps Manages, Say Exp...
How To Be An Unofficial Agile Transformation Catalyst
Agile Prototyping Best Practices
The principles of agile development
"Open" includes users - Leverage their input
Full stack conference talk slides
OpenUI: Integrating Usage Data?
Losing Sight of DevOps in an Automation Forest - devopsdays Atlanta 2013
Avram ODonovan Blogtalk2008
How to Open Source an Internal Project
stackconf 2023 | Better Living by Changing Less – IncrativeOps by Michael Cot...
IIA3: Coding Like a Unicorn (Predix Transform 2016)
Rapid Product Design in the Wild
Walk, Don't Run: Incremental Change in Enterprise UX
The Art Of Documentation for Open Source Projects
Azure Openai Service For Cloud Native Applications For True Epub Adrin Gonzle...
The README
Interview preparation full_stack_java
Optimizing developer onboarding
Redesigning everything (avanscoperta meeutp edition)
Internet of Things Brings On Development Demands That DevOps Manages, Say Exp...
Ad

Recently uploaded (20)

PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PDF
Govind singh Corporate office interior Portfolio
PDF
Timeless Interiors by PEE VEE INTERIORS
PPTX
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
PDF
Designing Through Complexity - Four Perspectives.pdf
PPTX
Evolution_of_Computing_Presentation (1).pptx
PPTX
8086.pptx microprocessor and microcontroller
PPTX
Drawing as Communication for interior design
PDF
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PPT
Fire_electrical_safety community 08.ppt
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PROPOSAL tentang PLN di metode pelaksanaan.pptx
Govind singh Corporate office interior Portfolio
Timeless Interiors by PEE VEE INTERIORS
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
Designing Through Complexity - Four Perspectives.pdf
Evolution_of_Computing_Presentation (1).pptx
8086.pptx microprocessor and microcontroller
Drawing as Communication for interior design
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
Architecture Design Portfolio- VICTOR OKUTU
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
1 Introduction to Networking (06).pdfbsbsbsb
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
Fire_electrical_safety community 08.ppt

Making API documentation work

  • 1. Making API Docs Work API Usability and getting people to contribute to open source @CFPB
  • 2. How this project came about. T&I wanted to use the release of HMDA data as an opportunity to engage the developer community. Understanding that HMDA data could get complicated, Clinton Dreisbach wrote documentation for the API. Desiree Garcia and Mehgan Iulo were asked to make it look presentable.
  • 3. The result intuitive nav context quick start github github
  • 5. Concepts provide examples Introducing something new and unique to HMDA API and reinforcing it with a real example. Making the basics relevant right away
  • 6. Can be harder or simpler Making the entire thing available to play with Always allow going back Always allow making it harder
  • 7. Level of detail and focus Skimming over the details helps with the big picture and prevents cognitive overload Without losing those who really need it
  • 8. 2 Win! So we forget about it!
  • 9. 2 18f API usability
  • 10. 3 It sounded so much cooler than it was ▪ 6 people from private industry invited to do a usability study on 3 government API documentation sites ▪ Companies: ▪ GovTribe ▪ API Academy ▪ iStrategyLabs ▪ Sites: HMDA Docs was one of them, SAM API, USAjobs ▪ Note that SAM API kinda took our work and changed the colors on them ▪ Study was a think aloud free-association thing for 5 minutes plus ?s ▪ CFPB docs were perceived as an ideal
  • 11. 5 ▪ “It’s so easy to use” ▪ “wonderfully laid out and organized” ▪ “lots of just in time moments” ▪ “great to see embedded calls” ▪ “[that HMDA site uses the API] that’s awesome” The bad ▪ “It looks like a show-off science project” ▪ “sounds like terms and conditions” ▪ “can’t find any definitions” ▪ “congress stuff” ▪ business plans, stagnant Overall Findings The good Cool but I would’t use it.
  • 12. 3 Following up with a thank you note Committed in front of the industry visitors that we would make changes to improve their experience. 1. Fixing what was freezing 2. Adding more examples ( 3. Trimming the fat on gov-speak (approachable) The highest hope being that they would check back and contribute this time. The worst case being that we would do nothing and they’d lose trust; another instance of “more talking no doing”
  • 13. Why usability and user experience is an afterthought 3 My take: ▪ The dev community represents the ultimate power user. ▪ Usability is perceived as a non-issue because we know all the workarounds ▪ There might even be some triumph to figuring out something that is disorganized, tricky, and unintuitive. This isn’t the real problem.
  • 14. 2 The problem is not one of ability and skill. It’s one of motivation.
  • 15. 3 Open source success and motivation ▪ People have a perception of what government-produced software is like, it’s not attractive, and it puts us at a disadvantage. ▪ If we invite the dev community to contribute, we have to work extra hard ▪ We have to pitch it in such a way that gives the promise of, “this will be different” ▪ But it can’t stop there–once they arrive at our documentation or other content, it needs to continue being different ▪ This was the strategy for the first version of the docs. It made them successful but also posed the biggest challenge:
  • 16. 2 Responding to usability findings using Github
  • 17. 3 Why use Github? 1. use of a place where devs already are means we’re catering to them not us 2. shows that our repos are not stagnant after successful launch 3. if one of us can’t implement changes, there are ways for others to do it
  • 18. 3 Using Github to file usability issues User feedback —> Open Github Issue Describe the problem using UX or usability tone Show screenshots if applicable Propose a solution with screenshots Make the fixes needed actionable steps
  • 27. 3 Content improvements: faster context
  • 28. 2 The hard stuff
  • 30. “How do I know this stuff will be there in 5 years?” The deal breaker for those who want to create serious work–the unknown cannot be accounted for in a business plan. Less talking and more doing–no activity on a project after launch is seen as abandoned. How do we communicate our change process outside the Bureau?
  • 31. Engage in a way that would make Picard proud “API developers who want to build tools using the API can browse the documentation” “Software developers should check out our API and documentation.” “…we encourage you to contribute to the project on GitHub” “Here are the docs on that.”
  • 33. Devs are users too. Not speaking to developers in the user research portion of the HMDA project is a homemade example of assuming that we know our user. API Documentation, likewise, is not for expert HMDA users.
  • 34. Mortgage data is boring. This is like promoting a MOOC on Latin grammar.
  • 35. I ate my own dog food. In order to empathize with developers, I had to see if I could learn and do using my own documentation.