Collaborative Notes
The option and filter for shared and personal notes with notifications when something is shared by a classmate. Sorting, organizing and real-time edits for the notes panel as a better study aid and collaborative environment.
PERMISSION MODEL FOR NOTES
Mobile-First View
The dashboard was designed for desktop (Primarily used by students) - a natural choice for study. But glancing at information on phone especially between classes could be handy.
PAIRED RESPONSIVE VIEW
Alerts Via Live APIs
Integrate live OC Transpo data with weather severity (Snow/Ice = add 10 mins walk) and time to next class to push alerts.
LIVE APIs
future thinking
Information is sorted for easier access and digestion - urgent left to secondary right. The layout is the navigation. No tabs, no clicks, no menus.
LAYOUT
3-Column Hierarchy
Light pink accent on current or upcoming class removes "where should I be" question entirely. It also adds to aesthetic and hierarchy.
ACCENTS
Active Highlight
Light pink accent on current or upcoming class removes "where should I be" question entirely. It also adds to aesthetic and hierarchy.
COPY
"In 6 Hours"
Dark interface reduces eye fatigue and strain. Students can check their dashboard any time of day or night. The added aesthetic speaks modern.
COLOUR
Intentional Dark Mode
final design
Designed around the primary goal of scanning information from left to right, prioritizing immediate tasks before secondary content.
Bifurcated into 3 clear columns with important content above fold
Left - Quick glance at important information & daily tasks - deadlines, assignments & lectures.
Center - Contextual widgets. Time, weather and bus arrival data that support planning without distracting.
Right - Passive information. An isolated panel for announcements for a clear feed separate from actionable tasks.
The idea was to prevent cognitive overload while allowing the ability to continuously monitor updates.
Other fun icons for apps are integrated on the far right for extra exploration without disturbing hierarchy. Music, Class group chats, zoom meetings, games and library for resource sharing.
DESIGN THINKING
wireframe
Hover over any card to reveal the design response
pain points
As a student at Algonquin College,I noticed a pattern of scattered information and the need to access different sources or apps for everything. That sparked an idea and designing a dashboard was my answer to that problem.
The goal was to design a single page glanceable dashboard that aggregated all-school critical information with zero cognitive overhead - so students could be ahead of or at least in sync with schedules.
Overview & problem
Algonquin College
Dashboard
UI/UX Project
Student Dashboard • Wireframing
PERSONAL ACADEMIC PROJECT • 2020