Interaction Design

Documenting Design Patterns for Agile Teams

August 12, 2015
::
Design 4 Drupal, Cambridge MA
::
Conference Talk
Link to Slides:
https://www.slideshare.net/thezenkitchen/documenting-designpatterns

As UX becomes increasingly Agile, a need arises to quickly create and iterate new interface elements. Many popular frameworks exist to document front-end design patterns. Most of them connect directly to the website's CSS, and help developers easily create new interface elements and templates.

But what happens when the design and UX team can't work in code? How can we create truly cross-functional design documentation that works both for developers and designers?

In this session, I describe the process we worked on at Harvard Business Review to document our existing design patterns and create a working set of elements that allow both for rapid iteration of design prototypes and implementation of templates in code.

Presentation also given at UXPA Boston 2015, and as a webcast for Srijan Technologies and O'Reilly Media.