SlideShare a Scribd company logo
 
Applying	
  Universal	
  Design	
  Principles	
  
to	
  API	
  Ini5a5ves	
  	
  

Kevin Swiber
@kevinswiber

Alan Languirand
                                            Apigee
@13protons                                 @apigee
groups.google.com/group/api-craft
youtube.com/apigee
slideshare.net/apigee
@kevinswiber	
          @13protons	
  
Kevin	
  Swiber	
     Alan	
  Languirand	
  
amazon.com	
  
                 *
“   Successful	
  products	
  typically	
  follow	
  four	
  stages	
  of	
  crea5on:	
  
    requirements,	
  design,	
  development,	
  and	
  tes5ng.	
  


                                             Development	
  Cycle	
  
                                                            Universal	
  Principles	
  of	
  Design	
  




                                                                                                          *
Development	
  Cycle	
  

Requirements	
     Design	
     Development	
     Tes5ng	
  
	
                 	
           	
                	
  




                                                               *
Development	
  Cycle	
  

Requirements	
                Design	
          Development	
             Tes5ng	
  
	
                            	
                	
                        	
  
80/20	
                       Consistency	
  
                                                Inverted	
  Pyramid	
     Signal	
  to	
  Noise	
  Ra5o	
  
	
                            	
  
                                                Errors	
                  Validate	
  
Flexibility	
  vs.	
          Layering	
  
                                                	
  
Usability	
  Trade-­‐off	
     	
  
                                                Visibility	
  
	
                            Constraints	
  




                                                                                                      *
Applica5on	
  Developers	
  are	
  Kingmakers	
  



App     App               App       World of          API   Internal
                  App                          API
User    Store           Developer    APIs            Team   Systems
Ques5ons	
  to	
  ask	
  at	
  each	
  phase:	
  
• 	
  What	
  is	
  the	
  app	
  developer	
  doing?	
  
• 	
  How	
  can	
  we	
  help?	
  




                                                            *
Development	
  Cycle	
  

Requirements	
                Design	
          Development	
             Tes5ng	
  
	
                            	
                	
                        	
  
80/20	
                       Consistency	
  
                                                Inverted	
  Pyramid	
     Signal	
  to	
  Noise	
  Ra5o	
  
	
                            	
  
                                                Errors	
                  Validate	
  
Flexibility	
  vs.	
          Layering	
  
                                                	
  
Usability	
  Trade-­‐off	
     	
  
                                                Visibility	
  
	
                            Constraints	
  




                                                                                                      *
“   A	
  high	
  percentage	
  of	
  effects	
  in	
  any	
  large	
  system	
  are	
  caused	
  
    by	
  a	
  low	
  percentage	
  of	
  variables.	
  


                                                                      80/20	
  Rule	
  
                                                                 Universal	
  Principles	
  of	
  Design	
  




                                                                                                               *
Invest	
  in	
  highly-­‐used	
  features	
  




                                                *
Fix	
  high-­‐impact	
  bugs	
  




                                   *
“   As	
  the	
  flexibility	
  of	
  a	
  system	
  increases,	
  its	
  usability	
  
    decreases.	
  


                              Flexibility-­‐Usability	
  Tradeoff	
  
                                                                    Universal	
  Principles	
  of	
  Design	
  




                                                                                                                  *
Many	
  op5ons	
  vs.	
  quick	
  adop5on	
  




                                                *
Start	
  with	
  a	
  well-­‐defined	
  use	
  case	
  




                                                         *
Iterate	
  to	
  greater	
  flexibility	
  




                                             *
Development	
  Cycle	
  

Requirements	
                Design	
          Development	
             Tes5ng	
  
	
                            	
                	
                        	
  
80/20	
                       Consistency	
  
                                                Inverted	
  Pyramid	
     Signal	
  to	
  Noise	
  Ra5o	
  
	
                            	
  
                                                Errors	
                  Validate	
  
Flexibility	
  vs.	
          Layering	
  
                                                	
  
