MYCOURSES

CLIENT  School Project

ROLE  Research, UI/UX

DURATION  August - November 2017

In what ways can myCourses make a student better?

Through my redesign, I try answering this question with an attempt to create a design solution that would facilitate the overall growth and development of a student. 

In what ways can myCourses make a student better?

Through my redesign, I try answering this question with an attempt to create a design solution that would facilitate the overall growth and development of a student. 

In what ways can myCourses make a student better?

Through my redesign, I try answering this question with an attempt to create a design solution that would facilitate the overall growth and development of a student. 

In what ways can myCourses make a student better?

Through my redesign, I try answering this question with an attempt to create a design solution that would facilitate the overall growth and development of a student. 

In what ways can myCourses make a student better?

Through my redesign, I try answering this question with an attempt to create a design solution that would facilitate the overall growth and development of a student. 

OVERVIEW

About:  MyCourses is the course management system that allows instructors and students to interact and access course materials online. As a student at RIT, myCourses plays an important role in shaping student-course engagement and is used as a primary tool to assess progress, view deadlines, take tests, receive grades/ feedback and submitting work to list a few functions. Students are mostly dependant on myCourses heavily for at least one of the functions listed above.

Task:  The existing myCourses website was recently redesigned in the summer of 2017. My task was to address the issues the redesign did not, and come up with my own design solution of what myCourses can and could have been. Going into this project I wanted to explore the untapped potential an application like this had and it's ability to help students be more efficient, productive and engaged. The ways in which it could potentially help a student truly kept me inspired in my process. In order to build a successful user-centric design solution, I had to truly observe and learn from what students across the university felt about myCourses. 

Approach:  I started by conducting a 3 part user research with around 50 participating students consisting of interviews, surveys and recording students navigate the existing myCourses and documenting their experience. In the first part of my research, I asked questions that mostly related to the existing in-app experience and identified pain points within the current user experience of the redesigned myCourses. The second phase of surveys was developed based on the responses I had collected and asked broader questions about ways in which the web app could help a student. The third phase I proposed ideas based on responses and checked for what appealed to the students and what didn't before I set forth the goals and identified problems I wanted to focus on solving with my redesign.  

001-MacBook-Silver

Current myCourses home page

RESEARCH RESULTS

Based on my research I identified major pain points and areas that I wanted to focus on through my redesign. The data was collected over 3 weeks from 50 students across majors studying here at RIT.

RESEARCH RESULTS

Based on my research I identified major pain points and areas that I wanted to focus on through my redesign. The data was collected over 3 weeks from 50 students across majors studying here at RIT.

RESEARCH RESULTS

Based on my research I identified major pain points and areas that I wanted to focus on through my redesign. The data was collected over 3 weeks from 50 students across majors studying here at RIT.

'Grab n Go users'

60% of users said they spent anything between 1-10 minutes per visit. Users like to log in for short amounts of time for specific tasks and want a 'grab n go' like experience where they can access content fast and efficiently.

"The homepage is so cluttered with content that I don't know where to start. It is pretty intimidating.”

Lack of visual hierarchy and progressive disclosure

'Grab n Go users'

60% of users said they spent anything between 1-10 minutes per visit. Users like to log in for short amounts of time for specific tasks and want a 'grab n go' like experience where they can access content fast and efficiently.

Redundant / Ineffective features

Results show that users tend to primarily use 3 out of 8 main features available. This data proves some features in the app to be ineffective and unnecessary and a much more focused and streamlined approach is needed.

“I wish there was a way to see the number of people who have read, liked and shared an article. It would help see what's trending”

Lack of content information and hierarchy. Users want to know what is popular.

Need for better and easier communication

Over 90% users expressed a need for better communication and clarity between professors and students. For every little thing, a student must depend on email which on many occasions, are unanswered or missed for a variety of reasons thus leading to a lapse in communication. This vital issue is left unaddressed by the current myCourses.

“Magazines are not just content heavy, they are visually stunning to look at, I want better images and presentation of information."

People want to engage with more visual content

Need for better and easier communication

Over 90% users expressed a need for better communication and clarity between professors and students. For every little thing, a student must depend on email which on many occasions, are unanswered or missed for a variety of reasons thus leading to a lapse in communication. This vital issue is left unaddressed by the current myCourses.

Task tracking troubles

Around 80% users claimed to have missed a deadline at least once due to myCourses not effectively giving users a clear indication of due tasks and deliverables. The web app currently lacks a simple and efficient way for users to track and monitor their tasks and this creates a major problem for most users.

“Magazines are not just content heavy, they are visually stunning to look at, I want better images and presentation of information."

People want to engage with more visual content

research

PROJECT GOALS

Based on the research results I was able to establish 4 primary goals for this project that I wanted to focus on. 

Streamlined and smarter functionality to improve efficiency and provide a smoother user experience 

Plagued by several unnecessary and unused features, the current myCourses is intimidating and very difficult to navigate. I aimed to improve and simplify the overall content architecture, streamline and enhance the core features most used by students and create a frictionless experience.

Streamlined and smarter functionality to improve efficiency and provide a smoother user experience 

Plagued by several unnecessary and unused features, the current myCourses is intimidating and very difficult to navigate. I aimed to improve and simplify the overall content architecture, streamline and enhance the core features most used by students and create a frictionless experience.

Streamlined and smarter functionality to improve efficiency and provide a smoother user experience 

Plagued by several unnecessary and unused features, the current myCourses is intimidating and very difficult to navigate. I aimed to improve and simplify the overall content architecture, streamline and enhance the core features most used by students and create a frictionless experience.

Clarity and Communication is key to success

Most students expressed difficulties with being clear on deadlines, expectations, and deliverables. I wanted to focus on creating a simple and effective design solution that eliminates this problem and gives users access to information efficiently and helps them stay on top of things. I wanted to improve communication with the professors and help build better professor-student relationships.

Clarity and Communication is key to success

Most students expressed difficulties with being clear on deadlines, expectations, and deliverables. I wanted to focus on creating a simple and effective design solution that eliminates this problem and gives users access to information efficiently and helps them stay on top of things. I wanted to improve communication with the professors and help build better professor-student relationships.

Clarity and Communication is key to success

Most students expressed difficulties with being clear on deadlines, expectations, and deliverables. I wanted to focus on creating a simple and effective design solution that eliminates this problem and gives users access to information efficiently and helps them stay on top of things. I wanted to improve communication with the professors and help build better professor-student relationships.

An empathetic myCourses encourages growth

According to Carl Rogers empathy within a relationship is a 'core condition' that facilitates growth and development. I wanted to create an experience through user onboarding and intelligent actions and features to create an intuitive system that grows with the user and helps and motivates them to improve as well as looks out for the users well being.

An empathetic myCourses that gets you and helps you grow

According to Carl Rogers empathy within a relationship is a 'core condition' that facilitates growth and development. I wanted to create an experience through user onboarding and intelligent actions and features to create an intuitive system that grows with the user and helps and motivates them to improve as well as looks out for the users well being.

A new visual personality

Create a welcoming and friendly visual design solution to help make students feel more comfortable using the app.

A new visual personality

Create a welcoming and friendly visual design solution to help make students feel more comfortable using the app.

showcase

DESIGN SOLUTIONS

My design solution comprises of primary and secondary user flows and tries to answer the problems I discovered through my research. 

Let's find what you're looking for

An extremely content dense app, documenting years of course information and activity. This makes the current myCourses very difficult and intimidating to navigate and find information fast. This made me focus on building a smart and powerful tag-based search interaction to help students access information with ease.

I studied the way apps like Slack deal with their search interaction and brainstormed ways in which content can be grouped and easily searchable. The use of tag-based content sorting takes advantage of the native grouping of content within myCourses to streamline search results.



Let's find what you're looking for

An extremely content dense app, documenting years of course information and activity. This makes the current myCourses very difficult and intimidating to navigate and find information fast. This made me focus on building a smart and powerful tag-based search interaction to help students access information with ease.

I studied the way apps like Slack deal with their search interaction and brainstormed ways in which content can be grouped and easily searchable. The use of tag-based content sorting takes advantage of the native grouping of content within myCourses to streamline search results.



Let's find what you're looking for

An extremely content dense app, documenting years of course information and activity. This makes the current myCourses very difficult and intimidating to navigate and find information fast. This made me focus on building a smart and powerful tag-based search interaction to help students access information with ease.

I studied the way apps like Slack deal with their search interaction and brainstormed ways in which content can be grouped and easily searchable. The use of tag-based content sorting takes advantage of the native grouping of content within myCourses to streamline search results.



Asset 1

This Flow demonstrates a user looking for content from a specific Class using the new tag-based search

final pdf(final for marvel)-22

The user selects a primary search tag to begin filtering the search 

last-25

Second level of content filtering within selected primary tag

last-26

Streamlined and optimized search results 

lowressearch

A successful student is a healthy student

Student-Professor communication is a problem when it comes to asking for health-based leave. Many students are unable to contact the professors effectively and get back up to date. Due to this, some students even show up to class sick which is even worse! I wanted to build a feature into my redesign that tackles these problems.

I introduced a new 'call in sick' action which allows students to notify professors when they fall ill or cannot make it to class due to a valid reason. I wanted the interaction to be as simple and intuitive as possible keeping in mind the user would be a sick student. As medical issues are often recurring, myCourses lets you autofill your message to the professor through prompts generated based on the user's sick leave request history.

This feature also points the student to the additional steps to help catch up with missed work by setting up an appointment with the professor,  accessing helpful links and academic resources for that class etc.

 

A successful student is a healthy student

