-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpreterm.html
446 lines (415 loc) · 23.5 KB
/
preterm.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects | Sujit Joshi</title>
<link rel="stylesheet" href="./master.css">
<link rel="stylesheet" href="./preterm-style.css">
<link rel="stylesheet" href="https://use.typekit.net/oqt2ong.css">
<link rel="icon" type="image" href="./images/favicon32-2.png">
<!-- SMOOTH SCROLL -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function () {
$('a[href*=#]:not([href=#])').click(function () {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location
.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 900);
return false;
}
}
});
});
</script>
<!-- End of SMOOTH SCROLL -->
<!-- full story script starts -->
<script>
window['_fs_debug'] = false;
window['_fs_host'] = 'fullstory.com';
window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
window['_fs_org'] = '1337AQ';
window['_fs_namespace'] = 'FS';
(function(m,n,e,t,l,o,g,y){
if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
g.anonymize=function(){g.identify(!!0)};
g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
g.log = function(a,b){g("log",[a,b])};
g.consent=function(a){g("consent",!arguments.length||a)};
g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
g.clearUserCookie=function(){};
g.setVars=function(n, p){g('setVars',[n,p]);};
g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
g._v="1.3.0";
})(window,document,window['_fs_namespace'],'script','user');
</script>
<!-- full story script ends -->
</head>
<body>
<div class="bg-container">
</div>
<div class="nav-container">
<a href="./" class="name-container">
<h3>Sujit Joshi</h3>
</a>
<div class="links-container">
<a href="./" class="nav-link" id="projects-link">Projects</a>
<a href="./resume.html" target="_blank" class="nav-link" id="resume-link">Resume</a>
<a href="" class="nav-link" id="about-link">About</a>
<a href="" class="nav-link" id="menu-link"><img src="./images/icons/menu.svg" alt=""></a>
</div>
</div>
<div class="body-wrapper">
<div class="side-bar">
<ul>
<li><a href="#nda">The Problem</a></li>
<li><a href="#RolesMarker">Project Roles</a></li>
<li><a href="#QuickNoteMarker">Quick Note</a></li>
<li><a href="#ResearchPlanningMarker">Research Planning</a></li>
<li><a href="#CardSortMarker">Card Sort</a></li>
<li><a href="#DiaryStudyMarker">Diary Study</a></li>
<li><a href="#FinalStackMarker">Final Research Stack <br> and Handover</a></li>
</ul>
</div>
<div class="content-wrapper">
<div class="header-wrapper">
<h2>Finding ways to reduce preterm pregnancies in vulnerable populations:
<br> A Research Methods Case Study</h2>
<div class="contributors">
<span class="caps-heading">Collaborators</span>
<br>
Researchers from our client's side, and Stacy Benjamin, Alexis Schiff, Karishma Dotia, Rebecca
Lenahan, Kelly Costello and Dana Fell from Panorama Innovation.
</div>
<div class="role">
<span class="caps-heading">Role</span>
<br>
Researcher for Panorama Innovation, Chicago
</div>
</div>
<div class="nda" id="nda">
To comply with our non-disclosure agreement, confidential information has been intentionally omitted or
obscured in this case study. The views expressed here are my own, and are not necessarily held by our
client or by Panorama Innovation LLC.
</div>
<div class="impact-section">
<div class="caps-heading">The Problem</div>
<div class="image-para">
<div>
<div class="impact-sentence">
More than 375,000 babies are born preterm every year in the United States, of which 5250
babies pass away due to causes related to premature births or low birth weight.
</div>
<p>
Most of these pre term pregnancies occur in African American or Latin American women from
low income groups. Our client, a health insurance company, was planning a pilot in this
space to reduce preterm deliveries among vulnerable populations, & had asked us to conduct a
research study to gauge the effectiveness of the proposed intervention.
</p>
</div>
<img class="image-para-image" src="./images/preterm/cover-1.jpeg" alt="">
</div>
<div class="stats-section" id="impact-stat">
<div class="stat">
<div class="stats-number">
Most infant deaths
</div>
<div class="stats-caption">
in the US occur because of complications due to premature birth
<br>
— March of Dimes
</div>
</div>
<div class="stat">
<div class="stats-number">
9.8% babies
</div>
<div class="stats-caption">
in the US are born prematurely
<br>
— Center for Disease Control, USA
</div>
</div>
<div class="description-container" id="description-container">
According to March of Dimes, a non-profit organization that works to improve the lives
of mothers
and babies, premature birth (birth before 37 weeks of pregnancy) and its complications
are the #1
cause of death of babies in the United States. Babies who survive premature birth often
have
long-term health problems, including cerebral palsy, intellectual disabilities, chronic
lung
disease, blindness and hearing loss.
<br><br>
The CDC found in a 2018 study that nearly 1 in 10 babies is born prematurely in the US,
and that
racial and ethnic differences in preterm birth rates remain. For example, in 2018, the
rate of
preterm birth among African-American women (14%) was about 50 percent higher than the
rate of
preterm birth among white women (9%).
</div>
</div>
<p id="RolesMarker"></p>
</div>
<div class="content-section">
<div class="caps-heading">Project Role</div>
<p>
I worked with the rest of the team to plan and conduct the research, and analyze the results to
generate insights and opportunity areas. I also contributed to secondary research, recruiting and
interviewing subject-matter experts, and presenting our findings to our clients.
<br><br>
My core responsibilities were to <b>design the remote research experience, implement it, support the
participants</b> during the study, and provide our team with the data received
during it.
<br>
<br>
This study occured in February 2020, right before the Covid-19 pandemic hit the world, and
<b>learnings from this project helped during numerous design research projects that I have been
part of after this one.
</b>
</p>
<p id="QuickNoteMarker"></p>
</div>
<div class="content-section">
<div class="caps-heading">Quick Note About this Case Study</div>
<p>
I am unable to share findings of this study due to non-disclosure agreements I am
required to comply with, and would instead prefer to <b id="ResearchPlanningMarker">take this
opportunity to tell you about the remote research methods we had to use for participants who
lived in Virginia and Texas.
</b> For the remote research piece, we experimented with various tools which were available on the
internet to conduct research, while ensuring participant comfort with technology.
</p>
</div>
<div class="content-section" id="research">
<div class="caps-heading">Research Planning</div>
<p>
After conducting secondary research and interviewing subject matter experts and client-side
stakeholders, we
contracted a recruiting agency to search for research participants- women from a range of
socio-economic backgrounds who were either <b>predisposed towards pre-term labour,</b> or had
<b>medical history of a premature delivery.</b>
Our research participant sample set was spread across three different
states in the United States-
Illinois, Texas, and Virginia, to <b>accommodate states with historically higher rates</b> of
pre-term
labour and related
complications.
</p>
<div class="image-section">
<div class="image-container-full">
<img class="image-full" src="./images/preterm/Recruitment-2.svg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption">
</p>
</div>
</div>
<p>
Our goal was to understand the daily lives of the participants- their schedules,
habits, family life, medical history, healthcare related experiences, things which made them feel
empowered, and barriers or challenges towards taking care of themselves. To understand the frequency
of their habits and actions, we decided to use an <b>activity based card sort to accompany a
semi-structured in-person interview</b> for the research participants in Illinois.
<br><br>
It wasn't possible for us to travel to the participants' locations in Texas and Virginia due to
budget and timeline constraints, but we still needed a comprehensive understanding of their health
actions, habits and lives.
<br><br>
The question in front of us was- how do we get <b>in-depth, high quality information from
people we couldn't meet?</b>
<br><br>
We decided to try <b>remote interviews </b>with an <b>online whiteboard based card sort, </b>with a
<b>digital diary study,</b> and a <b>form based survey </b>to cover any more questions we may have
towards the end of the study.
</p>
<div class="image-section">
<div class="image-container">
<img class="image-half" src="./images/preterm/Offline Mode.svg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption">
</p>
</div>
<div class="image-container">
<img class="image-half" src="./images/preterm/Online Mode.svg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption" id="CardSortMarker">
</p>
</div>
</div>
</div>
<div class="content-section" id="research-prototyping">
<div class="caps-heading">Designing the card sort</div>
<p>The first thing we tried was using <b>online whiteboards like Miro and Mural for the card sort.</b>
Here's
an example we built on Miro (left) and tested out on the android app (right).
</p>
<div class="image-section-70-30">
<div class="image-container">
<img class="image-half" src="./images/preterm/Miro-Example-full.jpg" alt=""
style="border: rgb(240, 240, 240) 1px solid; object-fit: cover;">
<p class="caption">
Card-sort example on Miro
</p>
</div>
<div class="image-container">
<img id="mobile-miro" class="image-half" src="./images/preterm/Miro-mobileAppCardSort-2.gif" alt=""
style=" object-fit: contain; ">
<p class="caption">
Testing on mobile devices
</p>
</div>
</div>
<p>
What we realised was that using the mobile app for this exercise was vexing due to the small screen
size
of mobile phones. Additionally, <b>most participants did not have laptops or personal computers,</b>
and
would have needed to install the respective whiteboard app on their phones to participate in the
study-
something our recruiter told us the <b>participants were not comfortable doing.</b> We also tried to
conduct the phone interviews amongst ourselves while parallely using the whiteboard app, and
observed
technical glitches like dropped calls and frozen screens especially on budget devices.
<br>
<br>
The next option was to explore different form builders and convert the card sort activity into a
drop-down based question. This would be the simplest way to implement the card sort, and we would
ask them about their form responses in an interview towards the end of the study.
<br><br>
For this exercise, we explored Google Forms, Typeform, and Zoho Forms.
</p>
<div class="image-section">
<div class="image-container-full">
<img class="image-full" src="./images/preterm/Forms-Example.jpg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption">
</p>
</div>
</div>
<p>After testing different types of questions and comparing the user interface of the forms
on mobile devices, we found that Typeform suited our needs and provided a seamless experience for
the research participants.
Here's an example of the card sort that we created for the final exercise.
</p>
<div class="image-section">
<div class="image-container-full">
<img class="image-full" src="./images/preterm/Typeform-example-2.jpg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption" id="DiaryStudyMarker">
</p>
</div>
</div>
</div>
<div class="content-section" id="handover">
<div class="caps-heading">Designing the diary study</div>
<p>For creating the diary study, we took a look at note-taking tools like Notes, Evernote, and Google
Keep, of which we found Evernote's templates to be most suited to our needs. Some of our
participants were
also already using the Evernote app for their personal use, which we saw as a positive.
</p>
<div class="image-section">
<div class="image-container-full">
<img class="image-full" src="./images/preterm/Evernote-Diary-Example.jpg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption">
</p>
</div>
</div>
<p>
However, Evernote did not allow us to share notebooks with other users. Also since we learnt from
the recruiter that some participants were not comfortable installing new apps on their devices,
we started exploring alternatives that were already available on our participants' devices, like
texting.
<br><br>
The research app Indeemo was also seen as an option when we were testing Evernote, but since it too
required that users install a new app, we did not explore it further.
<br><br>
We decided to create a <b>diary experience using text messaging,</b> where we gave the research
participants daily prompts, and asked them to respond with photos and descriptions. On the research
team's side, we masked my phone number using a Google Voice number, and received the
participants' text messages and images directly on our computers. This <b>streamlined the process of
downloading the images and organizing the responses</b>. It also made it much faster to
share the responses with the rest of the research team.
</p>
<div class="image-section">
<div class="image-container-full">
<img class="image-full" src="./images/preterm/Google-Voice-Example.jpg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption" id="FinalStackMarker">
</p>
</div>
</div>
</div>
<div class="content-section" id="handover">
<div class="caps-heading">Final Research Stack and Handover</div>
<p>
The remote research study was planned for a total of 3 days, during which we asked them to
</p>
<ul class="body-ul">
<li>Participate in an initial interview over phone</li>
<li>Respond to prompts about the habits and activities over messages via text and photos</li>
<li>Answer survey questions via Typeform</li>
<li>Participate in a second phone interview towards the end of the three-day study</li>
</ul>
<p>
<br>
The questions were updated daily on a Google Sites webpage that we used as a <b>bulletin board for
participants</b> to come to every day and get
links and prompts for the day's exercises and survey.
</p>
<div class="image-section">
<div class="image-container-full">
<img class="image-full" src="./images/preterm/Google-Sites-Bulletin-Board.jpg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption">
</p>
</div>
</div>
<p>
The final set of tools we used for this remote research project were:
<ul class="body-ul">
<li>Phone calls for the interviews</li>
<li>Text messaging for the diary study</li>
<li>Google voice to handle the incoming text responses</li>
<li>Typeform for the card sort and survey questions</li>
</ul>
</p>
<div class="image-section">
<div class="image-container-full">
<img class="image-full" src="./images/preterm/ResearchStack.jpg" alt=""
style="border: rgb(240, 240, 240) 1px solid;">
<p class="caption">
</p>
</div>
</div>
<p>
The research exercise was a success, and we received a lot of high quality data from both online and
offline parts of the study. Our clients <b>appreciated the amount of effort and attention to
detail</b> we
had put in, especially for the online remote studies.
<br>
<br>
We presented <b>insights from the study and opportunity areas</b> for future interventions in this space
to prevent pre-term deliveries, and handed
over the project data to the client.
</p>
</div>
<div class="end-content">
</div>
<a class="next-project" href="./healthcare">• Next Project •</a>
</div>
</div>
</body>
</html>