Wires, Protos & Specs

Wireframes

The set of wireframes presented below was developed for a data intensive market research application. It evolved over a period of several weeks of iterative review, stakeholder and user validation and revisions.

High-Fidelity Prototyping

In the transition from concept to high-level design and to detailed design, the prototype evolves to provide levels of visual specificity, which infuse confidence in the design approach. The prototype supports effective business and technical validation and usability testing. 

The video below is was used to walk stakeholders, at their connivence, through a high-fidelity prototype of the wireframes presented above. The prototype played an important role in helping leadership undersdand the significant improvements of the new design over current state.

The video below shows a high-fidelity prototype of a system for on-line wholesale purchase of steel. The prototype demonstrated to stakeholders and customers how the new design tackled the technical intrecacies of the process. Consequently, the prototype played a key role in solidifying leadership's vote of confidence in making a higher inverstment in the system, which was originally conceived as just a complex spreadsheet.

Light Annotations

Developers often pull their hair in frustration, trying to understand the verbiage in rims of specification documents. The light annotation approach maximizes the visual value of the prototype with just-in-place annotations that help the developer and other stakeholders understand intended behavior.

A = Annotation icon indicating that the element has associated documentation.

B = Clicking the annotation icon (A) opens up a popup window with the annotation.

C= General information about the entire screen is provided in this section.

Detailed Specifications Documents

While the debate over the value of detailed UI specs is active, a detailed spec document is still a required artifact in many organizations for a variety of valid reasons. I'm an expert in the planing and logistics necessary for efficient, cost-effective production of multi-phased, release-isolated documentation.

The document below is a sample chapter from an extensive UI specification document. A modular approach to the structuring of the documentation ensures fast and effieiennt production of updated specs.

Ezra Schwartz