Low/High-fidelity prototype

Introduction

In this report, we will explain how we made this task. Here is the table of contents for easier navigation.

Motivation

Low/High-fidelity prototype is a start to every web application. We want users to spend the least amount of time browsing for things they think are important so proper design is a must. Our priority is to make our web application functional and easy to use and design, for now, is second. Of course, we will do our best to make it appealing to our users even though we are not designers 🙂

Few technical terms

We used ChatGPT for couple of definitions:

Low-Fidelity Prototypes

Definition: Simplistic, rough representations of a product or system that focus on the core functionality or layout without detailed design elements.
Purpose: To quickly conceptualize ideas, test functionality, and gather feedback early in the development process.
Example of one LF Prototype

LF Prototype.png

High-Fidelity Prototypes

Definition: Detailed and polished representations of the final product, closely mimicking its appearance and functionality.
Purpose: To test advanced features, gather detailed feedback, and present a near-final version to stakeholders.
Example of one HF Prototype

HF Prototype.png

Key Differences

Aspect	Low-Fidelity	High-Fidelity
Detail Level	Basic	Detailed
Interactivity	Minimal	High
Cost and Time	Low	High
Purpose	Conceptualization	Finalization
Tools Used	Paper, Whiteboards	Design software, Code

In this table we can see why and for what we use both Low and High fidelity Prototypes.