Tune In: Additional Features for Canvas
Objective: Create UX design  Solution 
Role:  Visual Designer, UX/UI Designer
Tools: Adobe XD, Illustrator, Photoshop
Problem
Due to pandemics, students are forced to shift to an online class. They felt isolated, which affected their motivation & affect their mental state. Diminishing motivation & mental state will affect student's performance academically, socially, and personally.
Solution
I propose a new feature that will be added to Canvas.
It is an event feature added to Canvas.  By adding this feature students will be informed about the school and different club events including a resource for their mental health. This will promote interaction & engagement. It will keep the students engaged, find an outlet to ease their feeling of isolation & get help with their mental health.
Deliverables: Clickable Prototype
1. Tune In Main Page
2. RSVP (Page & pop up notification)
3. Share/Invite (Page & pop up notification)
EMPATHIZE/ USER RESEARCH
MIND MAPPING
DEFINE/ Framing the problem
DEFINE/ Quantitative data collected from the survey send to focus groups. Ready to synthesize to get more insight from the users. 
IDEATION/ Affinity diagram identify the common similarities and shared ideas are grouped. This process helps to ideate possible solutions.
IDEATION/ Brainstorming for the possible solution.
Ideation/ Task flow & User Flow on how the user interact with solution. V.1 is the initial flow after I received some feedback I needed to iterate it which is V.2
Initial Task and User Flow
Initial Task and User Flow
Iterated User Flow
Iterated User Flow
PROTOTYPING/ Low fidelity wireframes are created for the UI. This method helps to save time, while visually presenting what is actually look like in digital space. It is easy to iterate before investing much time on creating high-fidelity prototype.

Low fidelity Wireframes

Testing Plan
Testing Plan
Usability Test send to target users
Usability Test send to target users
TEST/ Synthesize data and feedbacks from Usability Testing
Synthesize date and feedback
Synthesize date and feedback
Iteration to address the feedbacks
Iteration to address the feedbacks
High Fidelity Prototype
Back to Top