Usability	
  Trade-­‐off	
     	
  
                                                Visibility	
  
	
                            Constraints	
  




                                                                                                      *
Point	
  the	
  way	
  




                          *
*
“   The	
  usability	
  of	
  a	
  system	
  is	
  improved	
  when	
  similar	
  parts	
  are	
  
    expressed	
  in	
  similar	
  ways.	
  


                                                                    Consistency	
  
                                                                  Universal	
  Principles	
  of	
  Design	
  




                                                                                                                *
Define	
  paerns	
  




                       *
*
“   The	
  process	
  of	
  organizing	
  informa5on	
  into	
  related	
  
    groupings	
  in	
  order	
  to	
  manage	
  complexity	
  and	
  reinforce	
  
    rela5onships	
  in	
  the	
  informa5on.	
  

                                                                        Layering	
  
                                                           Universal	
  Principles	
  of	
  Design	
  




                                                                                                         *
*
“   A	
  method	
  of	
  limi5ng	
  the	
  ac5ons	
  that	
  can	
  be	
  performed	
  on	
  
    a	
  system.	
  


                                                                       Constraint	
  
                                                                Universal	
  Principles	
  of	
  Design	
  




                                                                                                              *
Twier	
  v1:	
  
/statuses/public_timeline.json
/statuses/public_timeline.xml




                                 *
Twier	
  v1.1	
  
/statuses/public_timeline.json




                                 *
Eliminate	
  unnecessary	
  choices	
  




                                          *
Development	
  Cycle	
  

Requirements	
                Design	
          Development	
             Tes5ng	
  
	
                            	
                	
                        	
  
80/20	
                       Consistency	
  
                                                Inverted	
  Pyramid	
     Signal	
  to	
  Noise	
  Ra5o	
  
	
                            	
  
                                                Errors	
                  Validate	
  
Flexibility	
  vs.	
          Layering	
  
                                                	
  
Usability	
  Trade-­‐off	
     	
  
                                                Visibility	
  
	
                            Constraints	
  




                                                                                                      *
Share	
  our	
  domain	
  knowledge	
  




                                          *
*
*
*
*
Share	
  our	
  API	
  knowledge	
  




                                       *
*
*
*
“   A	
  method	
  of	
  informa5on	
  presenta5on	
  in	
  which	
  informa5on	
  
    is	
  presented	
  in	
  descending	
  order	
  of	
  importance.	
  


                                              Inverted	
  Pyramid	
  
                                                        Universal	
  Principles	
  of	
  Design	
  




                                                                                                      *
Does	
  alphabet	
  soup	
  taste	
  good?	
  




                                                 *
List	
  resources	
  by	
  importance	
  




                                            *
*
*
*
“   An	
  ac5on	
  or	
  omission	
  of	
  ac5on	
  yielding	
  an	
  unintended	
  
    consequence.	
  


                                                                                   Errors	
  
                                                              Universal	
  Principles	
  of	
  Design	
  




                                                                                                            *
Make	
  it	
  easy	
  to	
  learn	
  from	
  mistakes	
  




                                                            *
*
*
*
“   The	
  usability	
  of	
  a	
  system	
  is	
  improved	
  when	
  its	
  status	
  and	
  
    methods	
  of	
  use	
  are	
  clearly	
  visible.	
  


                                                                                 Visibility	
  
                                                                   Universal	
  Principles	
  of	
  Design	
  




                                                                                                                 *
Be	
  transparent	
  and	
  human	
  




                                        *
*
*
*
Development	
  Cycle	
  

Requirements	
                Design	
          Development	
             Tes5ng	
  
	
                            	
                	
                        	
  
80/20	
                       Consistency	
  
                                                Inverted	
  Pyramid	
     Signal	
  to	
  Noise	
  Ra5o	
  
	
                            	
  
                                                Errors	
                  Validate	
  
Flexibility	
  vs.	
          Layering	
  
                                                	
  
Usability	
  Trade-­‐off	
     	
  
                                                Visibility	
  
	
                            Constraints	
  




                                                                                                      *
