dCAPE
Asthma Management App dCAPE(digital “CHICAGO Asthma Plan for Everyone�) is an asthma management and information sharing platform, which aims at improving the documenting, collaboration and information sharing between asthma children, caregivers, community health workers, doctors and other related stakeholders.
TEAM: Fanny Tan, Ketshi Bavish, Yi Peng ROLE: design management, design ideation, workflow analysis, wire framing, visual design
dCAPE Asthma Management App
Taking care of the asthma child means facing extra challenges everyday “Sometimes you’re excited when emergencies happen, and I can’t think of everything right then when they’re asking me questions.”
“My insurance only covers certain. Now I can see that if I was on public aid, I could see you limiting, or you can only get generic, or you can only get this.”
“So, when you say you run out of medicines and you have to go back to the emergency department, is that because he has had an attack and he doesn’t have medication to treat it?” “Correct.”
“Every day, every day. Sometimes I don’t even want kids around because you have to clean up when they’re here, when they’re gone. ”
dCAPE Asthma Management App
WHAT CAREGIVERS REALLY CARE
Document Management It is hard for caregivers to organize all different types of medical documents from the hospital, which consist of prescription and therapy history, medication instruction, contact information and education materials. It would be helpful if there is a management tool for this chaos.
Information Sharing For caregivers, communication with different stakeholders plays an important role in daily asthma management. Caregivers are looking for better ways to share appointment information to secondary caregivers or sharing educational materials to school teachers.
Appointment Making Making appointments also take a lot of effort. The doctors’ schedules are not transparent so the caregivers have to communicate with nurses back and forth to confirm an appointment.
Trigger Tracking The asthma children have various types of allergens which trigger exacerbations. However some caregivers may miss certain types of invisible triggers like third-hand smoke or mold. They also need to share these information to other stakeholders which is a lot of effort.
dCAPE Asthma Management App
KEY FEATURES Managing medication info with ease For enhanced experience of medication management, caregivers can input medication information to dCAPE. The app can help auto populate the content and provide instruction. Also, for caregivers with multiple asthma children at home, they can create individual accounts for each child so that there’s no longer confusion about the dierent medication records.
dCAPE Asthma Management App
KEY FEATURES Never miss an appointment Caregivers can import information for doctors appointment so they can check the time and location in anytime and share to secondary caregivers.
dCAPE Asthma Management App
KEY FEATURES Identifying the triggers We provide a comprehensive trigger checklist for caregivers to ďŹ nd out existing and potential triggers for their chilren. The trigger checklist also provide trigger descriptions and workaround methods for situation when caregivers cannot fully get rid of the trigger.
dCAPE Asthma Management App
KEY FEATURES Easy sharing and facilitating In trigger checklist, all stakeholders(caregivers, doctors, CHWs, etc) can add customized triggers into the list and share with each other. For caregivers who have concerns about facilitating the secondary caregivers, we provide online digitalized educational materials which can be easily shared and viewed in smartphone browser. Primary caregivers can share the appointment information to secondary caregivers when they are no available for hospital visits. The app can help reducing repeated communication when the secondary careďŹ vers are not familiar with the hospital.
dCAPE Asthma Management App
Where we started
dCAPE Asthma Management App
Where we started
dCAPE Asthma Management App
Influence Analysis
dCAPE Asthma Management App
Workflow Analysis
dCAPE Asthma Management App
Story Board
Fundamental UI New visual design guideline for SAP Hybris Fundamental UI is the new design guideline for SAP Hybris and consists of guideline for designers and developers, component library, layout and design resources.
TIME: Oct.2017 - Feb.2018 TEAM: Intern project, worked as UI designer with product owner, UX designers and developers. MY ROLE: Visual design / Website design
Fundamental UI New visual design guideline for SAP Hybris
Fundamental UI Website & Library
Fundamental UI New visual design guideline for SAP Hybris
Fundamental UI Kit
MCP
Mobile Commerce Platform MDT is a data collection and management platform designed for fashion retailing companies in China. There’s a mobile app for sales assistants to contact customers and a desk top client for district managers to run data analytic task and make better decision.
Intern project, worked as the main UX/UI designer with a remote develop team. ROLE: design ideation, workflow analysis, wire framing, visual design
TIME: 3 months
MCP Mobile Commerce Platform
Overview The current trend of online shopping has impacted the traditional brick and mortar business tremendously, especially for the physical retailers in China who still hold the belief of conventional business roles.
Transforming from offline to online is a huge challenge for these companies which cannot be achieved overnight. Therefore, a emerging design opportunity is to build up a transitional solution to help these physical business to overcome the “growth pain�.
*From our research, physical store manager still sticks to the old-school method to manage the store.
MCP Mobile Commerce Platform
Customer • •
Problem Framing From our observation and client feedback, we conclude the problem into 3 main categories, including customer, sales assistant and store management.
Together, these elements formed a dynamic system, where every element has mutual influence to each other.
•
Sales Assistant • • •
How to recognize our members when they walk in?
How to learn customers preference before they lose interest.
How to win customers’ trust in a few minutes?
How to acquire new product info?
How to contact my sales assistant?
How to match my clothing with my shoes?
Manager • • •
How to find out the insight when comparing two similar store?
How to better manage the stock?
How to improve sales assistants’ skills?
MCP Mobile Commerce Platform
Our Vision Create Easy Connection Sales assistants find it difficult to reach out to the members after their purchase. Gather Member Data Collection data from the customer is hard for physical store owners. Analyze Data Physical stores has the weakness on collecting data and data analysis.
MCP Mobile Commerce Platform
Scenarios WeChat Entrance WeChat is not only a popular communication app among Chinese, but it is also an important entrance and platform that connects other apps. With our H5 entrance in WeChat, customers no longer need to download an app to browse new products, track their order, or after sales services.Â
Smart Analysis With our smart notification, sales assistants can identify the member who just walked in the store, and provide them with more targeted recommendation based on their preference data.
MCP Mobile Commerce Platform
Scenarios Easy Monitoring Monitoring the whole business will be no longer stressful for the store manager. MCP proved both wholistic view and detail info about the business. With the KPI and notifications on the dashboard, the manager can have a quick check about the current sales situations. He can also drill down and have a specific view about a single product or a staff’s daily performance.
Store Comparison MCP provides business insight by comparing data from each store. In the comparison chart, the manager can choose similar stores and check the difference in KPI, products and staffs.
MCP Mobile Commerce Platform 100%
9:41 AM
100%
9:41 AM
2(
100%
9:41 AM
)
100%
9:41 AM
( 4 )
4 0
0
Vivian .
UI Design
5
16
0 6D
J
2016 02 21
A
3000
¥3,200 / ¥5,000
68%
:
3 2500
1699.00
2000
B
S
1500
2/5
40%
:3
0 1000
1
-
500
2016 02 21 0
: 3 3
1
2
3
4
5
6
7
8
9
10
11
12
3
799.00
0 (
08 9
,
B
3
:
12807
185607
2
6 1
S
3
21320
3
5 2
2
799.00
0 )
0
4
A
15
0
1.3
/
26
B
S
0
1
,
100%
9:41 AM
9:41 AM
100%
6 2
2016.01.29
1
100%
9:41 AM
2B 4
2
( Carie
(
D799.00
)
2B 4
2016.01.24
D799.00 (
2015.12.29
1
Carie
( )
2
D799.00 2
2
0 3A
1
D299.00 (
( 2B 4
Carie
)
D799.00 2B 4
( Carie
( )
D799.00
9:41 AM
100%
MCP Mobile Commerce Platform
UI Design
Senior Food Insecurity Sustainable solution project A cooperated project with Feeding America. By doing a series of field research and interview, we try to find out the seniors’ life pattern and perception about food. By doing this we are designing solutions to reach out for more seniors who are eligible for the food program and increase their life quality.
School project, worked with Lisa Radecki, Xiaojun Du, Kun Zhou, Archana Belani, Aaron Cook, Meng Yan, Sara Tashakorinia ROLE: research planning, interviewing, workshop facilitation, data analysis, visual design TIME: 14 weeks
Senior Food Insecurity Sustainable solution project
Problem Framing Three research questions: •
Why do seniors experience food insecurity?
•
What does it take for seniors to access food and eat meals?
•
How do seniors understand their eating options and make decisions?
Senior Food Insecurity Sustainable solution project
Understanding Context Aging of population is a universal issue among the globe, and it is impacting a nation in various aspects. Aging of population is more significant in the U.S. In 2011, almost one in every 12 seniors above the age of 60 in the United States was food insecure. That represents 4.8 million seniors nationwide, which is more than double the number of food insecure seniors in 2001. The number of seniors facing the threat of hunger rose 119% since 2001. And the fraction of senior experiencing the threat of hunger increased by 47%.
Senior Food Insecurity Sustainable solution project
Our Approach
Distribution in community center
Interview We interviewed 25 seniors from senior buildings, neighborhood in the south and suburb area in the west and 12 experts including nutritionists, food bank expert, food pantry coordinators. etc.
Food bank visit
Immersion We conduct observation and immersive research during our field trip to Northern Illinois Food Bank and Great Chicago Food Depository. And we took part in volunteer activities at food banks and pantries to develop an understanding of the food journey by engaging in the process.
Ideation workshop Senior interview Distribution in senior building
Collaboration We hold 2 ideation workshops and a expert forum discussion to discuss and exam our finding and create new concepts. Neighborhood visit
Senior Food Insecurity Sustainable solution project
A Seniors Food Journey
Senior Food Insecurity Sustainable solution project
Design Principles
Delivery System
Life Style
Information Channel
Building a flexible system with multiple touchpoint to the clients in order to reduce their effort on traffic.
Instead of forcing the healthy concept to the clients, how about give them a choice to live a different life style?
Because most of the clients are not Internet users, there should be other information channels for them.
Segmentation & Customization “Senior” is not a suitable label to categorize the clients. Their needs varied. Customization could attract more client.
Senior Food Insecurity Sustainable solution project
System Map This system map provides a clear understanding of potential stakeholders to be involved in the proposed designed system. Through the brokering of knowledge, resources and networks, key stakeholders such as community builders, technology companies, and other organizations could build new relations and leverage existing assets to better serve seniors. The proposed system of interactions allows Feeding America to rely on multiple touchpoint, and provide seniors with critical service options, such as health test, financial consultancy, skill learning, etc.
Senior Food Insecurity Sustainable solution project
Future Scenarios Routine A sequence of action regularly followed. Feeding America could support seniors to be more engaged in the community by providing the social and technical infrastructure both for learning and teaching opportunities. Through its partnership network, Feeding America could connect seniors with dierent non-profit organizations, consequently expand and personalize their service options, including health exams, financial consulting, skill learning, and etc.
Emergency An unexpected or disruptive situation requiring immediate action. Physical limitation of seniors makes them more vulnerable when coming across emergencies such as being absent of caregiver, accidentally losing power, having an accident or being injured. Through Feeding America’s emergency service, seniors would have their own caregiver pool. The emergency system will notify senior's caregiver pool to help them with the emergency situation.
Senior Food Insecurity Sustainable solution project
Future Scenarios Temporary Transitory situation.
Feeding America’s partnership with AARP, social services, and national retailers allows every grocery store to become a food bank, providing seniors with a wide variety of local fresh food choices. Feeding America’s platform could coordinate care for seniors through a simple and friendly interface – a virtual assistant network.
Special Greater or otherwise different from what is usual.
Feeding America could leverage smart environments and cultural traditions to mobilize communities to protect and celebrate the wisdom of senior. Monitoring systems could be used to detect seniors’ activity level, energy consumption and emotional change, noticing changes in their behavior and triggering their local social network to provide assistance.
Senior Food Insecurity Sustainable solution project
Deliverables Contextual Report The report is the outcomes and insight into a 14 week collaboration between Feeding America and IIT– Institute of Design. It captures an understanding of the current state of how the senior population (60+ years) accesses food in the greater Chicago area. Revealing design opportunities for alternative futures where seniors have the support to access the nutritious food they need to live a healthy active life. Where Feeding America is better positioned to help increase food security across America.
Design Brief The design brief introduces our vision for the future solution about senior food security. It consist of our system map and 4 scenarios with detail features.
Contextual Report
Design Brief
Maintenance System
13
Insights Foundation for Energy: City Name Utility 1 / Substation 1 Substation 1
Transformer Transformer 11 #48500782 #48500782
Transformer 1
Substation 3
for power grid model
123 123 Barton Barton Springs Springs Rd, Rd, Austin, Austin, Tx Tx 78704 78704
Summary Summary
Feeder 121 #66014531
Feeder 2
Filter
AB
TIME: 2 months
B
Legends
Substation 1
Eletronic Station Transformer
B Meter 1
B
Meter 3
Meter
Meter 1 #773119 Phase Meter 2 ABC #773120
Meter 2 Meter 3
B
Laterals
Meter 4
Meters linkage
Meter 5
B
Meter 5 #773123 ABC
340
377
56
Analytic
Model A
Model F Model G
Computed Result
Feeder 121 Phase AB
Model Model B Substation 4 Model C
Tranformers Tansformer 1
BC C
Feeder: 121 MeterFeeder Connectivity Phase: Phase BC
65
BC
#773121 Meter 4 #773122
BC
Confidence Level
#48500782
+10 Mete Detail
AS-IS Connectivity
Pending
ABC
#43910110
Meter
Feeder 121 Phase A
Managed
51
1
4
Mo Mo
Con
Unkn
Transformer 2
Tansformer 1 Suggest Actions
C
Create workorder
Transformer 1
Ignor
Tansformer 1 BCMismatch History Tansformer 1
Transformer 3
AB
Meter 6 #773124
Date
Mismatches Phase A
B
Meter 7 #773125
16-03-2014
BC
Feede
30-02-2013
AC
Feede
Phase B Phase C Phase AB Phase AC
B
Meter 8 #773126
15-10-1999
AC
Feede
Phase
Intern project, worked with a senior designer in an IoT team.
Status
Transformer 1 Search
Connectivity Mismatch
Measurement Measurement
AB Transformer 1Analysis
Phase
SOFLD8912 Lateral 13
Phase Mismatch
ROLE: visual design and refinement, design ideation, workflow analysis
Trace Connectivity Details
AB Connectivity Feeder 1
As part of the power grid monitoring model, this maintenance system aims at providing the maintenance teams in large utility companies with eďŹƒcient way to maintain the veracity of the power grid model. Thus the grid operator can make decisions more accurately.
User name
Feeder
Substation 2
B
Meter 9 #773127
B
Meter 10 #773128
Computed Phase
Feed
Reconciliation System for Connectivity Model
Overview For large utility companies, it is important to maintain the grid system data updated because any wrong connectivity data may aect setting up new power grid and inspecting old assets. Any of these mistake may cost a lot of time and money.
Challengeďźš Data Complexity Power grid data is complex and the connection changes over time. Data Veracity The validity of the power grid data is low due to the frequent maintenance. Data is easily out of date. Data Maintenance Cost Utility company need to sent out engineers to inspect the grid connection and update the data, which is time and effort consuming.
Reconciliation System for Connectivity Model
Persona
ROLE & EXPERIENCE •
I have worked as a Reconciliation Team Manager over 10 years, manage 10 analysts working on connectivity model corrections.
•
My job is to prioritize which feeder is more important than others need be analyzed first.
•
I also need review the correction recommendation made by Reconciliation Analyst and decide if update to other live systems for grid operation team use.
Laura Manager, Reconciliation team for a large utility company in central Illinois.
GOALS •
•
Prioritize different task and assign to analysts.
Ensure the grid phase and connectivity keep accuracy and up-to-date.
PAIN POINTS •
Not easy to find out which feeder has more errors than others.
•
Need strong support or evidence before decide to correct connectivity.
Reconciliation System for Connectivity Model
Persona
ROLE & EXPERIENCE •
I have worked as a Reconciliation Analyst 5 years.
•
My job is to correct phase and connectivity errors in grid, provide accurate connectivity information to grid operators.
Jackson Reconciliation Analyst for a large utility company in central Illinois.
•
GOALS
PAIN POINTS
Ensure the grid phase and connectivity keep accuracy and up-to-date.
• It’s too expensive and time consuming to inspect the gird and find errors.
• It’s hard to find errors before power outage happened.
Reconciliation System for Connectivity Model
Our Goals
Prioritize and distribute tasks
Reconciliation System can help reconciliation manager with analytic data to prioritize the possible connectivity errors.
Locate connectivity errors with low confidence level & detected errors Reconciliation System can visualize connectivity errors help reconciliation analysts to locate they easily.
Analyze the correction recommendation
Reconciliation System can help reconciliation analysts with referent recommendations to make correction decisions.
Reconciliation System for Connectivity Model
Workflow Analysis GOAL
INTERFACE
Prioritize and distribute tasks
Analysis Report Center
Locate connectivity errors with low confidence level & detected errors
Analysis the correction recommendation
Check error summary by:
 1. Substation region network confidence level 2. Total meter phase errors 3. Total meter connectivity errors 4. High confidence meters
Low confidence
Due to the the priority list, start to investigate the incoming error assets with:
 1. Lowest confidence phase or connectivity 2. Detected errors
Create work order
Track the correction status
Update to live system
Decide to update to other systems
Make Decision High confidence
Make a priority list
Laura Reconciliation Team Manager
Analysis Tracking Center
Connectivity Model Workspace
TASK
Jackson Reconciliation Analyst
Review and update
Reconciliation System for Connectivity Model
Feature: Prioritize and distribute tasks
13
Insights Foundation for Energy: City Name
DashBoard
Tracking
Create Priority List
Analyzed Summary Last Update: 01/05/2016 Total Analyzed
15270
8%
Total Connectivity Errors
Total Phase Errors
4023
11247
2%
10%
Total Unknown Errors
Average Network Confidence Level
Auto updated
376
77/100
2438
2%
Asset Name Connectivity Mismatch
Phase Mismatch
1. Feeder 1
264
264
56
2. Feeder 2
248
248
59
3. Feeder 3
237
237
63
4. Feeder 4
229
229
68
5. Feeder 5
195
195
71
6. Feeder 6
168
168
74
7. Feeder 7
157
157
75
8. Feeder 8
152
152
77
9. Feeder 9
125
125
79
10. Feeder 10
108
108
80
Name
•
•
• •
•
•
Laura is responsible for ensuring the grid phase and connectivity keep accuracy and up-to-date.
Her team do the error analyze every 2 weeks. For better efficiency, she makes a priority list to identify which feeders are critical to to be analyzed by her team member.
Insights Foundation for Energy: City Name
DashBoard Connectivity
13
Last Update: 01/05/2016
Create Priority List Priority List
15270
100
Search
80 60
Total Analyzed 8%
Total Connectivity 40 Errors 20
Total Phase Errors
4023
04/12 11247
0
2%
02/12
Total Unknown Errors 06/12 10%
376
08/12
10/12 2%
Average Network Confidence Level
Auto updated
1
Feeder 1
James
77/100
2438
2
Feeder 2
Jean
3
Feeder 3
Tracy
4
Feeder 4
Tracy
5
Feeder 5
Tracy
12/12
Health level - General Name
Error / Month
Error / Year
Last Analysis
1. Feeder 1
56
243
05/01/16
2. Feeder 2
49
162
05/01/16
3. Feeder 3
51
128
04/27/16
4. Feeder 4
38
116
5. Feeder 5
35
95
Asset Name
Name
Total Error
Region Type
Priority
Feeder 1
132
Financial Area
High
Feeder 1
132
132
Industrial Area
Educational Area
Connectivity Mismatch
Phase Mismatch
1. Feeder 1 04/15/16
264
264
56
04/15/16 2. Feeder 2
248
248
59
3. Feeder 3
237
237
63
4. Feeder 4
229
229
68
5. Feeder 5
195
195
71
6. Feeder 6
168
168
74
7. Feeder 7
157
157
75
8. Feeder 8
152
152
77
9. Feeder 9
125
125
79
10. Feeder 10
108
108
80
Name
Region
Feeder 1
User name
Tracking
Analyzed Summary
Based on the feeder historical mismatches record, the system generated a priority list, and assigned the tasks to her team members automatically.
When done, she sends it to the team.
Health Level
Phase
She clicks Create Priority List button.
Lisa still allowed to adjust the priority list, like adjust the order, chance the focal analyst, or add/remove task from the list.
User name
Client Satisfaction
High
Health Level
High
Feeder 15 Feeder 1
Feeder 4
132
Residential Area Connectivity
Medium
Phase 100 80 60
Tracy
Send
Reconciliation System for Connectivity Model
13
Insights Foundation for Energy: City Name Utility 1 / Substation 1 Substation 1
Substation 3
Feeder 1 Feeder 2
Feature: Drill down and locate
User name
27k 1
Transformers
Feeder 3 Feeder 4
22
Search
DT_102681
99+
DT_103376 36k
31k
DT_132645 17k DT_102681
30k
DT_103376 DT_13264542k
41k 22
DT_102681
1
DT_103376
• Jackson noticed that there are some areas with low confidence level, he wants to analyze these error manually.
• He wants to drill down and locate to a single asset, so he hover on an cluster icon to see more details.
Substation 6
DT_132645 20k
27k
58k
Substation 4
Substation 2 13
Insights Foundation for Energy: City Name Utility 1 / Substation 1 / Transformer 1 Search (example: Meters)
27k
Transformer 1 #48500782
2
123 Barton Springs Rd, Austin, Tx 78704
Summary
• Dan clicks on the asset to see more detail of errors, the detail panel will be shown on the right hand side, he can checks: 1. Phase error detected 2. Computed phase vs. existing phase compare 3. Connection error detected 4. Computed connection (transformer meter) vs. existing connection
Trace Connectivity
AB
Feeder 1 Feeder 2 Filter
Phase Mismatch
Meter 1
Eletronic Station Transformer Meter
Meters
Search
Meters linkage Meter_1000531
Mismatches Phase A Phase B Phase C Phase AB Phase AC
ABC
Meter
3
Legends
Feeder
AB
+10 Meters
Meter Connectivity BC
2 340
377
50 KVA 13.2 KV
Search
Connectivity Mismatch
Phase
Measurement
Transformer 1
Phase
SOFLD8912
Laterals
User name
1
Meter_1000532
2
4
Phase ABC
Tranformers BC
Tansformer 1
Transformer 2
Confident 90
Meter 2
BC
Tansformer 1
89
Meter 3
C
Transformer 1
88
Meter 4
C
Tansformer 1
66
Meter 5
ABC
BC
Tansformer 1
Transformer 3
30
D.Gym Intelligent training application for future gyms D.Gym is an IoT enable smart gym system for the future. Users can not only update and track precise body composition data, but also can have their workout data recorded automatically. Then by using the algorithm, the system will personalize workout plans based on collected data & user’s goal.
School project with Dohyung Kim, Jihye Choe and Tong Yang. ROLE: Persona, Scenario, Task Analysis, User Journey Mapping, Wireframing, Prototyping TIME: 6 Weeks
D.Gym Intelligent training application for future gyms
Challenge People want to learn more about their activities & body to get motivated, observe changes and improve workout efficiency. These days, activity tracking is only available for limited types of cardio exercise. People tried to make record keeping easier. However, you still have to enter all the data manually.
D.Gym Intelligent training application for future gyms
Process We use 5E structure to analyze the user journey, and break down the task in each process. Later, we grouped core functions into three groups: pre-workout, during workout, and post-workout. Each functions were color-coded to display which aspects of gym experience they are related to.
D.Gym Intelligent training application for future gyms
Features NEW WORKOUT INSTRUCTIONS
PERSONALIZEDPLANS
D.Gym also provides video+text instructions for new workouts, and gives realtime advices on postures based on vision analysis.
By analyzing workout history and body composition data, D.Gym recommends you exercise plans that are optimized for achieving your fitness goals.
BODY COMPOSITION LOG
REALTIME RECORD & FEEDBACK
The system is also connected with body composition analyzers in gyms. It enables you to take measurement more often and easily keep track of changes in your body.
In designated gyms, D.Gym records all your fitness activities automagically using computer vision, sensor and AI. It also gives you realtime feedback based on your current effort and capability.
D.Gym Intelligent training application for future gyms
Senario 1: Body Assessment Before training, it is important to record users body data for tracking the training outcomes. In D.Gym, first-time users can choose either input their body data through the app or use the smart scales in the gym to record and send data to the server.
D.Gym Intelligent training application for future gyms
Senario 2: Start to workout The user can see today’s workout and know what exercises are for today. Then the user tap his/her phone to the equipment and start to workout.
D.Gym Intelligent training application for future gyms
Senario 3: During Workout During workout, the user can see the timer and repetition. And there’s instruction for the next exercise. The user can evaluate today’s workout after it is finished.
D.Gym Intelligent training application for future gyms
Senario 4: Record and Feedback Data from the equipment and self report will form user’s stats. The user can check his body data and workout history to see his progress.
COPD Toolkit
Communication / Visual Design A combination of two projects under a same topic. By analyzing patients’ data, I designed communication pieces for the client to build up empathy for COPD patients. Then we cooperate with RHA to design a COPD toolkit for caregivers while they encounter different situations with their *School project with Bryan Spence and Ian O’Donnell loved ones.
School project, worked with Bryan Spence and Ian O’Donnell. ROLE: visual communication, information architecture, illustration TIME: 14 weeks
COPD Toolkit Communication / Visual Design
Phase 1:
Communication Piece Our Client Exhale is a Techstars-funded startup that designs apps for patients with chronic lung conditions. Conditions include asthma, COPD and cystic fibrosis. These diseases, when poorly managed, consume billions of healthcare dollars and cause hundreds of thousands of visits to emergency rooms. Goal: Building up the empathy People usually lack of empathy for the patient when they assume that all patients are kind of weak and will be grateful for any help.
However, patients do not need others to remind them they are tied with COPD. Instead of sympathy, they need more simple daily techniques and mental care.
We should put our feet in their shoes by changing our point of view from domain expert to experienced patient.
Domain Expert
Experienced Patient
COPD Toolkit Communication / Visual Design
Data
Self-reported data We have 10 COPD patients’ self-reported picture dairies. They collect pictures for whatever considered important to them and add certain description.
Quad A analysis sheet Themes are extracted from the quotes and every quote is categorized into the quad A framework (Activity, Attitude, Ambition, Anxiety) in order to analyze what patients think and feel. What they are ambitious about and anxious about.
COPD Toolkit Communication / Visual Design
Analysis Model This model shows various factors that contribute to the experiences of the patients and how they clustered in different experience sections (negative/neutral/positive) and how they connect with each other. The themes are listed from negative to positive. And the size of the cluster represent the frequency of the theme. Insight •
Environment and physical exercise are triggers to difficult breathing, which lead to patients’ anxiety.
•
Interest, relationship, behaving normal and confidence are key factors to the positive emotion.
MODEL
COPD Toolkit Communication / Visual Design
Communication Poster A poster is designed as a final communication piece to help client to build up empathy for the patients. This poster introduced what is COPD and described a typical day for the patient, something to avoid and something to achieve: Something to avoid We interviewed 20 seniors from senior buildings, neighborhood in the south and suburb area in the west. Our protocol is focusing on seniors daily food routine, Something to achieve We interviewed 20 seniors from senior buildings, neighborhood in the south and suburb area in the west. Our protocol is focusing on seniors daily food routine,
COPD Toolkit Communication / Visual Design
Phase 2:
Caregiver Toolkit Our Client Respiratory Health Association has been a public health leader in metropolitan Chicago since 1906. Today, we address asthma, COPD, lung cancer, tobacco control and air quality with a comprehensive approach involving research, education and advocacy activities.
Project Goals
Improve caregivers’ quality of life
Support conversations between caregivers and patients
Give caregivers confidence
COPD Toolkit Communication / Visual Design
Concept Introduction
Instead of making another encyclopedia of COPD, we decide to make the toolkit closer to the cargivers’ need. The toolkit not only include instructions and knowledge they thought the most useful, but also there will be practical tools like emergency contact and medication list,etc.
These features will be distributed into 5 sections, and structured a caregiver’s voice
• How do I help the person I’m caring for manage COPD?
• What should I know about managing a home for someone living with COPD?
• How do I prepare for a visit to the doctor?
• How do I help after a COPD flare-up (exacerbation) or hospital stay?
• How do I take care of myself as a caregiver while managing someone else’s care too?
Information Architecture How do I help the person I’m caring for manage COPD? • •
•
•
Understanding COPD
What health conditions can coexist with COPD, and how should they be treated?
Understanding COPD Medicine and How to use COPD medicine
Intro to Oxygen Therapy & Other Therapies
What should I know about managing a home for someone living with COPD?
How do I prepare for a visit to the doctor? •
• • •
•
Tips for managing COPD medicine
Tips for managing parts of the home
Tips for getting to and from appointments or therapy/ or for planning activities
Being prepared for emergencies
• • •
Questions for the Doctor
Current Medicines
Oxygen Needs and Other Therapies
Tracking symptoms
How do I help after a COPD flare-up or hospital stay? •
• •
Recommendations for caring for your loved one with COPD following a COPD Flare-up or hospitalization.
Prepare for use of new oxygen
Review newly prescribed treatments and medications with your loved one and your healthcare provider
How do I take care of myself as a caregiver while managing someone else’s care too?
• Maintaining Health
• Support Groups: Why?
• Building a Care Team
• Staying active
• Managing Changing relationships
COPD Toolkit Communication / Visual Design
User testing 1. Topic Card Sort We conducted a test on four potential users to see what’s the most helpful section. All themes in the toolkit are printed in different cards and participants were asked to make a sequence of importance of the cards. MOST HELPFUL
- Questions to ask your doctor
- Current COPD medications
- Is this normal?: Spotting signs of increased symptoms
Least HELPFUL
- Managing parts of the home
- Symptom tracking
- COPD Action Plan
- Building your care team
2. Illustration style choice We designed 3 illustration style: illustrated, photo-based and iconographic. Then we test them on 4 potential users to see their preference.
COPD Toolkit Communication / Visual Design
Prototyping Still in progress‌
Thank you Email: jhuang64@id.iit.edu