Low Fidelity Designs - HeartUoA/HeaRT GitHub Wiki

Low Fidelity Designs

To make a simple and usable UI, we first determined the user flow of the app by creating low fidelity designs and confirmed the designs with our product owner. This was only done for the first few pages as afterwards, we had a good understanding of how the app would work and be extended. The lo-fi designs can be seen below:

Homepage

IMG_0169

Instructions

IMG_0170

Create Account

IMG_0177

Login

IMG_0176

Dashboard

Courses

IMG_0178

Charts

IMG_0179

Create New Course

IMG_0171

Display Cards

Select Card

IMG_0172

Select Stance & Describe Reason

IMG_0173

Preview

IMG_0174

Replay

IMG_0175

Compare Charts

IMG_0180