Home          About         Design Projects          Media Experiments

Canvas Redesign

UXUI Design

Canvas is a digital learning platform used by students to submit assignments and check course materials. It is supposed to provide convenience for students as well as their teachers or professors.

Problem of Canvas

Due to personal preference, many professors require students to submit assignments via Google Drive, while others require students to submit with Canvas, which can cause confusion among some students. In addition, Canvas has many ancillary functions, such as a calendar and reminder. Although many students often use calendars or reminders, those tend to be based on other platforms.

Solution

This new Canvas can unify different platforms that students and teachers use frequently, such as Google Drive, Google Calendar, and iPhone Reminder.

Interview

I Interviewed with five people who used Canvas before, and took notes of their frustration and suggestion to Canvas. Then I summarize the similarities of these interviews, finding out the biggest problem of Canvas.


Similarity

Having more functions are idealized, but that may be overwhelming. Thus, connecting different platforms or programs people frequently use, like Goole Drive, Illustrator, iPhone reminder, or iPhone schedule, may be a better solution.

Persona



Card Sorting

After deciding to modify some of the canvas functionality, I needed to reorganize the structure of this platform. Thirty key features of Canvas were selected, extracted, and presented to the five participants in the form of scattered cards. Participants were asked to group the cards according to their understanding. Finally, the probability of different cards being placed in a group can be calculated and the data can be used to rearrange the structure and grouping of the different features.

Information Architecture

Based on the results of Card Sorting, a new Information Architecture was constructed.


Usability Testing

Using the usability testing platform, I quickly built a textual information architecture. Then, I took it as a prototype, and designed several tasks for the participants to test the usability of the new version. Based on the results of their behaviors and percentage ofsuccesses, indirect successes, or failures, I further analyzed and optimized the product structure.

Task 1
You are going to take the class remotely,
so you have to find the Zoom link of the class.

Task 2
Your finished the short review assignment last week,
and you want to check the grade of it.

Task 3
It is the end of this semester now.
You need to fill the course evaluation.


Workflow

According to the results of the usability test, I reworked the workflow. For exapmle, due to the failed results in Task 2, I added the button to check the results again on the course page.


Visual elements

Based on the results of the interviews and participants' opinions on current visual elements, I redesigned the visual elements, including icons, to make the whole platform look more unique and interesting for the younger generation.