-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
434 lines (367 loc) · 22.4 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>HCI Engineering Group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- CSAIL ICON -->
<link rel="CSAIL" href="/images/icon/csail.ico" type="image/x-icon" />
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/custom-style.css" rel="stylesheet">
<!-- jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Barlow" rel="stylesheet">
<!-- Google Analytic -->
<script type="text/javascript" src="js/analytics.js"></script>
</head>
<body>
<header class="main_header">
<!-- to be filled by javascript, see header.html -->
</header>
<!-- <section class="main_container"> -->
<div class="container" style="padding-top: 100px;">
<div class="row">
<div class="col-md-10" style="text-align: left;">
<br><br>
<h3 class="headline">Research: Fabricating Interactions</h3>
As a Human-Computer Interaction (HCI) lab in the area of manufacturing and design, we develop novel fabrication techniques that combine innovations in hardware, materials, and computational algorithms to create interactions with objects that have not been possible before. Every day we interact with hundreds of objects. What our objects can be used for and how we use them, has a large impact on how we live our everyday lives. Many of the properties of our objects and thus the resulting interactions we have with them are determined by the materials they are made of and the manufacturing techniques used to make them. Our work develops novel fabrication techniques that leverage innovations in hardware, materials, and computational algorithms to give objects capabilities that go beyond the type of interactions that exist today.
<br><br>
<div style="border:1px dashed black;padding:10px;padding-top:0px">
<h3 class="medium-headline">
Recently Accepted Papers
</h3>
<div class="row">
<div class="col-md-2" style="text-align: left;">
<img src="research/thermochromorph/images/teaser.png" width="150px">
</div>
<div class="col-md-10" style="text-align: left;">
<span class="publication-authors">
Ticha Sethapakdi, Paris Myers, Tianyu Yu, Juliana Covarrubias, Mackenzie Leake, Stefanie Mueller
</span>
</br>
<span class="publication-title" style="font-weight:bold;">
Thermochromorph: Dynamic Relief Printing with Thermochromic Inks
</span>
</br>
<span class="publication-proceedings">
In <i>Proceedings of SIGGRAPH Asia Art Papers 2024</i>.
</span>
<br><br><br>
</div>
<div class="col-md-2" style="text-align: left;">
<img src="research/portachrome/images/portachrome-icon.png" width="150px">
</div>
<div class="col-md-10" style="text-align: left;">
<span class="publication-authors">
Yunyi Zhu, Cedric Honnet, Yixiao Kang, Junyi Zhu, Angelina J Zheng, Kyle Heinz, Grace Tang, <br>Luca Musk, Michael Wessely, Stefanie Mueller.
</span>
</br>
<span class="publication-title" style="font-weight:bold;">
PortaChrome: A Portable Contact Light Source for Integrated Re-Programmable Multi-Color Textures.
</span>
</br>
<span class="publication-proceedings">
In <i>Proceedings of UIST 2024</i>.
</span>
<br><br>
<!-- <a href="https://dl.acm.org/doi/10.1145/3586183.3606723" class="btn btn-homepage" alt="doi" target="_blank">DOI</a>
<a href="https://groups.csail.mit.edu/hcie/files/research-projects/style2fab/style2fab.pdf" class="btn btn-homepage" alt="pdf" target="_blank">PDF</a>
<a href="https://www.youtube.com/embed/wGp1vMNsM3Q?si=Q8YoO4OG3ZCJ2HCr" class="btn btn-homepage" alt="video" target="_blank">Video</a>
<a href="http://groups.csail.mit.edu/hcie/files/research-projects/style2fab/uist-style2fab-presentation.pptx" class="btn btn-homepage" alt="slide" target="_blank">Slides</a>
<a href="research/style2fab/style2fab.html" class="btn btn-homepage" alt="page">Project Page</a>
<br><br> -->
</div>
<div class="col-md-2" style="text-align: left;">
<img src="research/speed-modulated-ironing/images/speed-modulated-ironing-icon.png" width="150px">
</div>
<div class="col-md-10" style="text-align: left;">
<span class="publication-authors">
Mehmet Ozdemir, Marwa AlAlawi, Mustafa Doga Dogan, Jose Francisco Martinez Castro, Stefanie Mueller, Zjenja Doubrovski.
</span>
</br>
<span class="publication-title" style="font-weight:bold;">
Speed-Modulated Ironing: A Method for High-Resolution Shade and Texture Gradients in Single-Material 3D Printing.
</span>
</br>
<span class="publication-proceedings">
In <i>Proceedings of UIST 2024</i>.
</span>
<br><br><br><br>
<!-- <a href="https://dl.acm.org/doi/10.1145/3586183.3606723" class="btn btn-homepage" alt="doi" target="_blank">DOI</a>
<a href="https://groups.csail.mit.edu/hcie/files/research-projects/style2fab/style2fab.pdf" class="btn btn-homepage" alt="pdf" target="_blank">PDF</a>
<a href="https://www.youtube.com/embed/wGp1vMNsM3Q?si=Q8YoO4OG3ZCJ2HCr" class="btn btn-homepage" alt="video" target="_blank">Video</a>
<a href="http://groups.csail.mit.edu/hcie/files/research-projects/style2fab/uist-style2fab-presentation.pptx" class="btn btn-homepage" alt="slide" target="_blank">Slides</a>
<a href="research/style2fab/style2fab.html" class="btn btn-homepage" alt="page">Project Page</a>
<br><br> -->
</div>
<div class="col-md-2" style="text-align: left;">
<img src="research/wastebanned/images/wastebanned-icon.png" width="150px">
</div>
<div class="col-md-10" style="text-align: left;">
<span class="publication-authors">
Ruowang Zhang, Stefanie Mueller, Gilbert Louis Bernstein, Adriana Schulz, Mackenzie Leake.
</span>
</br>
<span class="publication-title" style="font-weight:bold;">
WasteBanned: Supporting Zero Waste Fashion Design Through Linked Edits.
</span>
</br>
<span class="publication-proceedings">
In <i>Proceedings of UIST 2024</i>.
</span>
<br><br><br>
<!-- <a href="https://dl.acm.org/doi/10.1145/3586183.3606723" class="btn btn-homepage" alt="doi" target="_blank">DOI</a>
<a href="https://groups.csail.mit.edu/hcie/files/research-projects/style2fab/style2fab.pdf" class="btn btn-homepage" alt="pdf" target="_blank">PDF</a>
<a href="https://www.youtube.com/embed/wGp1vMNsM3Q?si=Q8YoO4OG3ZCJ2HCr" class="btn btn-homepage" alt="video" target="_blank">Video</a>
<a href="http://groups.csail.mit.edu/hcie/files/research-projects/style2fab/uist-style2fab-presentation.pptx" class="btn btn-homepage" alt="slide" target="_blank">Slides</a>
<a href="research/style2fab/style2fab.html" class="btn btn-homepage" alt="page">Project Page</a>
<br><br> -->
</div>
<!-- <div class="col-md-2" style="text-align: left;">
<img src="research/mouthio/images/mouthio-icon.png" width="150px">
</div>
<div class="col-md-10" style="text-align: left;">
<span class="publication-authors">
Yijing Jiang, Julia Kleinau, Till Max Eckroth, Eve Hoggan, Stefanie Mueller, Michael Wessely.
</span>
</br>
<span class="publication-title" style="font-weight:bold;">
MouthIO: Fabricating Customizable Oral User Interfaces with Integrated Sensing and Actuation.
</span>
</br>
<span class="publication-proceedings">
In <i>Proceedings of UIST 2024</i>.
</span>
<br>
<a href="https://dl.acm.org/doi/10.1145/3586183.3606723" class="btn btn-homepage" alt="doi" target="_blank">DOI</a>
<a href="https://groups.csail.mit.edu/hcie/files/research-projects/style2fab/style2fab.pdf" class="btn btn-homepage" alt="pdf" target="_blank">PDF</a>
<a href="https://www.youtube.com/embed/wGp1vMNsM3Q?si=Q8YoO4OG3ZCJ2HCr" class="btn btn-homepage" alt="video" target="_blank">Video</a>
<a href="http://groups.csail.mit.edu/hcie/files/research-projects/style2fab/uist-style2fab-presentation.pptx" class="btn btn-homepage" alt="slide" target="_blank">Slides</a>
<a href="research/style2fab/style2fab.html" class="btn btn-homepage" alt="page">Project Page</a>
<br><br>
</div> -->
</div>
</div>
<h3 class="headline">Research Projects</h3>
<h3 class="medium-headline">
Objects with Interactive Appearances
</h3>
We investigate what interactions become possible when physical objects are able to change their appearance. We develop computational fabrication techniques that create appearance-changing objects using photochromic dyes that can create multi-color textures that are reprogrammable on-demand; high-resolution multi-color 3D printing to fabricate lenticular lenses across an object’s surface to enable viewpoint-based appearance changes; birefringent materials that creates rotation-based appearance changes via polarized light mosaics; and optical illusions to create animated physical photographs. <br><br>
<table>
<tr>
<td width="250px" valign="top">
<img src="images/publications/photochromeleon/photochromeleon.jpg" width="230px" style="padding-bottom:5px"><br>
<b><a href="research/photochromeleon/photochromeleon.html" class="btn btn-homepage" alt="page">Photo-Chromeleon</a></b><br>
(ACM UIST 2019, Best Paper Award)<br>
</td>
<td width="250px" valign="top">
<img src="research/lenticularobject/images/lenticularobject-thumbnail.jpg" width="230px" style="padding-bottom:5px"><br>
<b><a href="research/lenticularobject/lenticular-object.html" class="btn btn-homepage" alt="page">Lenticular Objects</a></b><br>
(ACM UIST 2021)
</td>
<td width="260px" valign="top">
<img src="research/polagons/images/polagons-icon.png" width="240px" style="padding-bottom:5px"><br>
<b><a href="research/polagons/polagons.html" class="btn btn-homepage" alt="page">Polagons</a></b><br>
(ACM CHI 2023)
</td>
<td width="250px" valign="top">
<img src="research/kinecam/images/kinecam-thumbnail.png" width="190px" style="padding-bottom:5px"><br>
<b><a href="research/kinecam/kinecam.html" class="btn btn-homepage" alt="page">KineCam</a></b><br>
(ACM SIGGRAPH 2022 Art Paper)
</td>
</tr>
</table>
<h3 class="medium-headline">
Augmenting Generative AI to Create Physically Functional Objects
</h3>
Current Generative AI methods allow users to generate or manipulate 3D models based on text prompts provided by the user. While these methods produce visually compelling 3D models, the models are not physically functional post-fabrication, for instance, they might be fragile and break. In our lab, we are augmenting Generative AI models with the ability to also consider physical properties when generating 3D models, such as making sure models are structurally sound.<br><br>
<table>
<tr>
<td width="250px" valign="top">
<img src="research/style2fab/images/style2fab-icon.png" width="235px" style="padding-bottom:5px"><br>
<b><a href="research/style2fab/style2fab.html" class="btn btn-homepage" alt="page">Style2Fab</a></b><br>
(ACM UIST 2023)
</td>
</tr>
</table>
<h3 class="medium-headline">
Tracking Interactions via Markers
</h3>
To keep objects passive while still being able to track interactions with them, we explore fabrication techniques that create invisible markers from infrared-translucent filament that can be tracked with IR cameras, create identifiable surface features based on artifacts of slicing and 3D printing that can be tracked with regular cameras, leverage existing surface features of materials via speckle imaging with a lens-less image sensor, or use magnetic pixels that can be read using hall effect sensors and viewed under magnetic viewing film.<br><br>
<table>
<tr>
<td width="250px" valign="top">
<img src="research/brightmarker/images/brightmarker-icon.png" width="245px" style="padding-bottom:5px"><br>
<b><a href="research/brightmarker/brightmarker.html" class="btn btn-homepage" alt="page">BrightMarker</a></b><br>
(ACM UIST 2023)
</td>
<td width="250px" valign="top">
<img src="research/infraredtags/infraredtags-thumbnail.png" width="230px" style="padding-bottom:5px"><br>
<b><a href="research/infraredtags/infraredtags.html" class="btn btn-homepage" alt="page">InfraredTags</a></b><br>
(ACM CHI 2022)<br>
</td>
<td width="270px" valign="top">
<img src="research/sensicut/images/sensicut-thumbnail.jpg" width="245px" style="padding-bottom:5px"><br>
<b><a href="research/sensicut/sensicut.html" class="btn btn-homepage" alt="page">SensiCut</a></b><br>
(ACM UIST 2021)
</td>
<td width="250px" valign="top">
<img src="research/mixels/images/mixel-screenshot.png" width="205px" style="padding-bottom:5px"><br>
<b><a href="research/mixels/mixels.html" class="btn btn-homepage" alt="page">Mixels</a></b><br>
(ACM UIST 2022)
</td>
</tr>
</table>
<h3 class="medium-headline">
Embedding Sensing into Objects
</h3>
Capturing interactions where they occur on an object can be challenging for curved, deformable, and moving object geometries. We develop fabrication techniques that integrate sensing with moving parts such as mechanisms where sensors and wires can interfere with the object function, deformable objects where sensors are difficult to adhere, and large-scale objects where current sensors are not able to capture the interaction wholistically. <br><br>
<table>
<tr>
<td width="280px" valign="top">
<img src="research/MechSense/mechSense-preview-labweb.png" width="260px" style="padding-bottom:5px"><br>
<b><a href="https://hcie.csail.mit.edu/research/MechSense/MechSense.html" class="btn btn-homepage" class="btn btn-homepage" alt="page">MechSense</a></b><br>
(ACM CHI 2023)<br>
</td>
<td width="240px" valign="top">
<img src="research/metasense/images/metasense-thumbnail.jpg" width="220px" style="padding-bottom:5px"><br>
<b><a href="research/metasense/metasense.html" class="btn btn-homepage" alt="page">MetaSense</a></b><br>
(ACM UIST 2021)
</td>
<td width="250px" valign="top">
<img src="research/sprayableuserinterfaces/sprayableuserinterfaces-thumbnail.png" width="230px" style="padding-bottom:5px"><br>
<b><a href="research/sprayableuserinterfaces/main.html" class="btn btn-homepage" alt="page">Sprayable User Interfaces</a></b><br>
(ACM CHI 2020)
</td>
<td width="250px" valign="top">
<img src="research/laserfactory/images/laserfactory-thumbnail2.png" width="250px" style="padding-bottom:5px"><br>
<b><a href="research/laserfactory/laserfactory.html" class="btn btn-homepage" alt="page">LaserFactory</a></b><br>
(ACM CHI 2021)
</td>
</tr>
</table>
<h3 class="medium-headline">
Prototyping on Curved Surfaces
</h3>
Prototyping physical user interface is an essential process for product designers to explore new user interface designs. Rapid prototyping of which electronic components to use and where to place them, however, is challenging on curved object geometries. To address this issue, we developed novel types of breadboards that are flexible and curved, new electronic design tools for reforming existing sensor modules, and visualization tools to preview sensor coverage before physically building the prototype.
<br><br>
<table>
<tr>
<td width="260px" valign="top">
<img src="research/flexboard/images/flexboard-icon.png" width="230px" style="padding-bottom:5px"><br>
<b><a href="research/flexboard/flexboard.html" class="btn btn-homepage" alt="page">FlexBoard</a></b><br>
(ACM CHI 2023)<br>
</td>
<td width="250px" valign="top">
<img src="research/curveboard/curveboard-thumbnail.jpg" width="215px" style="padding-bottom:5px"><br>
<b><a href="research/curveboard/curveboard.html" class="btn btn-homepage" alt="page">CurveBoard</a></b><br>
(ACM CHI 2020)
</td>
<td width="250px" valign="top">
<img src="research/morphsensor/images/morphsensor-thumbnail.png" width="215px" style="padding-bottom:5px"><br>
<b><a href="research/morphsensor/morphsensor.html" class="btn btn-homepage" alt="page">MorphSensor</a></b><br>
(ACM UIST 2020)
</td>
<td width="250px" valign="top">
<img src="research/sensorviz/images/sensorviz-thumbnail.png" width="240px" style="padding-bottom:5px"><br>
<b><a href="research/sensorviz/sensorviz.html" class="btn btn-homepage" alt="page">SensorViz</a></b><br>
(ACM DIS 2022)
</td>
</tr>
</table>
<h3 class="medium-headline">
Design Practice
</h3>
There is a rapidly growing group of people learning fabrication and crafting skills. Without tools that support them, these learners are often left to discover the challenges and pitfalls through trial and error. To facilitate learning new skills, we developed computational design software that extracts the most difficult steps in a design and generates additional practice steps and also previews the amount of material that a design will take.<br><br>
<table>
<tr>
<td width="250px" valign="top">
<img src="research/institches/images/institches-thumbnail.png" width="220px" style="padding-bottom:5px"><br>
<b><a href="research/institches/institches.html" class="btn btn-homepage" alt="page">InStitches</a></b><br>
(ACM CHI 2023)<br>
</td>
<td width="250px" valign="top">
<img src="research/fabricaide/images/fabricaide-thumbnail2.png" width="230px" style="padding-bottom:5px"><br>
<b><a href="research/fabricaide/fabricaide.html" class="btn btn-homepage" alt="page">Fabricaide</a></b><br>
(ACM CHI 2021)
</td>
</tr>
</table>
<h3 class="medium-headline">
Prototyping Health Sensing Devices
</h3>
Designing health sensing devices that are customized to each user, both in their shape to fit the user’s body and in their health sensing functions, is a challenging problem. We developed a prototyping environment to design customized wearable devices that can monitor which muscles a user is engaging and how much they are tensed, which is required for applications, such as monitoring patient’s exercises in at-home physical rehabilitation and monitoring athletes to prevent overstraining their muscles. <br><br>
<table>
<tr>
<td width="250px" valign="top">
<img src="research/eit-kit/images/eit-kit_thumbnail.png" width="210px" style="padding-bottom:5px"><br>
<b><a href="research/eit-kit/eit-kit.html" class="btn btn-homepage" alt="page">EIT-Kit</a></b><br>
(ACM UIST 2021)<br>
</td>
<td width="250px" valign="top">
<img src="research/musclerehab/images/musclerehab-thumbnail-no-caption.png" width="230px" style="padding-bottom:5px"><br>
<b><a href="research/musclerehab/musclerehab.html" class="btn btn-homepage" alt="page">MuscleRehab</a></b><br>
(ACM UIST 2022)
</td>
</tr>
</table>
</div>
<div class="col-md-2" style="text-align: left;">
<br><br>
<div style="border:1px dashed gray; padding:10px; padding-top: 0px; margin:0px"><h3 class="medium-headline">Publications</h3> We publish our research at the premier venues for Human Computer Interaction ACM CHI and ACM UIST.<br> <a href="publications.html" class="btn btn-homepage" alt="page"style="margin-top:5px">Full Publication List</a></b></div><br>
<div style="border:1px dashed gray; padding:10px; padding-top: 0px; margin:0px"><h3 class="medium-headline">UROP/MEng</h3> We have advised more than 200 undergraduate research projects and 25 master thesis in the last years. 12 students received MIT EECS Best Undergraduate Researcher and Best Master Thesis Awards.<br> <a href="urop-meng.html" class="btn btn-homepage" alt="page"style="margin-top:5px">How to Work with Us</a></b></div><br>
<div style="border:1px dashed gray; padding:10px; padding-top: 0px; margin:0px"><h3 class="medium-headline">Teaching</h3> To get prepared for research in our lab, consider taking our AUS class '6.810 Engineering Interactive Technologies', which teaches computational fabrication skills, electronics, and design.<br> <a href="classes/2021-fall-6810/6810-engineering-interactive-technologies.html" class="btn btn-homepage" alt="page"style="margin-top:5px">Class Overview</a></b></div><br>
<!-- <div style="border:1px dashed gray; padding:10px; padding-top: 0px; margin:0px"><h3 class="medium-headline">FabPub</h3> Our lab maintains a directory of related work in computational fabrication, which can be helpful when starting in our research field.<br> <a href="publications.html" class="btn btn-homepage" alt="page"style="margin-top:5px">FabPub Website</a></b></div> -->
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 footer" style="text-align: center;">
<span class="copyright">
Since 2017 © MIT CSAIL (HCI Engineering group) [redesign by
<a href="http://punpongsanon.info/" target="_blank" style="text-decoration:none; border-bottom:0px">
moji
</a>].
All Rights Reserved.
<a href="http://mit.edu/" target="_blank" style="text-decoration:none; border-bottom:0px">
<img src="images/logo/mit.svg" alt="MIT" class="footer-logo" />
</a>
<a href="http://csail.mit.edu/" target="_blank" style="text-decoration:none; border-bottom:0px">
<img src="images/logo/csail.svg" alt="CSAIL" class="footer-logo"/>
</a>
<a href="http://hci.csail.mit.edu/" target="_blank" style="text-decoration:none; border-bottom:0px">
<img src="images/logo/hci.svg" alt="HCI" class="footer-logo"/>
</a>
</span>
</div>
</div>
</div>
<!-- Bootstrap
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- header -->
<script type="text/javascript" src="js/headerstrap.js"></script>
<!-- footer -->
<script type="text/javascript" src="js/footerstrap.js"></script>
</body>
</html>