Skip to content

UI Design

Ap13Crow edited this page Apr 11, 2025 · 2 revisions

## Overview: The Mia Learning App has a text-based Console UI. The UI is designed to be simple and user-friendly, presenting a menu-driven interface where Mia can navigate through her learning management tasks. This section describes the layout of the menus and the flow of interaction. All UI dialogues (prompts, messages, menu texts) are planned here to ensure they align with the use cases and domain.

### Main Menu:

Mia Learning Tracker - Main Menu

Welcome to Mia Learning Tracker! Please choose an option:

  1. View Courses and Progress
  2. Add a New Course/Goal
  3. Update Progress in a Course
  4. Manage Notes and Resources
  5. View Progress Summary (Dashboard)
  6. Exit
Enter your choice: _

Example of "View Courses and Progress" screen:

Mia Learning Tracker - Courses
You have 3 active courses:
  1. Programming 101 - 40% complete
  2. Marketing 202 - 60% complete
  3. Spanish Learning - 20% complete

Enter course number to see details, or press 'M' to return to main menu.

Your choice: _

Example of "Add a New Course/Goal":

Mia Learning Tracker - Add Course
Enter the name of the new course/goal: (e.g. "Photography Basics")
Your input: Photography Basics

[System checks for duplicates / validity...]

"New course 'Photography Basics' has been added." Returning to main menu...


Example of "Manage Notes and Resources" sub-menu:

Mia Learning Tracker - Notes
  1. Add a New Note
  2. View Notes by Course
  3. Search Notes
  4. Return to Main Menu
Your choice: _

*** ![Possible UI Design Image](https://github.com/user-attachments/assets/21278002-57c2-4b49-a621-fa2336f504b6)

Clone this wiki locally