Ask	
  for	
  input,	
  give	
  data	
  




                                           *
*
*
*
“   The	
  ra5o	
  of	
  relevant	
  to	
  irrelevant	
  informa5on	
  in	
  a	
  display.	
  
    The	
  highest	
  possible	
  signal-­‐to-­‐noise	
  ra5o	
  is	
  desirable	
  in	
  
    design.	
  

                                             Signal-­‐to-­‐Noise	
  Ra5o	
  
                                                                 Universal	
  Principles	
  of	
  Design	
  




                                                                                                               *
Maintain	
  clarity.	
  




                           *
Tip:	
  Verify	
  design	
  principles	
  as	
  well	
  as	
  
correctness.	
  




                                                                 *
Universal	
  Principles	
  of	
  Design	
  

•      Educate	
  others	
  about	
  our	
  domain	
  
•      Cer5fy	
  our	
  partner	
  developers	
  
•      Inspire	
  with	
  an	
  app	
  gallery	
  
•      Guide	
  the	
  design	
  of	
  apps	
  
•      List	
  the	
  objects	
  in	
  our	
  system	
  
•      Engage	
  developers	
  with	
  an	
  API	
  console	
  
•      Be	
  accessible	
  via	
  forums,	
  social	
  media	
  &	
  email	
  
•      Receive	
  bugs	
  &	
  feature	
  requests	
  directly	
  from	
  developers	
  
•      Show	
  each	
  developer	
  his	
  API	
  data	
  
•      Respond	
  with	
  HTTP	
  status	
  codes	
  for	
  apps	
  
•      Respond	
  with	
  verbose	
  messages	
  for	
  app	
  developers	
  
•      Create	
  social	
  error	
  pages	
  with	
  details	
  and	
  hints	
  
•      Favor	
  flexibility	
  
•      Op5mize	
  usability	
  
•      Eliminate	
  unnecessary	
  choices	
  
•      Invest	
  in	
  highly-­‐used	
  features	
  
•      Fix	
  high-­‐impact	
  bugs	
  
•      List	
  resources	
  by	
  importance	
  


                                                                                           *
Ques5ons	
  
groups.google.com/group/api-­‐cra?	
  
THANK	
  YOU	
  
	
  
Ques%ons	
  and	
  ideas	
  to:	
  
@kevinswiber	
  
@13protons	
  
	
  
groups.google.com/group/api-­‐cra?	
  

More Related Content

PDF
Universal Principles of Design
PDF
Work in progress: ENAT Guidelines on the Universal Design of tourism services...
PDF
Universal Design and the ICF
PPT
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
PPT
Imagining a Wheelchair-Accessible Nepal with Tina Descolada
PDF
Universal design in a diverse world
PPTX
Workshop Universal Design Principles.
PDF
Utilising Universal Design on “Soft Infrastructure” for Competitive Advantage...
Universal Principles of Design
Work in progress: ENAT Guidelines on the Universal Design of tourism services...
Universal Design and the ICF
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
Imagining a Wheelchair-Accessible Nepal with Tina Descolada
Universal design in a diverse world
Workshop Universal Design Principles.
Utilising Universal Design on “Soft Infrastructure” for Competitive Advantage...

Viewers also liked (16)