Student-Professor communication is a problem when it comes to asking for health-based leave. Many students are unable to contact the professors effectively and get back up to date. Due to this, some students even show up to class sick which is even worse! I wanted to build a feature into my redesign that tackles these problems.

I introduced a new 'call in sick' action which allows students to notify professors when they fall ill or cannot make it to class due to a valid reason. I wanted the interaction to be as simple and intuitive as possible keeping in mind the user would be a sick student. As medical issues are often recurring, myCourses lets you autofill your message to the professor through prompts generated based on the user's sick leave request history.

This feature also points the student to the additional steps to help catch up with missed work by setting up an appointment with the professor,  accessing helpful links and academic resources for that class etc.

 

Asset 4

User is given autofill prompts based on previously saved requests 

User is given autofill prompts based on previously saved requests 

call-in-sick-03

User picks a date for the leave

User picks a date for the leave

call-in-sick-06

Message auto-fills after user clicks on a prompt

call-in-sick-07

Resources and further actions along with the confirmation message

fullsmall

Invision prototype screen recording

Invision prototype screen recording

Mobile Consideration

I wanted to take advantage of the mobile experience for fast and quick actions, for example, the 'call in sick' action which needed to be designed to accommodate the needs of an ill student who wants to let their professor know they would not be able to make it to class.

Mobile Consideration

I wanted to take advantage of the mobile experience for fast and quick actions, for example, the 'call in sick' action which needed to be designed to accommodate the needs of an ill student who wants to let their professor know they would not be able to make it to class.

Sick student with a recurring health issue

This user flow demonstrates a student calling in sick through the mobile website making use of smart interactions to make the process fast and simple for a sick student.

Asset 2
Artboard 1 copy 7@2x
Artboard 1 copy 8@2x
Artboard 1 copy 9@2x
Artboard 1 copy 10@2x
Artboard 1 copy 11@2x
Artboard 1 copy 12@2x

A smarter task planner you deserve

Research has shown tracking tasks and staying up to date with course requirements to be a major problem with the current version of myCourses. Users are not able to quickly identify their upcoming tasks, this causes a serious problem and leads to missed deadlines.

I introduced a dedicated task planner section to address this problem. This accommodates the 'grab n go' style use of the web app where students are given quick and relevant information about their tasks. The advantage of having a dedicated task planner is that it keeps a well-organized record of all the tasks assigned and allows users to go back to access those tasks.

I studied the design systems of a few productivity and task management apps while creating my solution. I decided to use smart task cards to keep things simple and efficient inspired by post-it notes. These cards would provide the user with quick information and reminders and would make use of progressive disclosure to add a second layer of information about the specific task.



A smarter task planner you deserve

Research has shown tracking tasks and staying up to date with course requirements to be a major problem with the current version of myCourses. Users are not able to quickly identify their upcoming tasks, this causes a serious problem and leads to missed deadlines.

I introduced a dedicated task planner section to address this problem. This accommodates the 'grab n go' style use of the web app where students are given quick and relevant information about their tasks. The advantage of having a dedicated task planner is that it keeps a well-organized record of all the tasks assigned and allows users to go back to access those tasks as well

I studied the design systems of a few productivity and task management apps while creating my solution. I decided to use smart task cards to keep things simple and efficient inspired by post-it notes. These cards would provide the user with quick information and reminders and would make use of progressive disclosure to add a second layer of information about the specific task.



task-cards-06
welcome
Untitled-3-07
task-cards-10

Always has your back!

My biggest goal for this project was to be able to come up with a design solution that helps build a better student and facilitates growth. I wanted to create a relationship between the user and the platform by humanizing the experience and building myCourses into an ideal assistant.

This project gave me the opportunity to study and explore the use of user onboarding in an application. This allowed me to craft smart features and interactions to help the student make the most of the app. I created a conversational experience where myCourses is always looking out for the student and is tracking and assessing their progress and providing the user with helpful and related feedback.

I built a sidebar feature that provides users with their weekly feed. This section is a collection of tips, resources, reminders, and statistics generated weekly based on the user's activity and performance. 



5a2433f98ada6695227771
final pdf(final for marvel)-03
final pdf(final for marvel)-41
sidebar-39
final pdf(final for marvel)-40

FINAL PROTOTYPE

Here is my invision prototype demonstrating the user flows I worked on building in this project.

proto

KEY TAKEAWAYS

This semester long project was extremely rewarding to me as a designer. It challenged me to think and push myself to keep asking questions and searching for those answers.

The one thing I really took with me from this project was learning to really look at the smaller details. By focusing on micro-interactions and considering smaller steps within user flows I was able to create stronger solutions. With this project I was able to conduct effective user research, a process I enjoyed thoroughly. The project gave me a sense of fulfillment as I was able to work on solving real problems students like me face through this redesign.

Thank you!

Next Project -

logo-01

Mail          Behance          Vimeo          Linkedin         

Mail         Behance         Vimeo         Linkedin