Sample interaction design documents

The typical deliverables for my interaction design work are wireframes/schematics, site maps, task flow charts, and logic flow charts. When appropriate, I may also create a test plan for each round of usability testing, survey questions, personas, and content matrices.

Some projects call for more detail in the wireframes/schematics than others, ranging from quick mockups for agile projects to carefully annotated high-fidelity wireframes/schematics to guide offshore developers. The sample wireframes/schematics offered here represent the more detailed end of that spectrum.

For confidentiality purposes, each of these samples is for a project that either has already launched or was canceled for some reason. Each is used by permission of the client. Each is a PDF. It should appear inside your browser. If it does not, your browser may have downloaded it without opening it.

Health care provider scores
This project added scores info to the existing Find a Provider microsite. 21 pages, 1.7MB.

Customer service admin site
This huge, complex project enabled customer service reps to answer questions and solve problems faster. Excerpt of 25 pages (790K) from 100+ total pages.

Prenatal program enrollment
The goal was to increase enrollment by making some key changes to the status quo. 8 pages, 720K.

Executive dashboard
Planet Metrics was an SaaS provider to help Fortune 1000 companies get a handle on their mountains of data to monitor their carbon footprint. 8 pages, 780K.

Registration process
PPI helps engineers prepare to pass their state licensing exams. Their Exam Café is a microsite where engineers take practice exams. 10 pages, 980K.

Blue Shield of California logo
Planet Metrics logo
PPI logo