The low-fidelity (lo-fi) prototypes are intended to show a rough idea of what a realized solution to our original problem statement might look like. Emphasis was put more on structure, sectioning, and central elements shared across all parts of the service rather than minute details, colors, or imagery.
The team first came up with a list of concrete elements of the design that would need to be showcased, primarily from our original problem and solution statements. The core elements discussed were A Dashboard Page, Specific Alerts, Past Course Viewing, Present Enrollment, and Future Requirements.
From there, the team split up and individually sketched some basic ideas of what the UI might look like. These can be seen in the “Brainstorming/Sketches” portion of the Figma board below. At our first convergence, the individual sketches were discussed and specific elements of each person’s designs were highlighted and selected for further development. From there, digital wireframing began.
After much of the digital renderings had been completed, a second meeting was held to review these designs and make any adjustments to ensure consistency and clarity. Certain frames within the design were also duplicated and edited to show changes in application states; since the overall design resides mainly on a single page, many of these are needed (and more will be needed in the future) to convey how information is dynamically displayed in the service. The lo-fi prototypes below serve as a starting point for this process, as they can rapidly change or evolve as the minutia are ironed out.
Much of the work done for our Lo-Fi prototyping can be found in the Figma project below. For the best viewing experience, consider expanding the frame to view it in fullscreen using the button at the top-right.
Below are some general notes pertaining to the designs included in the Figma board: