Design & Build

The Design & Build phase is used to create the set of wireframe designs, visual layouts and assets that developers need to build the application or service.

The amount of work that needs to be done during this phase is based upon:

  • How complex the application is
  • How closely the designers and developers collaborate when building the interface

If an interface is relatively simplistic and the designers are on hand to support the development process, Developers may only require a set of annotated wireframes along with a Style Guide to build the experience. At the other end of the scale, if it’s a complicated application and the code is being developed remotely, a full Conceptual Design may be required with a UI Specification provided that covers all of the different flows, screens, states, business rules, interactions, transitions, validation rules and error conditions.

Full UI Specifications are time-consuming to write but provide a complete definition of what should be developed and can be used for User Acceptance Testing.

If an interface is more commercially focused and involves a level of marketing to catch users’ attention, Copy Writing might be required to ensure that the writing style matches the brand guidelines and provides a consistent and professional tone of voice.

The Style Guide provides developers with a definition for all of the UI elements, design patterns and layouts that should be followed for the visual layouts. Again, depending on the complexity of the application, a Style Guide may also contain how the layouts change for a Responsive Design and how they adapt to different types of users and user behaviors.