Canvas Interface Redesign
2018
Jingwen Li
Canvas Interface Redesign
2018
Jingwen Li
Canvas Interface Redesign is an interface design group project that helps to improve the user experience of Canvas. The current layout of Canvas’s Homepage has much information that is not useful to students and is not conducive to assignment completion. Base on the experience of the recent Canvas homepage, our team listed out some major issues and we design our interview questions. Since almost every student uses the canvas, we decided to interview both lower level and upper-level students from different schools and college. After we did the observation interviews and researchers, we decided to redesign the Canvas into a customized homepage that would fulfill different needs for different students.
Canvas Interface Redesign is an interface design group project that helps to improve the user experience of Canvas. The current layout of Canvas’s Homepage has much information that is not useful to students and is not conducive to assignment completion. Base on the experience of the recent Canvas homepage, our team listed out some major issues and we design our interview questions. Since almost every student uses the canvas, we decided to interview both lower level and upper-level students from different schools and college. After we did the observation interviews and researchers, we decided to redesign the Canvas into a customized homepage that would fulfill different needs for different students.
​ToGeThere
Team Project ｜ 3 Months ｜ 2020
An Integrated Product Development Project Created at the University of Michigan
ToGeThere was a group project created in an annual Integrated Product Design course which challenges cross-disciplinary student teams to design and market a brand new product. ToGeThere is an app that creates meaningful interactions through activities between people who feel disconnected during COVID-19 pan-demic. The app allows the user to create digital art with loved ones by staying active and doing activities together while separated by distance.
Our Team:
​MBA
​MSI
​BFA
​MBA
​BFA
My Role:
Product Concept, Interface Design, Data Visualization Design, Business Plan & Business Model
Theme:
Reduce Isolation, Enhance Social Engagement in COVID-19 Pandemic
Our Website: https://ipdtogethere.wixsite.com/togethere
Award:
This project was selected as the winner of the
$5000 Murphy Prize for the IPD trade show (2020)
Problem​
The Covid-19 has disrupted human life activities. Most of social interactions we considered normal up through 2019 are now severely limited. Many people reported that they feel isolated and slightly depressed.
​Design Goal
Create a product that helps an individual maintain meaningful relationships with people that are difficult to meet within-person during stay-at-home social isolation, leading to loneliness.
Key Features:
-
Empowers people to connect at a deeper level
-
Increases opportunities to connect and increases ease of connection
-
Creates a continued sense of linkage and belonging to relationships
Affinity Diagram & Mind Map
We created the affinity diagram to help us to clarify our design directions and categorized potential problems
​Interviews
​To find out the problems that people were facing during the pandemic, 20 people from different age groups were interviewed
Interview with residents from StoryPoint senior house
“I miss my family and the
volunteering activities.”
​
--Kathy, living with husband, age 90
Interview with other college students
“I feel isolated, depressed, and
hope to hang out with friends”
​
--Ivan, living with roomate, age 23
​Painpoint Analysis
Disconnection
Feeling of disconnection from close family members and friends living in different locations
​
Lack of motivation
Lack of motivation and inspiration without
nearby accountability partner
Time Flys
Noticing time passes faster than usual and
feeling haven't accomplished enough
Poor Work-life Balance
Boundaries between work and life become blurred
How Might We...?
Design Opportunities
How might we re-charge our personal energy in a world filled with zoom?
Go out and exercise
How might we create ways to add spontaneity into our lives at home?
Doing different activities
How might we enable meaningful activities based interactions?
Create meaningful memory
Early-stage concepts were generated and categorized by "how might we..." scenarios
We conducted survey and interviewed with people to help us to converge our concepts
​Persona
After analyzing all the interviews and data from our quantitative and qualitative concept testing, we finalized our target user group and created a pair persona
Taylor Cameron
Age: 24
“I miss connecting with my dad on our runs together.”
Pain: She recently moved out of her childhood home and lives in a different city from her parents. Because of the COVID-19 pandemic, Taylor is unable to safely and easily travel to visit her parents’ home.
Goal: Taylor misses connecting with her father on their runs and wants a creative solution to inspire her to keep running, as well as maintain her relationship with her father.
Design Concept & Story Board
Complete activities
”together”even when
separated physically
-
Data Visualization
Transforms data captured during
activities into digital abstract art
-
Preserves Memories
Preserves interactions through the creation of personalized merchandise (Postcard)
Steven Cameron
​Age: 53
“Now that my daughter has moved-out, I miss having dedicated time to spend with her. ”
Pain: Now that Taylor has moved-out of the house and is unable to visit often because of the COVID-19 pandemic, Steven is unsure how to maintain his relationship with his daughter.
Goal: To Maintain his relationship with his daughter and continue to go on runs together every week.
Data Visualization
We choose 5 activities and transformed the exercising data into a visual pattern. For all activities, heart rate data is turned into a line showing the fluctuation, which is curved into a circle and used as the basis of the visual.
WALKING
HIKING
RUNNING
YOGA
BIKING
We set rules and color-coded each activity data and use the time duration of the activity to determine the overall size of the art.
Running Heart Rate
Example:
Steps Count
The size of the circle changes based on the number of steps
System Map & User Flow
Home
The home page includes notifications, family patterns, and friend patterns. User is also able to create new boards and add activities.
Store
User is able to view pattern gallery, add products to cart, and check out from the store.
On Boarding
ToGeThere
GET THERE, TOGETHER.
An app to create meaningful interaction between people who feel disconnected. Create digital art that you can share with your loved ones by staying active and doing activities together while separated by distance!
MOTIVATE.
​
ToGeThere is an app that motivates you to have meaningful interactions remotely.
CREATE.
Create a meaningful piece of abstract art together.
SHARE.
Save the patterns that you love and have them delivered to your front door.
HOW TOGETHERE WORKS.
Your activity data is then blended into the patterns and images together to create beautiful and unique digital art created by you and your loved ones!
ToGeThere collects your heart rate, step count, activity type, and activity duration from your favorite wearable fitness device( i,e. Fitbit or Apple Watch) to create meaningful art!
What you get:
-
6 - month subscription to the app
-
3 free postcards per month to remember and share your journey
Get invitations from friends and family
Doing activities together in different places
Data transformed into abstract art and combined
Print the art on the postcard and send to the loved one
CREATE ARTBOARDS
WITH YOUR LOVED ONES.
Start a run, walk, bike ride, or yoga session.
​
Connect your favorite health-tracking platforms, such as Apple Health, Fitbit, Google Fit, Nike+ to track your exercise data.
​
Invite a friend or family member to join you.
FINISH ACTIVITIES TOGETHER.
​
CREATE ART.
WALKING
HIKING
RUNNING
YOGA
BIKING
SAVE YOUR ART.
SHARE YOUR MEMORIES.
Save the patterns that you love and have them delivered to your front door.
​
Get 3 postcards free per month to cherish and share with your loved ones.
OUR PRODUCT ASPIRATIONS.
I missed connecting with my dad on our runs together. With ToGeThere, I am able to virtually run with him, stay motivated to work out, and keep a visual record of our achievements.
Now that my daughter has moved out, I missed dedicated time to spend with her. ToGeThere allows us to continue to share our love of running and create patterns as souvenirs of our activities together.
BUSINESS MODEL CALCULATIONS.
BUSINESS PLAN.
**Click to view the business plan document
COSTING.