myCourses 

myCourses 

myCourses 

myCourses 

myCourses 

Redesign

Redesign

Redesign

Redesign

Redesign

Homepage Mockup
iPhone Mockup

Case Study

myCourses is a management platform for students at the Rochester Institute of Technology which allows them to interact with course content, communicate with peers and faculty, and stay level headed with all that a student has to do. The redesigned myCourses will deliver:

  • Upcoming assignments
  • Increase communication between students and faculty
  • Implement a more natural system for uploading assignments into the Dropbox
  • Help students achieve better grades through a new automative note taking system


Case Study

myCourses is a management platform for students at the Rochester Institute of Technology which allows them to interact with course content, communicate with peers and faculty, and stay level headed with all that a student has to do. The redesigned myCourses will deliver:

  • Upcoming assignments
  • Increase communication between students and faculty
  • Implement a more natural system for uploading assignments into the Dropbox
  • Help students achieve better grades through a new automative note taking system


Case Study

myCourses is a management platform for students at the Rochester Institute of Technology which allows them to interact with course content, communicate with peers and faculty, and stay level headed with all that a student has to do. The redesigned myCourses will deliver:

  • Upcoming assignments
  • Increase communication between students and faculty
  • Implement a more natural system for uploading assignments into the Dropbox
  • Help students achieve better grades through a new automative note taking system

Case Study

myCourses is a management platform for students at the Rochester Institute of Technology which allows them to interact with course content, communicate with peers and faculty, and stay level headed with all that a student has to do. The redesigned myCourses will deliver:

  • Upcoming assignments
  • Increase communication between students and faculty
  • Implement a more natural system for uploading assignments into the Dropbox
  • Help students achieve better grades through a new automative note taking system


Client

School Project

Focus

Interaction Design, User Experience, Visual Design, Wireframing, Prototyping

Duration

12 weeks

 

Client

School Project

Focus

Interaction Design, User Experience, Visual Design, Wireframing, Prototyping

Duration

12 weeks

 

Client

School Project

Focus

Interaction Design, User Experience, Visual Design, Wireframing, Prototyping

Duration

12 weeks

Client

School Project

Focus

Interaction Design, User Experience, Visual Design, Wireframing, Prototyping

Duration

12 weeks

Problem Statement

Problem Statement

Students are overwhelmed while accessing documents included in their class’s content via the number of action buttons, hierarchy of information, and placement of documents within the space. Additionally, students are required to go through a lengthy process in order to deliver their own content into the Dropbox.

Survey Outcome

23 undergraduate participants. Average visit to myCourses: 4 to 5 times per day

74%

Submit written documents, comments, photos, and links in the Dropbox daily

74%

Submit written documents, comments, photos, and links in the Dropbox daily

74%

View grades daily to achieve success

74%

View grades daily to achieve success

43%

View course content documents posted by their professors daily

43%

View course content documents posted by their professors daily

43%

View course content documents posted by their professors daily

From Research → Mission

From Research → Mission

From Research → Mission

With students visiting myCourses four to five times a day to access and upload documents, I believe that simplifying the viewing and interaction processes students undergo with their class’s content will create a better user experience.

With students visiting myCourses four to five times a day to access and upload documents, I believe that simplifying the viewing and interaction processes students undergo with their class’s content will create a better user experience.

With students visiting myCourses four to five times a day to access and upload documents, I believe that simplifying the viewing and interaction processes students undergo with their class’s content will create a better user experience.

Focus 01

Homepage 

The Homepage brings to focus upcoming assignments. This information can be filtered by class, assignment title, due date, and Dropbox submission Status. Additionally, users can choose how far in advanced they want to see assignments.  

Focus 02

Dropbox Flow

Dropbox Flow

What's due?

The new Dropbox flow cuts down the number of clicks to submit a file from 6 clicks to 3. To help students understand which assignments are due soon, assignments are color coded. Files that have been submitted are marked with green. Files due in the next 2 days are marked with red. All other assignments are marked with orange tags.

What's due?

The new Dropbox flow cuts down the number of clicks to submit a file from 6 clicks to 3. To help students understand which assignments are due soon, assignments are color coded. Files that have been submitted are marked with green. Files due in the next 2 days are marked with red. All other assignments are marked with orange tags.

What needs to be submitted?

The bigger Dropbox icons CTAs bring more attention to themselves and thus remind the user to upload their files. Smaller Dropbox icons help show the student that they have already submitted files into that dropbox. These assignments are still shown until their due date passes, in the case that the student decides to resubmit an assignment. 

 

Drag & Drop

