How does it Work?
The goal of the prototype is to get clarity of what needs to be built and to create an amazing experience for the end-user. This discussion is not about technology stacks or how we can accomplish this technique. The discussion revolves around what the user needs and how he or she can accomplish their task best.
The mood board is a representation of the general look and feel of the application. It will set the ‘mood’ for the rest of the prototype in terms of style, use of colors, graphics, and high-level user interaction. We will create 2 designs based on your preferences, corporate identity (if any) and During this phase, we will also make the initial steps towards documenting the scope; including the problem statement, the main user flows, the user personas and the general feature list.
Wireframing is a low-cost technique to depict user journeys and/or screens within your application. The goal here is to get an initial alignment on the usability goals and the general layout of the screens. These flows are not designed and could even be drawn out manually.
Low Fidelity Prototype
Once we have the wireframes in place, we can start designing the low-fidelity prototype. With low fidelity we mean that the major screens and pages are designed, however user-interaction is not necessarily included. The low-fidelity prototype will already give you a great feel of what the application will eventually look like.
High Fidelity Prototype
Once the low-fidelity prototype is approved, our team will start working out the more intrinsic details of the prototype. The major focus in this phase is to be able to complete the happy flows of the user journey(s) in the envisioned application.