-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
579 lines (455 loc) · 36.8 KB
/
index.html
File metadata and controls
579 lines (455 loc) · 36.8 KB
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
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
<!--
author: Boostraptheme
author URL: https://boostraptheme.com
License: Creative Commons Attribution 4.0 Unported
License URL: https://creativecommons.org/licenses/by/4.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- <link rel="shortcut icon" href="img/favicon.ico"> -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Personal Website of Grace (Yu-Chun) Yen, PhD@UIUC, MS@NTU">
<meta name="keywords" content="HCI Researcher, UX Researcher, UX/UI, UIUC, Adobe, PhD">
<meta name="author" content="Grace Yu-Chun Yen">
<link rel="icon" type="image/png" href="favicon.icon" sizes="128x128" />
<meta name="application-name" content="I'm Grace Yu-Chun Yen">
<meta name="msapplication-tooltip" content="Personal homepage of Grace (Yu-Chun) Yen @ UIUC & NTU">
<meta name="msapplication-config" content="/favicon/ieconfig.xml">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="I'm Grace (Yu-Chun) Yen">
<meta name="twitter:description" content="Personal homepage of Grace (Yu-Chun) Yen @ UIUC & NTU">
<meta name="twitter:site" content="@gracetfg2">
<title>Dr. Grace (Yu-Chun) Yen's Homepage </title>
<!-- Global stylesheets -->
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="css/devicons/css/devicons.min.css" rel="stylesheet">
<link href="css/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">
<link href="css/style.css" rel="stylesheet">
<!-- Customized stylesheets -->
<link href="css/site.css" rel="stylesheet">
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "PersonalWebsite",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https:\/\/grace-yen.com"
},
"name" : "Grace (Yu-Chun) Yen",
"headline" : "Grace (Yu-Chun) Yen",
"description" : "Website of Grace Yen, Professor in Deparment of Computer Science at National Yang-Ming Chiao-Tung University",
"inLanguage" : "en",
"author" : "Grace Yu-Chun Yen",
"url" : "https:\/\/grace-yen.com",
"keywords" : [ "Grace Yen" ]
}
</script>
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<!-- <span class="d-block d-lg-none mx-0 px-0"><img src="img/logo-white.png" alt="" class="img-fluid"></span>
-->
<!-- <span class="d-none d-lg-block"> -->
<span>
<!-- <img class="img-fluid img-profile mx-auto mb-2" style="border-radius: 50px" src="photo/profile_photo_graduate.png" alt=""> -->
<img class="img-fluid img-profile mx-auto mb-2" style="border-radius: 50px" src="photo/profile_photo_graduate.png" alt="">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#publication">Publication</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#projects">Projects</a>
</li>
</ul>
</div>
<ul class="list-inline list-social-icons mb-0">
<li class="list-inline-item">
<a alt="scholar" title="go to my Google Scholar" href="https://scholar.google.com/citations?user=neA0_u8AAAAJ&hl=en" target="_blank">
<span class="fa-stack fa-sm">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-graduation-cap fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a alt="github" title="go to my GitHub" href="https://github.com/gracetfg2" target="_blank">
<span class="fa-stack fa-sm">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a alt="linkedin" title="go to my linkedin" href="https://www.linkedin.com/in/grace-yu-chun-yen-1a278a6a/" target="_blank">
<span class="fa-stack fa-sm">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a alt="facebook" title="go to my facebook" href="https://www.facebook.com/grace.yen3" target="_blank">
<span class="fa-stack fa-sm">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a alt="twitter" title="go to my twitter" href="https://twitter.com/gracetfg2" target="_blank">
<span class="fa-stack fa-sm">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
</nav>
<div class="container-fluid p-0">
<!--====================================================
ABOUT
======================================================-->
<section class="resume-section p-3 p-lg-5 d-flex d-column" id="about">
<div class="row my-auto">
<div class="col-md-9" style="line-height: 1.8;">
<h2 class="mb-0">Grace<span style="color:#E84A27"> (Yu-Chun) </span>Yen
</h2>
<p style="font-size: 120%; margin-top: 10px">
NSF Computer Innovation Fellow | Ph.D. in Computer Science | <a style="font-family: 'Dancing Script', cursive;font-weight: bold" href="GraceYCYen_CV.pdf" target="_blank">Curriculum Vitae</a>
| <a style="font-weight: bold" href="paper/ResearchProfolio_GraceYen.pdf" target="_blank">Research Portfolio</a>
</p>
<p style="margin-top: 30px; margin-bottom: 30px"><b>I’m joining the Department of Computer Science at the <a href="https://www.cs.nycu.edu.tw/members/prof" target="_blank">National Yang-Ming Chiao-Tung University</a> (former National Chiao-Tung University in Taiwan) as an assistant professor, starting Spring 2024.</b></p>
<p>I am currently a postdoc researcher at University of California San Diego working with <a href="http://spdow.ucsd.edu/" target="_blank">Professor Steven Dow</a>. Prior to UCSD, I earned my PhD degree from the <a href="http://cs.illinois.edu/" target="_blank">Department of Computer Science</a> at the University of Illinois at Urbana-Champaign, where I worked with <a href="http://orchid.cs.illinois.edu/people/bailey/index.html" target="_blank">Professor Brian Bailey</a>. Before joining UIUC, I hold a M.S. degree from <a href="https://www.ntu.edu/" target="_blank">National Taiwan University</a> working with <a href="https://www.ee.ntu.edu.tw/bio1.php?id=23" target="_blank">Professor Li-Chen Fu</a> on Smart Home application. My research draws together theories and insights from computer science, psychology, human-centered design, and artificial intelligence. I independently directed a number of research projects: from creativity support tools, collective intelligence, educational technology, to human-AI creative collaboration. My post doc work explores how to repurpose online community into personalized learning environment. My post doc is generously supported by a <a href="https://cifellows2020.org/" target="_blank">NSF-based CI Fellowship.</a>
<p>I have served as an Area Chair for ACM CHI'24, CSCW'23, Creativty & Cognition'22, the Web Chair for ACM Creativity & Cognition '24, and Registration Chair for ACM Creativity & Cognition '23'. </p>
<p style="margin-top: 30px; margin-bottom: 30px"><b>I am looking for motivated undergraduate and graduate students to join my group. If you are interested in working with me, please contact me at <a href="mailto:yyen@ucsd.edu">yyen@ucsd.edu</a> with your CV, transcripts, and what makes you want to work with me.</b></p>
<p style="margin-top: 100px">
<img width='200px' src="photo/ucsd_logo.jpeg">   <img width='200px' src="photo/uiuc_logo.png">     
<img width='80px' src="photo/adobe_logo.png">     <img width='80px' src="photo/NSF_logo.png">
</p>
</div>
</div><!--end my-auto-->
</section>
<!--====================================================
Publication
======================================================-->
<section class="resume-section p-3 p-lg-5 " id="publication">
<div class="row my-auto">
<div class="col-12">
<h2 class="">Publication (Peer-reviewed)</h2>
</div>
<table class="table table-condensed" id='pub-table'>
<tr>
<td>C.12 </td>
<td>
Jane E, <b>Yu-Chun (Grace) Yen</b>, Isa Pan, Grace Lin, Mingyi Lee, Hyoungwook Jin, and Steven Dow. <br>Exploring Tradeoffs in the Timing of Design Feedbac. (<em>In Submission to ACM CHI'24</em>)
</tr>
<tr>
<td>J.3 </td>
<td>
<b>Yu-Chun (Grace) Yen</b>, Jane E, Isa Pan, Grace Lin, Mingyi Lee, Hyoungwook Jin, and Steven Dow. <br>ProcessGallery: Illustrating Design Principles through Contrasting Pairs of Early
and Late Iterations of Visual Designs. <br><em>ACM Conference On Computer-Supported Cooperative Work And Social Computing.</em>(CSCW'24 to appear)
</tr>
<tr>
<td>J.2 </td>
<td>
Patrick Crain, Jaewook Lee, <b>Yu-Chun (Grace) Yen</b>, Joy Kim, Alyssa Aiello, and Brian Bailey. 2023. Visualizing Topics and Opinions Helps Students Interpret Large Collections of Peer Feedback for Creative Projects. ACM Transaction on Computer-Human Interaction 30, 3, Article 49. https://doi.org/10.1145/3571817. (TOCHI '23)
</tr>
<tr>
<td>C.11 </td>
<td>
<b>Grace Yu-Chun Yen</b> and Steven Dow. <br>Seeking Exemplars in the Wild: Exploring How Students Find Design Examples to Support Personalized Learning. <br><em>Extended Abstract at ACM Learning at Scale</em> (L@S'22)
</tr>
<tr>
<td>C.10 </td>
<td>
Chi-Hsien Yen, Haocong Cheng, <b>Grace Yu-Chun Yen</b>, Brian P. Bailey, and Yun Huang.<br> Narratives + Diagrams: An Integrated Approach for Externalizing and Sharing People's Causal Beliefs. <br><em>Proc. ACM Hum.-Comput. Interact, CSCW2, Article 444 (October 2021)</em>. (CSCW'21))
</tr>
<tr>
<td>C.9 </td>
<td><b>Yu-Chun Grace Yen</b>, Joy O. Kim, and Brian P. Bailey.<br> Decipher: An Interactive Visualization Tool for Interpreting Unstructured Design Feedback from Multiple Providers. <br><em>ACM Conference on Human Factors in Computing Systems</em> (CHI ‘20). [<a href="paper/paper_decipher.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.8 </td>
<td> Chi-Hsien Yen, <b>Yu-Chun Grace Yen</b>, and Wai-Tat Fu. <br>An Intelligent Assistant for Mediation Analysis in
Visual Analytics. <br><em>ACM Conference on Creativity and Cognition (IUI ‘19)</em> [<a href="paper/c7_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.7 </td>
<td> <b>Yu-Chun Grace Yen</b>, Steven P. Dow, Elizabeth Gerber and Brian P. Bailey.<br> Listen to Others, Listen to Yourself: Combining Feedback Review and Reflection to Improve Iterative Design. <em> <br>ACM Conference on Creativity and Cognition (C&C) 2017</em> [<a href="paper/c6_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.6 </td>
<td> Helen Wauck, <b>Yu-Chun Grace Yen</b>, Wai-Tat Fu, Steven P. Dow, Elizabeth Gerber and Brian P. Bailey.<br>
From in the Class or in the Wild? Peers Provide Better Design Feedback Than External Crowds.<em> <br>ACM Conference on Human Factors in Computing Systems (CHI) 2017</em>[<a href="paper/c5_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.5 </td>
<td> <b>Yu-Chun Grace Yen</b>. Enhancing the Usage of Crowd Feedback for Iterative Design. <em> <br>ACM Conference on Creativity and Cognition (C&C) 2017 (Doctoral Consortium)</em> [<a href="paper/c_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.4 </td>
<td> <b>Yu-Chun Grace Yen</b>, Steven P. Dow, Elizabeth Gerber and Brian P. Bailey.<br>
Social Network, Web Forum, or Task Market?: Comparing Different Crowd Genres for Design Feedback Exchange.<em> <br>ACM Conference on Designing Interactive Systems (DIS) 2016</em>[<a href="paper/c4_grace.pdf" target="_blank">pdf</a>]
</td>
</tr>
<tr>
<td>J.1 </td>
<td> Chun-Feng Liao, <b>Yu-Chun Grace Yen</b>, Yu-Chiao Huang, Li-Chen Fu. <br>An Empirical Study on Engineering a Real-World Smart Ward Using Pervasive Technologies. <em> <br>IEEE Systems Journal 2016 </em>[<a href="paper/j1_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.3 </td>
<td> Yu-Chiao Huang, Chun-Feng Liao, <b>Yu-Chun Yen</b>, Li-Jen Hou, Li-Chen Fu, Chia-Hui Chen, Chiung-Nien Chen. <br>An Extensible Situation-Aware Caring System for Real-World Smart Wards.<em> <br>International Conference on Smart Homes and Health Telematics (ICOST) 2012</em>[<a href="paper/c3_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.2 </td>
<td><b>Yu-Chun Yen</b>, Jiun-Yi Li, Ching-Hu Lu, Tsung-Han Yang and Li-Chen Fu. <br>Human-Centric Situational Awareness in the Bedroom.<em> <br>International Conference on Smart Homes and Health Telematics (ICOST) 2011</em>[<a href="paper/c2_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
<tr>
<td>C.1 </td>
<td> <b>Yu-Chun Yen</b>, Ching Hu Lu, Yi Chung Cheng, Jing Siang Chen, Li Chen Fu.<br> Towards an Evidence-Based and Context-Aware Elderly Caring System Using Persuasive Engagement.<em> <br>International Conference on Human-Computer Interaction (HCII) 2011</em>[<a href="paper/c1_grace.pdf" target="_blank">pdf</a>]</td>
</tr>
</table>
<div class="col-12">
<h3 class="">Master's Thesis</h3>
</div>
<table class="table table-condensed" id='pub-table'>
<tr>
<td>T.1 </td>
<td> <b>Yu-Chun Yen</b>. Human centric and Context aware Perva sive Healthcare System in the Hospital for Elderly People. 2011. <br>National Taiwan University. [<a href="paper/master_thesis.pdf" target="_blank">pdf</a>]</td>
</tr>
</table>
<div class="col-12">
<h3 class="">Patent</h3>
</div>
<table class="table table-condensed" id='pub-table'>
<tr>
<td>P.1 </td>
<td> <b>Yu-Chun Yen</b>, Li-Chen Fu, Tsung-Han Yang, Fang-Cheng Liu, Chun-Feng Liao.An information processing system based on multi-layer inference architecture. <br>Taiwan Patent ID: I486914. June, 2015-May, 2032 [<a href="https://mip.ord.ntu.edu.tw/prod1.asp?ser=10457" target="_blank">LINK</a>]</td>
</tr>
</table>
</div>
</div>
</section>
<!--====================================================
Education
======================================================-->
<section class="resume-section p-3 p-lg-5 d-flex flex-column" id="education">
<div class="row my-auto">
<div class="col-12">
<h2 class="">Education</h2>
</div>
<table class="table table-condensed" id='pub-table'>
<tr><td><b>University of Illinois at Urbana-Champaign | </b> Ph.D. in Computer Science
<br><span class="text-primary"><a href="https://cs.illinois.edu/research/interactive-computing" target="_blank">Human-Computer Interaction (Interactive Computing)</a></span>
<span class="">
<br><b>Dissertation Title</b> | Turning feedback to actions through reflection, paraphrasing, and visualization.
<br><b>Committee</b> | Dr. <a href="https://cs.illinois.edu/directory/profile/bpbailey" target="_blank">Brian P. Bailey</a> (Advisor@UIUC), Dr. <a href="https://cs.illinois.edu/directory/profile/bpbailey" target="_blank">Karrie G. Karahalios</a> (UIUC), Dr. <a href="https://cs.illinois.edu/directory/profile/bpbailey" target="_blank">Steven Dow </a> (UCSD), Dr. <a href="https://cs.illinois.edu/directory/profile/bpbailey" target="_blank">Joy O. Kim</a> (Adobe Research).
<br><span class="badge badge-pill badge-secondary">Keywords</span> crowdsourced feedback, creativity support tools, data visulization, feedback workflow.
<br><span class="badge badge-pill badge-secondary">Methods</span> contextual interview, survey, behavioral analysis, prototype testing, statistic analysis, qualitative coding.
</td></tr>
<tr><td><b> National Taiwan University</b> | M.S in Computer Science
<br><span class="text-primary"><a href="http://140.112.90.179/en/personal.php?id=2" target="_blank">Intelligent Robot and Automation Lab (Smart Home Group)</a></span>
<span class="">
<br><b>Master's Thesis</b> | Human-centric and situation-aware pervasive healthcare system in the hospital for elderly People.
<br><b>Committee</b> | Dr. <a href="https://www.researchgate.net/profile/Li-Chen_Fu" target="_blank">Li-Chun Fu</a> (Advisor@NTU), Dr. <a href="https://scholars.lib.ntu.edu.tw/cris/rp/rp06227" target="_blank">Chiung-Nien Chen</a> (NTU Medicine), Dr. <a href="https://scholars.lib.ntu.edu.tw/cris/rp/rp06633" target="_blank">Cheryl Chia-Hui Chen </a> (NTU Nursing), Dr. <a href="http://cilab.csie.ncu.edu.tw/" target="_blank"> Mu-Chun Su</a> (NCU HCI).
<br><span class="badge badge-pill badge-secondary">Keywords</span> pervasive computing, activity recognition, healthcare, artificial intellegence, persuasive technology.
<br><span class="badge badge-pill badge-secondary">Methods</span> ethnography research, focus group, iterative prototyping, machine learning, interview.
</span>
</td></tr>
<tr><td><b>National Taiwan Normal University</b> | B.S in Computer Science
<br><span class="text-primary"><a href="http://www.csie.ntnu.edu.tw/~violet/" target="_blank">Computer Vision and Image Understanding Lab</a></span>
<span class="">
<br><b>Senior Thesis</b> | Vision-based Gymnastics Motion Recognition System.
<br><b>Advisor</b> | Dr. <a href="http://w1.csie.ntnu.edu.tw/members/bio.php?PID=16" target="_blank">Chiung-Yao Fang</a></span>
</td></tr>
</table>
</div>
</section>
<!--====================================================
PROJECTS
======================================================-->
<section class="resume-section p-3 p-lg-5 d-flex flex-column" id="projects">
<div class="row my-auto ">
<div class="col-12">
<h2 class="">Projects (Selected)</h2>
</div>
<table class="table table-condensed" id='pub-table'>
<tr id="project-entry">
<td style="width:20%">
<a href="photo/decipher.png" target="_blank"><img style="margin-top:20px" src="photo/decipher.png" class="img-rounded center-block" width="100%"></a>
</td>
<td>
<b id="project-title">Decipher: An Interactive Visualization Tool for Interpreting Unstructured Design Feedback from Multiple Providers</b>
<div><em>ACM CHI'20</em></div>
<p id="project-content">In creative work such as design, writing, and engineer, intreprting feedback from diverse audiences is hard because the feedback can vary in focus, differ in structure, and contradict each other. In this work, we conducted a formative study identifying the common strategies and criteria that experts employ when interpreting feedback from multiple providers. Based on the findings, we created a new tool (Decipher) that enables designers to visualize and navigate a collection of feedback using its topic and sentiment structure. We found that Decipher helped users feel less overwhelmed during feedback interpretation tasks and better attend to critical issues and conflicting opinions compared to using a typical document-editing tool.</p>
<p>
<span class="badge badge-pill badge-success">screener survey</span>
<span class="badge badge-pill badge-success">interview</span>
<span class="badge badge-pill badge-success">think-aloud approach</span>
<span class="badge badge-pill badge-light">qualitative coding</span>
<span class="badge badge-pill badge-info">within-subjects experiments</span>
<span class="badge badge-pill badge-info">comparative survey</span>
<span class="badge badge-pill badge-light">one-sampled t-test</span>
</p>
</td>
</tr>
<tr class="" id="project-entry">
<td>
<a href="photo/crowd.png" target="_blank"><img style="margin-top:20px" src="photo/crowd.png" class="img-rounded center-block" width="100%"></a>
</td>
<td><b id="project-title">Combining Feedback Review and Reflection to Improve Iterative Design</b>
<div><em>ACM CC'17</em></div>
<p id="project-content">For feedback to be effective, it requires the recipient to interpret, learn, and act on it. To help users better translate feedback into actions, we draw inspirations from learning and design by developing a lightweight reflection activity and testing its placement relative to feedback review for iterative design. We found that reflection after feedback review led to the largest increase in the revised design quality and without designers over-estimating the amount of improvement they made. Designers reported that the reflection activity helped them recall their design goals, question their choices, and plan and prioritize their revisions. This work offers deeper empirical understanding of how ordering reflection and feedback review affects designers’ performance and perceptions for acreative design task. We also offer implications for implementing a reflection activity in feedback platforms to encourage its adoption.</p>
<p>
<span class="badge badge-pill badge-success">online user study</span>
<span class="badge badge-pill badge-info">between-subjects experiments</span>
<span class="badge badge-pill badge-success">task analysis (logged data analysis)</span>
<span class="badge badge-pill badge-success">survey</span>
<span class="badge badge-pill badge-light">qualitative coding</span>
<span class="badge badge-pill badge-light">ANOVA + post-hoc tests</span>
</p>
</td>
</tr>
<tr class="" id="project-entry">
<td>
<a href="photo/reflection.jpg" target="_blank"><img style="margin-top:20px" src="photo/reflection.jpg" class="img-rounded center-block" width="100%"></a>
</td>
<td><b id="project-title">Investigating How Crowd Incentives Affect Online Feedback Generation</b>
<div><em>ACM DIS'16</em>, <em>ACM CHI'17</em> </div>
<p id="project-content">Increasingly, users seek feedback on their creative work from social networks, Web forums, and paid task markets which demand different amounts of social capital, financial resources, and time. However, it is unclear how the choice of the crowd platform affects feedback generation. In this study, we recruited designers to create visual designs for problems of their own choosing and revised the designs based on the feedback received from MTurk (financial), designers’ own social networks accessed via Facebook, Twitter, and email (social), and Reddit or other Web forums (enjoyment). We measured key attributes of the feedback including perceived quality, quantity, length, and valence; and categorized its content. Based on the results, we formulate an emergent framework for recommending which crowd platforms to solicit feedback from and at which iteration to maximize attributes of interest including quality, quantity, content category, and valence</p>
<p>
<span class="badge badge-pill badge-success">online user study</span>
<span class="badge badge-pill badge-info">between-subjects experiments</span>
<span class="badge badge-pill badge-success">survey</span>
<span class="badge badge-pill badge-success">qualitative coding</span>
<span class="badge badge-pill badge-light">content analysis</span>
<span class="badge badge-pill badge-light">CHI-square test</span>
<span class="badge badge-pill badge-light">ANOVA + post-hoc tests</span>
</p>
</td>
</tr>
<tr class="" id="project-entry">
<td>
<a href="photo/smartward.png" target="_blank"><img style="margin-top:20px" src="photo/smartward.png" class="img-rounded center-block" width="100%"></a>
<a href="photo/nursingcycle.jpg" target="_blank"><img style="margin-top:20px" src="photo/nursingcycle.jpg" class="img-rounded center-block" width="100%"></a>
</td>
<td><b id="project-title">An Empirical Study on Engineering a Real-World Smart Ward Using Pervasive Technologies</b>
<div><em>ACM HCII'11</em>, <em>IEEE System Journal 2016</em>, <em>ACM ICOST'12</em> </div>
<p id="project-content">The shortage of medical staffs has become a critical issue due to the rapid growth of aging population. Numerous attempts have been made on devising pervasive healthcare systems to precisely and continuously monitor patients’ health status. However, the transformation from prototypes in the laboratory to practical systems in a medical institution is still a challenging task.
</p>
<p id="project-content">My master's thesis adopts an ethnography-like approach to probe system requirements. Specifically, I performed field observations at the real-world hospital for ten full working shifts (including day and night shifts). Based on my observations and recorded data, I conducted interviews with medical staff and performed a focus group session to confirm the insights generated from the field study. I then designed and deployed a smart ward aiming at revitalizing post-surgery elderly patients both in physical and mental factors. My thesis and follow-up studies report the progress and lessons learned from the six-month deployment of our healthcare system in a real-world smart ward of National Taiwan University Hospital. We describe techniques proposed to deal with three essential challenges: design for essential needs, design for user acceptance, and design for maintenance. The system is evaluated empirically by deploying two applications in the field. Based on the results of field interview and questionnaires, this work is a milestone of a persistently running pervasive healthcare system deployed in a hospital.</p>
<i class="fa fa-trophy"></i> Awarded as the Best Master's Thesis in the Taiwanese Association of Artificial Intelligence 2011
</p>
</td>
</tr>
<tr class="" id="project-entry">
<td>
<a href="photo/hospital.png" target="_blank"><img style="margin-top:20px" src="photo/hospital.png" class="img-rounded center-block" width="100%"></a>
</td>
<td><b id="project-title">Human-Centric Situational Awareness in the Bedroom</b>
<div><em>International Conference On Smart Living and Public Health 2011</em> </div>
<p id="project-content">Monitoring bedroom activities is critical for elderly care. The risk of tripping increases at the moment when the elder people leave bed; dizziness condition may occur when they sit up from a long lying position. In addition, knowing the total time of caregivers being around may also imply the level of social engagement. However, bedroom is the place that requires the most privacy concern. In this work, we propose the use of ambient sensors and context fusion techniques to monitor five on-bed and bed-side activities including Sleeping, Sitting, Leaving Bed, Caregiver Around and Walking. Experimental results demonstrate the high promise of our proposed methods for bed-related situation awareness.</p>
<p>
<i class="fa fa-trophy"></i> This work results in Taiwan Patent ID: I486914
</p>
</td>
</tr>
</table>
</div>
<div class="row my-auto ">
<div class="col-12">
<h3 class="">Other Projects</h3>
</div>
<table class="table table-condensed" id='pub-table'>
<tr class="" id="project-entry">
<td style="width:20%">
<a href="photo/565flow.png" target="_blank"><img style="margin-top:20px" src="photo/565flow.png" class="img-rounded center-block" width="100%"></a>
</td>
<td><b id="project-title">To Stop or Not to Stop? A Case Study of an Early intervention for Data Collection</b>
<p id="project-content">Deciding the sample size of a qualitative survey is a critical issue. Insufficient feedback might lose possible insights while too much feedback results in a waste of time and money. We addressed this problem by calculating the information saturation level and visualizing the evolution of main topics derived from feedback pool. We built an easy-to-use Web tool allowing Kickstarter project creators to collect feedback from Amazon Mechanical Turk. An interactive visualization was then presented to the creators to help them better understand the current dataset.</p>
<div>[<a href="paper/CS565.pdf" target="_blank">CS565 Human-Computer Interaction final report</a>] </div>
</td>
</tr>
<tr class="" id="project-entry">
<td>
<a href="photo/ddd_project.png" target="_blank"><img style="margin-top:20px" src="photo/ddd_project.png" class="img-rounded center-block" width="100%"></a>
</td>
<td><b id="project-title">Brainstagram: Presenting Diverse Visually Inspiring Stimuli for Creative Design</b>
<p id="project-content">In this project, we built a data-driven brainstorming tool leveraging Instagram hashtags to assist designers in finding inspiration. One challenge designers face when brainstorming is knowing how to search for unlikely sources of inspiration. We present Brainstagram, which organizes visual stimuli through tag co-occurrence to display related concepts. This allows users to easily navigate from relevant to unexpected images. Our pilot study demonstrates that Brainstagram as a potentially effective tool in the brainstorming process.</p>
<div>[<a href="paper/brainstagram_paper.pdf" target="_blank">CS598 Data-Driven Design final report</a>] </div>
<p>
</p>
</td>
</tr>
<tr class="" id="project-entry">
<td>
<a href="photo/cloze.png" target="_blank"><img style="margin-top:20px" src="photo/cloze.png" class="img-rounded center-block" width="100%"></a>
</td>
<td><b id="project-title">Cloud-based collaboratvie learning platform for computer science education</b>
<div><em>National Science Concile Project.</em> </div>
<p id="project-content">Before I joined UIUC, I led a NSC projects (Taiwan)studying and implementing cloud-based collaborative learning tools. I was the leading researcher and developer in the project. We built a cloud-based programming platform supporting cloze tasks that enhance the understanding of learning topics with multiple code segments. We also implemented in-time ask-for-help features allowing students to collaboratively learn with peers.</p>
<div>[<a href="https://join-and-joy.appspot.com/" target="_blank">Demo upon request</a>] </div>
</td>
</tr>
</table>
</div>
</section>
<!--====================================================
CONTACT
======================================================-->
<!-- Global javascript -->
<script src="js/jquery/jquery.min.js"></script>
<script src="js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="js/jquery-easing/jquery.easing.min.js"></script>
<script src="js/counter/jquery.waypoints.min.js"></script>
<script src="js/counter/jquery.counterup.min.js"></script>
<script src="js/custom.js"></script>
<script>
$(document).ready(function(){
$(".filter-b").click(function(){
var value = $(this).attr('data-filter');
if(value == "all")
{
$('.filter').show('1000');
}
else
{
$(".filter").not('.'+value).hide('3000');
$('.filter').filter('.'+value).show('3000');
}
});
if ($(".filter-b").removeClass("active")) {
$(this).removeClass("active");
}
$(this).addClass("active");
});
// SKILLS
$(function () {
$('.counter').counterUp({
delay: 10,
time: 2000
});
});
</script>
</body>
</html>