Recently Centresource published our first open source tool to the world. Please welcome Playbook. Playbook is a Yeoman generator to get you building interfaces faster. Jekyll is included for static site generation. Bourbon, Neat & Bitters are included to help you write CSS faster.
The goal for Playbook was to help the Centresource UX team be more productive faster. Every product that we design needs concept validation at some level. At times that’s accomplished with something as simple as a series of low-fidelity wireframe sketches on paper; othertimes, however, we want to convey user flows in the browser. Enter Playbook.
Playbook allows the Centresource UX team to quickly and efficiently build out clickable HTML prototypes. Our prototypes will consist of varying levels of polished style depending on which stage of the project we are in. Centresource offers three levels of prototypes:
- Flat Prototypes
- HTML Prototypes
- Production Prototypes
HTML prototypes are clickable prototypes that we can have users interact with inside their browsers. We typically forgo focusing on aesthetic design and rely heavily on the existing styles of Bitters. The idea is to focus on how the product works and validate user flows, before spending time on the way the product looks.
Our production prototypes are the most production-ready versions of prototypes we build. The majority of the time we build production prototypes for clients that have validated their idea already or have gone through a flat or HTML prototype with Centresource.
While building a tool like Playbook benefits Centresource, we did not want to stop there. Centresource’s development team makes heavy use of many great open source tools, so it only felt right to share our tools with the open source community as well.