HUMAN-COMPUTER INTERACTION RESEARCH

Rethinking Canvas

Rethinking Canvas

Streamlining academic course management for college students.

This project explores Canvas, the web-based learning management system used by the University of San Francisco. Originally completed as a semester-long group project for my Human-Computer Interaction course in Fall 2023, it focused on understanding student attitudes toward the platform through extensive user research and user-centered design thinking.


Our team identified key areas for improvement and proposed a redesign of the application, which we presented at the conclusion of the course. This case study includes the presentation slides we created as a team.


In 2025, I revisited this project independently, applying new skills gained through an internship and the Google UX Certificate to create an updated and more refined final design.

YEAR

2023

2025

ROLE

CO-RESEARCHER

CO-UX DESIGNER

DURATION

4 MO. (AUG-DEC 2023)

2 DAYS (MAR 2025)

01

Introduction

Canvas is the learning management system used by the University of San Francisco to organize coursework, grades, and communication. Our team chose to study Canvas because of its daily use by students and staff, making it a highly relevant platform to evaluate, improve, and reimagine through a user-centered lens.

02

User Research

Research Questions

01

What is the influence of the redesigned interface on the participant’s task completion time?

02

What is the influence of the redesigned interface on the participant’s perceived satisfaction with the application ? 

03

What is the influence of informing users about Canvas features on how they interact with/use the application?

Hypotheses

01

Null: The redesign will have no effect on the task completion time.

Alternative: The redesign will allow participants to interact with the application with increased efficiency and will reduce task completion time in contrast to the original interface.

02

Null: Users will have no differing feelings towards the Redesign or the Original

Alternative: Users will feel more satisfied upon completing tasks while using the redesign due to simpler navigability and a customized experience.

03

Null: Introducing support and guidance in interface navigation will not influence the users' ability to navigate the system.

Alternative: Offering additional support to users will allow them to feel more in control while interacting with the system.

Research Methodologies

TASKS | INTERVIEW QUESTIONS | QUESTIONNAIRES
01

Within Subject Studies

Half of the participants will be subjected to the original interface first. The second half will interact with the redesign first.

02

Tasks measured & controlled by time

The redesign aims to reduce task completion time.

03

Settings: Typical Student Workspaces

Studies conducted in-person or remotely → Main focus to ensure participants are at a desk, in an environment where they would typically complete work (library/labs/home)

Participants

01

Target

Students that use Canvas to navigate their coursework

02

Rationale

Targeting Students provides insight into the end-user’s learning experience

03

Demographic Dimensions

 Year of study, Academic major

04

Demographic Questionnaires

Questionnaire for User Interaction Satisfaction (QUIS)

Utilizes closed and open-ended questions to understand users’ subjective feelings and satisfaction with our redesign 

05

Recruitment

Students on the University of San Francisco campus.

Tasks

01

Submitting a Task

02

Emailing a Classmate

Data Collection

01

Questionnaires

 Questionnaire for User Interaction Satisfaction (QUIS)

Open & Close Ended

02

Interviews

Interviews to follow after completion of tasks

03

Automated Captured Data

Think-Aloud Comments (Transcripts)

Participant-Interface Interactions (Screen-Recording)

Qualitative & Quantitative Analysis

RESEARCH QUESTION 1

What is the influence of the redesigned interface on the participant’s task completion time?

QUALITATIVE ANALYSIS

User comments on the perceived efficiency of task completion with the new design

QUANTITATIVE ANALYSIS

Statistical analysis(e.g., t-tests) to compare the mean task completion times between the original redesigned interfaces

INDEPENDENT VARIABLE

Redesigned Interface | Streamlined Navigation & Improved Organization of Features

DEPENDENT VARIABLE

Task Completion Time

RESEARCH QUESTION 2

What is the influence of the redesigned interface on the participant’s perceived satisfaction with the application ? 

QUALITATIVE ANALYSIS

Thematic analysis of participant interviews regarding their satisfaction with the redesigned interface

QUANTITATIVE ANALYSIS

Statistical analysis(e.g., mean satisfaction scores) for comparison between the original and redesigned interfaces

INDEPENDENT VARIABLE

Redesigned Interface | Streamlined Navigation & Improved Organization of Features

DEPENDENT VARIABLE

Participant satisfaction

RESEARCH QUESTION 3

What is the influence of informing users about overlooked Canvas features through an interactive walkthrough on their understanding and utilization of the platform?

QUALITATIVE ANALYSIS

