The Project

Turner Sports asked Method to redesign the NCAA March Madness on Demand (MMOD) experience which provides live video via online, tablets, mobile devices. The final deliverables were a series of high fidelity wireframes (including visual design) that followed clients’ requirements about specific functions and components.

My Role

I was responsible for composing documentation for the design, including high fidelity wireframes and specifications for engineers. At the same time, I kept track of all the clients’ requirements for the design and made sure they were implemented.

Since no interactive prototype was delivered, the challenge was how to write the specifications in the wireframes so engineers understood how to implement the interactions. With the UX lead’s help, I broke down the UI into different components. In the specification, the function of each component was explained, followed by an explicit checklist of different states, available interactions, and roll over effects. If necessary, sub-elements in one component also had a similar checklist.

Lesson Learned

Different clients have different preferences for deliverables. It is the designer’s job to be flexible when identifying and producing the most appropriate type of deliverable. At the same time, we need to make sure the documentation and specification makes sense to all the audience of the document. In this project, the only document we delivered included both high fidelity wireframes for executives to understand the concept, as well as programming oriented specifications for engineers to implement.

[previous: Project A]
[next: AuthenTaste – Bringing an authentic Chinese food experience to America]