RIT MyCourses

Streamline Assignment Submission & Feedback

Dec 2024

RIT MyCourses

Streamline Assignment Submission & Feedback

Dec 2024
OUTCOME
Streamlined course navigation through reorganized information architecture
Centralized task management into a single, scannable dashboard
Clearer feedback loops between students and instructors
Closed the gap from design to working code with a live, interactive prototype
CONTRIBUTIONS
UX/UI Design
User Research
Wireframing & Prototyping
Front-End Build (HTML / CSS / JS)
Interaction Design
PROJECT
Self-initiated · RIT MyCourses Redesign
ROLE
Solo Designer & Builder
DURATION
8 Weeks
TOOLS
Figma, HTML/CSS/JS, Vercel
10 MINUTES READ
INTRO

Problem Statement

Students at RIT rely on MyCourses for assignments, grades, and feedback — but scattered information and inconsistent organization force them to compensate manually. Tracking deadlines, locating feedback, and submitting work each require detours through unrelated pages. The platform interrupts study flow instead of supporting it.

Solution Statement

A centralized dashboard that pulls every active course, deadline, and piece of feedback into one scannable view. Switching cost drops, urgency rises to the top, and submission becomes a focused two-step instead of a five-page detour.

PROCESS

Design Process

01
Discovery
Survey research with RIT students.
02
Synthesis
Pain points mapped to five improvement areas.
03
Wireframing
Low-fidelity layout exploration.
04
Iteration
Three rounds of high-fidelity refinement.
05
Prototype
Live, interactive build of the submission flow.

Objective & Goals

GOAL 01
Streamline Navigation
Reorganize information architecture so students can reach any course or assignment in two clicks or fewer.
GOAL 02
Centralize Task Management
Bring assignments, deadlines, and progress into a single dashboard students can scan at a glance.
GOAL 03
Clarify Feedback Loops
Make grades and instructor feedback discoverable so students know exactly where they stand.
IMPACT
01

All-in-one Dashboard View

Deadlines and recent feedback occupy the top of the page; old "courses-only" view becomes secondary.

02

Drag and Drop
Assignment Management

File enters with one motion, type detection runs automatically, course assignment happens at the same step.

DESIGNED IN FIGMA, BUILT IN CODE

Try the submission flow below — drag a file in, assign it to a course.

Where should drag-and-drop live?

Originally placed on the dashboard. In code, it created visual noise during everyday browsing. Moved to a dedicated Project Upload page — the dashboard stays focused on overview.

What happens after a successful upload?

The static design ended at 'uploaded.' The build added a confirmation step with two intent paths: Upload More vs. Organize Files — splitting the user's next action into two clear flows.

When does inline UI scale to a panel?

Quick assignments use inline dropdowns. Complex submissions (notes, batch apply, drafts) open a slide-out panel. The interface scales to the user's intent, not the developer's convenience.

03

Clear Progress
Tracking

Graded items get their own column. No more burrowing through course folders to find a comment.

RESEARCH

Research Method: Questionnaire

Research board

WHAT I HEARD

Across responses, one pattern dominated: students were doing the platform's organizational work for it — opening tabs manually, switching modules to cross-reference, hunting for feedback that was structurally hidden.

KEY INSIGHT

Students rated navigation and grade tracking as the platform's weakest dimensions. Feedback was concentrated in one section that not all students discover — meaning many never see instructor comments at all.

WIREFRAMING

Three layouts, one question

Before committing to visual direction, I mapped the dashboard's information architecture at low fidelity. Three layout candidates tested how to balance three competing needs: at-a-glance state, active triage, and semester context.

Course-First Layout
01
Course-First Layout

Course-centric layout where each course has its own block with assignments grouped beneath it — essentially an extension of the current MyCourses model. Aligns with students' mental model of their class schedule, but cross-course urgency stays hidden.

Deadline-First Layout
SELECTED
02
Deadline-First Layout

Deadline-centric layout where assignments across all courses are arranged into a timeline / kanban view. Answers "what do I need to do next?" at a glance, though it sacrifices the broader course context. This direction was carried forward to the next iteration.

Priority-First Layout
03
Priority-First Layout

Priority-centric layout where the system surfaces "what to focus on today" at the top. Lowest decision cost, but users lose a sense of control and must trust the system's judgment.

Wireframe 02 carried forward. It gave the most room for deadline visibility without sacrificing course context — answering the question students actually open MyCourses to ask: what's next?
ITERATION

Design

01
VERSION #1

The font size on the left is too large, and the lack of hierarchy makes it unclear where students should focus. Poor text color contrast also affects readability. The design on the right will move forward for the next iteration.

02
VERSION #2

The current design struggles with visual clarity and usability: titles fail to stand out, poor text color contrast affects readability, and tight paragraph spacing creates a cluttered appearance. The lack of clear facilitation and consistent theme leaves users unsure where to focus or navigate — resulting in a disjointed experience. Addressing these with improved hierarchy, accessible text choices, and a cohesive design direction will enhance clarity and engagement.

03
VERSION #3

The updated design achieves a clearer overall layout: larger icons with thinner weight for modern visual balance, larger body text that enhances accessibility, and lighter background shades that improve contrast and reduce visual fatigue. The result is a cleaner, more user-friendly interface with improved clarity and readability.

CONCLUSION

Streamlined · Built · Evolving

The RIT myCourses redesign is a transformative effort to streamline navigation, enhance task management, and improve accessibility, creating a platform that truly supports students’ academic journeys. By addressing challenges like cluttered interfaces, inconsistent organization, and lack of visual clarity, I have designed a solution that makes accessing assignments, tracking progress, and managing tasks seamless and efficient.

This redesign not only improves usability but also fosters a more collaborative and engaging learning experience. Through these endeavors, I am committed to creating a supportive academic environment that empowers students to stay organized, boost productivity, and achieve greater success.

Ready for the deep dive?

You've seen how I work.
Want to see how I play?
Welcome to my playground!
(aka my studio)
@Lisa Song 2026