PDF
PDF
Universal Design Guide for Inclusive Tourism by Scott and Sarah Pruett
PDF
Irish Wheelchair Association Access Guidelines
PDF
Developing an Accessible Tourism Strategy - (Disabled Travelers Guide to the...
PPT
Intro to Principles of Universal Design for Learning
PPTX
universal design principle
PDF
UNIVERSAL DESIGN – BRDGE GAPING –WITH ARCHITECTS AND BUIDLING DESIGNERS
PPTX
Teaching Enrichment Series: Incorporating Universal Design
PPT
Universal design
PPTX
Mark Trieglaff: Forest Glen Park Design Case Study - Universal Design in a Pa...
PPT
Universal Design for Learning: A framework for access and equity
PPT
Universal Design for Learning - Meeting the Needs of Learners
PPT
Universal Design: The Seven Principles
PDF
PPT
HCI 3e - Ch 10: Universal design
PDF
Universal Design, Accessibility, and the Typing Experience
Universal Design Guide for Inclusive Tourism by Scott and Sarah Pruett
Irish Wheelchair Association Access Guidelines
Developing an Accessible Tourism Strategy - (Disabled Travelers Guide to the...
Intro to Principles of Universal Design for Learning
universal design principle
UNIVERSAL DESIGN – BRDGE GAPING –WITH ARCHITECTS AND BUIDLING DESIGNERS
Teaching Enrichment Series: Incorporating Universal Design
Universal design
Mark Trieglaff: Forest Glen Park Design Case Study - Universal Design in a Pa...
Universal Design for Learning: A framework for access and equity
Universal Design for Learning - Meeting the Needs of Learners
Universal Design: The Seven Principles
HCI 3e - Ch 10: Universal design
Universal Design, Accessibility, and the Typing Experience
Ad

Similar to Applying Design Principles to API Initiatives (20)

PPTX
Building Results Oriented Websites: The Method That Ends the Madness
PPT
Chapter 1 ASE Slides ppt
PPTX
User centered-design process
PDF
GHAMAS Design Principles
PPSX
User Experience Design [UXD]
PDF
Dima Todorova-Lilavois: Recent Work
PDF
Simple design
PDF
Applying Design Priciples to APIs - 1 of 4
PDF
Design and UX in an Agile Process
PDF
Usability & Interface Design for HiTech Products
PDF
Agile Engineering - ODU ACM
PDF
プレゼンビフォアアフタ
PDF
Intro Design Principles
PDF
Dr. Ronen Bar-Nahor - Optimizing Agile Testing in Complex Environments
PDF
Sharpen your axe drupal concph 2010
PDF
8 - Architetture Software - Architecture centric processes
PDF
L01web 2x2
PDF
Requirements Manager Center of Excellence: “Achieving Goals Without Formaliz...
PDF
Agile for Startups
PPTX
04 design concepts_n_principles
Building Results Oriented Websites: The Method That Ends the Madness
Chapter 1 ASE Slides ppt
User centered-design process
GHAMAS Design Principles
User Experience Design [UXD]
Dima Todorova-Lilavois: Recent Work
Simple design
Applying Design Priciples to APIs - 1 of 4
Design and UX in an Agile Process
Usability & Interface Design for HiTech Products
Agile Engineering - ODU ACM
プレゼンビフォアアフタ
Intro Design Principles
Dr. Ronen Bar-Nahor - Optimizing Agile Testing in Complex Environments
Sharpen your axe drupal concph 2010
8 - Architetture Software - Architecture centric processes
L01web 2x2
Requirements Manager Center of Excellence: “Achieving Goals Without Formaliz...
Agile for Startups
04 design concepts_n_principles
Ad

More from Apigee | Google Cloud (20)

PDF
How Secure Are Your APIs?
PDF
Magazine Luiza at a glance (1)
PPTX
Monetization: Unlock More Value from Your APIs
PDF
Apigee Demo: API Platform Overview
PDF
Ticketmaster at a glance
PDF
AccuWeather: Recasting API Experiences in a Developer-First World
PDF
Which Application Modernization Pattern Is Right For You?
PPTX
Apigee Product Roadmap Part 2
PPTX
The Four Transformative Forces of the API Management Market
PDF
Walgreens at a glance
PDF
Apigee Edge: Intro to Microgateway
PDF
Managing the Complexity of Microservices Deployments
PDF
Pitney Bowes at a glance
PPTX
Microservices Done Right: Key Ingredients for Microservices Success
PDF
Adapt or Die: Opening Keynote with Chet Kapoor
PDF
Adapt or Die: Keynote with Greg Brail
PDF
Adapt or Die: Keynote with Anant Jhingran
PDF
London Adapt or Die: Opening Keynot
PDF
London Adapt or Die: Lunch keynote
PDF
London Adapt or Die: Closing Keynote — Adapt Now!
How Secure Are Your APIs?
Magazine Luiza at a glance (1)
Monetization: Unlock More Value from Your APIs
Apigee Demo: API Platform Overview
Ticketmaster at a glance
AccuWeather: Recasting API Experiences in a Developer-First World
Which Application Modernization Pattern Is Right For You?
Apigee Product Roadmap Part 2
The Four Transformative Forces of the API Management Market
Walgreens at a glance
Apigee Edge: Intro to Microgateway
Managing the Complexity of Microservices Deployments
Pitney Bowes at a glance
Microservices Done Right: Key Ingredients for Microservices Success
Adapt or Die: Opening Keynote with Chet Kapoor
Adapt or Die: Keynote with Greg Brail
Adapt or Die: Keynote with Anant Jhingran
London Adapt or Die: Opening Keynot
London Adapt or Die: Lunch keynote
London Adapt or Die: Closing Keynote — Adapt Now!

Recently uploaded (20)

PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Approach and Philosophy of On baking technology
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPT
Teaching material agriculture food technology
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Empathic Computing: Creating Shared Understanding
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Spectroscopy.pptx food analysis technology
PPTX
Cloud computing and distributed systems.
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
cuic standard and advanced reporting.pdf
MYSQL Presentation for SQL database connectivity
Understanding_Digital_Forensics_Presentation.pptx
MIND Revenue Release Quarter 2 2025 Press Release
Digital-Transformation-Roadmap-for-Companies.pptx
Approach and Philosophy of On baking technology
Review of recent advances in non-invasive hemoglobin estimation
Teaching material agriculture food technology
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Empathic Computing: Creating Shared Understanding
Spectral efficient network and resource selection model in 5G networks
Spectroscopy.pptx food analysis technology
Cloud computing and distributed systems.
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Unlocking AI with Model Context Protocol (MCP)
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
cuic standard and advanced reporting.pdf

Applying Design Principles to API Initiatives

  • 1.   Applying  Universal  Design  Principles   to  API  Ini5a5ves     Kevin Swiber @kevinswiber Alan Languirand Apigee @13protons @apigee
  • 5. @kevinswiber   @13protons   Kevin  Swiber   Alan  Languirand  
  • 7. Successful  products  typically  follow  four  stages  of  crea5on:   requirements,  design,  development,  and  tes5ng.   Development  Cycle   Universal  Principles  of  Design   *
  • 8. Development  Cycle   Requirements   Design   Development   Tes5ng           *
  • 9. Development  Cycle   Requirements   Design   Development   Tes5ng           80/20   Consistency   Inverted  Pyramid   Signal  to  Noise  Ra5o       Errors   Validate   Flexibility  vs.   Layering     Usability  Trade-­‐off     Visibility     Constraints   *
  • 10. Applica5on  Developers  are  Kingmakers   App App App World of API Internal App API User Store Developer APIs Team Systems
  • 11. Ques5ons  to  ask  at  each  phase:   •   What  is  the  app  developer  doing?   •   How  can  we  help?   *
  • 12. Development  Cycle   Requirements   Design   Development   Tes5ng           80/20   Consistency   Inverted  Pyramid   Signal  to  Noise  Ra5o       Errors   Validate   Flexibility  vs.   Layering     Usability  Trade-­‐off     Visibility     Constraints   *
  • 13. A  high  percentage  of  effects  in  any  large  system  are  caused   by  a  low  percentage  of  variables.   80/20  Rule   Universal  Principles  of  Design   *
  • 16. As  the  flexibility  of  a  system  increases,  its  usability   decreases.   Flexibility-­‐Usability  Tradeoff   Universal  Principles  of  Design   *
  • 17. Many  op5ons  vs.  quick  adop5on   *
  • 18. Start  with  a  well-­‐defined  use  case   *
  • 19. Iterate  to  greater  flexibility   *
  • 20. Development  Cycle   Requirements   Design   Development   Tes5ng           80/20   Consistency   Inverted  Pyramid   Signal  to  Noise  Ra5o       Errors   Validate   Flexibility  vs.   Layering     Usability  Trade-­‐off     Visibility     Constraints   *
  • 22. *
  • 23. The  usability  of  a  system  is  improved  when  similar  parts  are   expressed  in  similar  ways.   Consistency   Universal  Principles  of  Design   *
  • 25. *
  • 26. The  process  of  organizing  informa5on  into  related   groupings  in  order  to  manage  complexity  and  reinforce   rela5onships  in  the  informa5on.   Layering   Universal  Principles  of  Design   *
  • 27. *
  • 28. A  method  of  limi5ng  the  ac5ons  that  can  be  performed  on   a  system.   Constraint   Universal  Principles  of  Design   *
  • 32. Development  Cycle   Requirements   Design   Development   Tes5ng           80/20   Consistency   Inverted  Pyramid   Signal  to  Noise  Ra5o       Errors   Validate   Flexibility  vs.   Layering     Usability  Trade-­‐off     Visibility     Constraints   *
  • 33. Share  our  domain  knowledge   *
  • 34. *
  • 35. *
  • 36. *
  • 37. *
  • 38. Share  our  API  knowledge   *
  • 39. *
  • 40. *
  • 41. *
  • 42. A  method  of  informa5on  presenta5on  in  which  informa5on   is  presented  in  descending  order  of  importance.   Inverted  Pyramid   Universal  Principles  of  Design   *
  • 43. Does  alphabet  soup  taste  good?   *
  • 44. List  resources  by  importance   *
  • 45. *
  • 46. *
  • 47. *
  • 48. An  ac5on  or  omission  of  ac5on  yielding  an  unintended   consequence.   Errors   Universal  Principles  of  Design   *
  • 49. Make  it  easy  to  learn  from  mistakes   *
  • 50. *
  • 51. *
  • 52. *
  • 53. The  usability  of  a  system  is  improved  when  its  status  and   methods  of  use  are  clearly  visible.   Visibility   Universal  Principles  of  Design   *
  • 54. Be  transparent  and  human   *
  • 55. *
  • 56. *
  • 57. *
  • 58. Development  Cycle   Requirements   Design   Development   Tes5ng           80/20   Consistency   Inverted  Pyramid   Signal  to  Noise  Ra5o       Errors   Validate   Flexibility  vs.   Layering     Usability  Trade-­‐off     Visibility     Constraints   *
  • 59. Ask  for  input,  give  data   *
  • 60. *
  • 61. *
  • 62. *
  • 63. The  ra5o  of  relevant  to  irrelevant  informa5on  in  a  display.   The  highest  possible  signal-­‐to-­‐noise  ra5o  is  desirable  in   design.   Signal-­‐to-­‐Noise  Ra5o   Universal  Principles  of  Design   *
  • 65. Tip:  Verify  design  principles  as  well  as   correctness.   *
  • 66. Universal  Principles  of  Design   •  Educate  others  about  our  domain   •  Cer5fy  our  partner  developers   •  Inspire  with  an  app  gallery   •  Guide  the  design  of  apps   •  List  the  objects  in  our  system   •  Engage  developers  with  an  API  console   •  Be  accessible  via  forums,  social  media  &  email   •  Receive  bugs  &  feature  requests  directly  from  developers   •  Show  each  developer  his  API  data   •  Respond  with  HTTP  status  codes  for  apps   •  Respond  with  verbose  messages  for  app  developers   •  Create  social  error  pages  with  details  and  hints   •  Favor  flexibility   •  Op5mize  usability   •  Eliminate  unnecessary  choices   •  Invest  in  highly-­‐used  features   •  Fix  high-­‐impact  bugs   •  List  resources  by  importance   *
  • 69. THANK  YOU     Ques%ons  and  ideas  to:   @kevinswiber   @13protons     groups.google.com/group/api-­‐cra?