A Working Document

February 11, 2013

Retail ecommerce is extremely fast moving and not conducive to heavy documentation. Most of our project artefacts are disposable sketches and lightweight wireframes, knitted together with conversations. However, sometimes more formal wireframes are needed, as in this case for our iPad application, where the developers requested it.

The purpose of this wireframe was to describe the IA and content hierarchy of the various “cards” that made up the hotel details screen. It is not interactive, since there was a separate interaction model being worked on at the time.

The first section of the document is an “anatomy” of the overall screen to orientate the reader. This establishes the “10,000 view” and mechanics such as internal names of the cards, their placement, unique IDs and so on:

The second section is made up of wireframes for each card. Note how the annotations describe only those things that need special attention, or that the reader would not be able to know by otherwise looking at the document (particularly if the wireframe is interactive). One suboptimal thing to note is that we have no way of referring to content elements in our CMS. We are working with our content team to correct that.