User feedback on the effectiveness and clarity of the interactive walkthrough

QUANTITATIVE ANALYSIS

Conduct survey responses on participants; perceived understanding and utilization of Canvas features after walkthrough.

INDEPENDENT VARIABLE

Redesigned Interface | Tooltips & Guides

DEPENDENT VARIABLE

Participant satisfaction

Task Completion Time

User Understanding of the product

03

Needfinding

Needs Identified

01

Personalized UI Experience

Ability to customize UI and implementation of a more appealing and cohesive default interface design 

“It’s a bit cluttered..I like it to be more streamlined ”

“I really don’t know what that does… it doesn’t give much information”

“I wish I could have like a dashboard where I see my upcoming assignments and maybe some important announcements or deadlines in one place. It feels like everything is scattered right now”

02

Personalized Notifications

Ability to create a customized, time-sensitive notification/alert system 

“If you can set it up as submissions at midnight, and if I haven’t submitted anything…I get an alert.”

“I think it went pretty quickie for submission just because that’s something we  do all the time and it’s just muscle memory at this point”

“Go learn and submit your assignments or else you’ll fail”

03

Onboarding Experience

Informing users of unknown Canvas features through an interactive walkthrough when they first get on the website

“I didn’t know about the inbox feature, so if there was something like a tutorial or a guide, that would of helped ”

“I don’t think there was any tutorial that was provided”

“I really don’t know what that does in the logo for it doesn’t give much information either”

04

Problem Statement

College students using Canvas face challengers with user interface clutter, non-intuitive features, and a lock of personalized notifications. The current system lacks an effective onboarding process, leaving users unaware of key features. These issues hinder efficient collaboration on assignments and projects within the platform, negatively impacting the overall user experience.

05

Heuristic Evaluation

What Works Well

01

Feedback

Notifications indicating that specific tasks the user intends to complete are complete. 

02

Minimalist Design

Easy navigation and simple interface fosters confidence and a positive, satisfying experience.

Opportunities for Improvement

01

Lacks Flexibility

In personalization of overall UX

02

Complex Inbox Design

Features should mirror traditional inbox design.

03

Lack of Discoverability

Difficulty for users to navigate the interface’ new features without signifiers 

04

Lack of Consistency Across Diverse Platforms

Ex. Todo (on iPhone) vs. Dashboard (on Web)

05

Navigability & User Support

No initial onboarding experience for new users.

06

Original Redesign Proposal

During the redesign phase, our group distributed features among team members. I focused primarily on developing solutions for Discoverability Features and user Preferences.

01

Taskboard

Establish consistency across Web/Mobile platforms 

New Notifications tab on Dashboard. (Customizable Notifications for assignment completion reminders.)

Reduces Gulf of Execution; provides consistency across platforms for users while managing their assignments.

Notifications tab provides User Control and Freedom 

02

Inbox

Minimize navigation bar clutter

Gmail-like interface for cross-application consistency reducing user adaptation efforts.

Improved user usability by adding buttons for composing, replying, and forwarding emails, alongside a quick navigation tab

Target Gulf of Execution and Evaluation

03

User Preferences

Offers more personalized experiences with the UI

Expands user customization.

Establishes a sense of authority for users (User Control and Freedom)

04

Discoverability Features

Tool-tips will appear when the cursor hovers over different items within the application

Tooltips for links, buttons, and features aligns with Norman’s Visibility principle,

Descriptors reduce user confusion and frustration.

Prototype

07

Final Redesign

In March 2025, I returned to this project to assess the original design and explore opportunities for improvement. This updated version was created over the course of two days.

01

Dashboard

I consolidated commonly used features into a single, customizable dashboard, including the task board introduced in the original redesign. This new dashboard is designed to be intuitive, efficient, and user-driven, giving individuals greater control while streamlining overall system flow. By reducing the time and effort required to access key features, the redesign minimizes confusion and decreases reliance on external support. That said, a clearly visible help button remains available in the updated navigation bar for users who still need guidance.

02

Simplified Inbox

Drawing inspiration from the Gmail inbox, I reorganized the layout of the inbox to reduce visual clutter and improve ease of use.

03

Visual Design Enhancements

To improve clarity, consistency, and visual appeal, I refined the interface with cleaner typography and more intentional use of spacing and hierarchy. These changes aimed to create a more modern and cohesive look while improving readability and reducing cognitive load.

Prototype

Let's work together

Open to opportunities and collaboration.