The User Interface Prototype artefact has the following objectives:
Since an User Interface Prototype (or horizontal prototype) allows for a much faster implementation than the final product, it allows to easily test and validate the design at an early stage of the development, enabling empirical testing, such as usability testing and in situ observations of the design being used by real users. It also permits to quickly iterate on the design of the interface, implementing the results from the initial tests.
This artefact should include three elements:
The user interfaces must be implemented using HTML, CSS, JS. You can also use PHP includes to reduce code repetition (e.g. headers, navigation, footer). The overview of the interface elements must include a presentation of the behaviour of the interfaces in small screen devices such as smartphones. This artefact includes screenshots of the interfaces, alongside with a link to a web page for each interface implemented. This artefact also includes, as annexes, digitized copies of the materials developed, specifically the hand-made wireflows.