UI Specifications Using a Website
As this team’s first and primary interaction designer by training, the team did not have any standards in place for UI specifications documentation and deliverables for developer guidance. I created this specifications format to serve the need for keeping track of my work and providing guidance to which an off-shore development team could refer.
The upshot is that my HTML/CSS or Photoshop prototypes and components were essentially key frames in the interaction behavior in my designs, with the annotations being the filler in showing how I wanted the application to go from one key frame to the next.
This was a very long page, and what’s included here in this screenshot cuts out a lot of it for brevity.