The Marmalade 1.0 system has two separate user interfaces:

• Administration interface
• Reporting floater interface

The planning phase contains the functional and visual design of the interfaces. The initial planning was done using mockups, which demonstrate the location and functions of the elements: “Mockups are primarily single-page static representations of the design space” [2, p. 216]. The finalizing of the layouts was done during the implementation phase.