The user can easily drag and drop a file, let it upload, and click submit. If the user needs to add a comment or link with, or without a file there is space to do so. There is also a dropdown to change the source of the file if not from one’s computer. For example, the RIT Locker or Google Drive.

What If #1: "SH*T!" 

What If #1: "SH*T!" 

We all make mistakes. Sometimes that means staying up until 2 am to make that deadline and we click outside a module or click the close button 3 minutes before it's due, and we haven't submitted it yet. 

myCourses asks for confirmation before closing that Dropbox module. 

We all make mistakes. Sometimes that means staying up until 2 am to make that deadline and we click outside a module or click the close button 3 minutes before it's due, and we haven't submitted it yet. 

myCourses asks for confirmation before closing that Dropbox module. 

Step 3 Hold On File Not Submitted Cropped

What If #2: Error States

What If #2: Error States

Like I said, we all make mistakes. We are all human. To make these mistakes less of a big deal, if the student uploads a corrupt file, the system simply informs them in a subtle yet noticeable statement. 

Like I said, we all make mistakes. We are all human. To make these mistakes less of a big deal, if the student uploads a corrupt file, the system simply informs them in a subtle yet noticeable statement. 

Step 4 Cropped

Success! 

Success! 

When the student has successfully uploaded and submitted their file, the user gets a huge congratulations which makes them feel more confident and reinforce successes. 

When the student has successfully uploaded and submitted their file, the user gets a huge congratulations which makes them feel more confident and reinforce successes. 

Step 5 Cropped

Focus 03

Documents

Documents

From the Homepage, the user can dive into a documents detail page, similar to a document a student will find in a course content folder. When the student clicks on a task title, the detail page/document is displayed.

Document Tools: Comment

Document Tools: Comment

A new tool I've added with the redesign is a commenting feature. To comment on text in a document, the user highlights the text and clicks on the comment icon. The comment module in brought up and expands as the student writes more. Comment modules also have a check box for the student to add the note to their study notes document.

Document: Study Notes

Document: Study Notes

The automative note system will increase student success by providing them with a study guide automatically built around the comments and highlights that the student makes within a document. These notes are private to each student, as if everyone has their own individual copy of the text.

Traditionally, student’s would take these notes on paper or in a separate document, so the idea behind this feature is to help eliminate a 3rd party and thus help them stay focused and free from distractions.

The automative note system will increase student success by providing them with a study guide automatically built around the comments and highlights that the student makes within a document. These notes are private to each student, as if everyone has their own individual copy of the text.

Traditionally, student’s would take these notes on paper or in a separate document, so the idea behind this feature is to help eliminate a 3rd party and thus help them stay focused and free from distractions.

Document Tools: Faculty Outreach

Document Tools: Faculty Outreach

Interactions

The student highlights text they find concerning and clicks on the outreach icon. By default a highlight is yellow, but when the student clicks on the outreach icon, it changes to orange. This indicates the difference between which features the student is working with.

Pre-Populated Text

The module note has pre-populated text to speed up the process of writing to a professor. To stay polite and genuine, this text can be edited by clicking on the text. 

 

Response

The student would be notified of the faculty's response through the Notifications System already built into myCourses. When the student returns to the document, the student would see the faculty's response clearly below the original note. When the problem has been resolved, the student can clear the thread from the document.

Mobile Flow Application

Mobile Flow Application

Document Tools: Faculty Outreach

This myCourses mobile flow will increase communication between students and faculty. In this flow, a student has received a notification from their professor in response to a question in a document. When they go to the Faculty Outreach tool they can view all responses from that process that have been sent, and all that have been responded to. From there, the student can view each individual outreach comment in it's own thread with the professor. 

Like in the Desktop version, the student can resolve the outreach thread. Once resolved, the student is then taken back to the last place they viewed in the original document. 

Document Tools: Faculty Outreach

This myCourses mobile flow will increase communication between students and faculty. In this flow, a student has received a notification from their professor in response to a question in a document. When they go to the Faculty Outreach tool they can view all responses from that process that have been sent, and all that have been responded to. From there, the student can view each individual outreach comment in it's own thread with the professor. 

Like in the Desktop version, the student can resolve the outreach thread. Once resolved, the student is then taken back to the last place they viewed in the original document. 

Step 2 – Dropdown
Step 3 – Faculty Outreach
Step 4.5 – Thibault Chat Cropped
Step 5 – Resolve
Line Copy

Process Deck: Research, inspiration, moodboard, user stories, workflows, style board, wireframes, and final comps.

Process Deck: Research, inspiration, moodboard, user stories, workflows, style board, wireframes, and final comps.