Human Computer Interaction
→ View detailed version on GitHub
MindVault: Rethinking the E-Learning Experience
Project Type: Desktop Application | UI/UX Design
Tech Stack: C# .NET Framework (Windows Forms)
Role: Developer & Designer
Overview
Traditional e-learning platforms often struggle to keep students engaged, frequently relying on cluttered interfaces and uninspired designs. MindVault was developed to address this issue. Built as a final project for the CHC401 Human-Computer Interaction course, this desktop application targets university students particularly freshmen adjusting to college life by transforming standard study routines into an interactive, gamified experience.
The Problem vs. The Solution
Many educational tools are functional but feel tedious to navigate, leaving students confused or unmotivated. The primary goal of MindVault was to simplify educational workflows through intuitive design. By integrating gamification and an aesthetically pleasing interface, the application makes studying, tracking progress, and taking quizzes feel seamless rather than like a chore.
Core Features
- Streamlined Navigation: A quick-access panel allows users to immediately jump into courses, quizzes, and tracking modules without digging through nested menus.
- Gamified Progress Tracking: The “My Progress” dashboard visualizes student performance, displaying high scores and ranks to encourage consistent learning.
- Instant System Feedback: The application provides real-time confirmation of user actions, utilizing dynamic hover effects and color-coded quiz reviews.
Design Philosophy
MindVault was built with strict adherence to Human-Computer Interaction (HCI) principles to prioritize user comfort and efficiency:
- Minimalist Aesthetics: The interface utilizes a “Flats UI” design, stripping away unnecessary borders and visual clutter for a modern look.
- Midnight Lavender Theme: A purpose-built dark mode designed specifically to reduce eye strain during prolonged, late-night study sessions.
- Consistency & Visibility: A strict color palette ensures users instinctively understand system feedback (e.g., green indicates success, red indicates an error), while the system status and user ranks remain clearly visible at all times.
Technical Implementation
The application was developed using C# and the .NET Framework via Windows Forms. To maintain a lightweight and highly responsive footprint, data persistence for user profiles and quiz scores is handled locally through structured text files.