Overview ‹ Fluid Interfaces

<!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' /> <meta name='msapplication-tap-highlight' content='no' /> <meta name='description' content='Designing Systems for Cognitive Support' /> <meta name='keywords' content='robotics,design,social networks,virtual reality,computer vision,human-computer interaction,architecture,art,artificial intelligence,augmented reality,bioengineering,civic technology,cognition,data,entertainment,environment,hacking,health,human-machine interaction,learning + teaching,music,neurobiology,social media,storytelling,wearable computing,sensors,interfaces,member company,social science,machine learning,behavioral science,social robotics,language learning,affective computing,ethics,computer science,creativity,space,community,biomechanics,technology,visualization,cognitive science,mental health,healthcare,law,alumni,sleep,code,biotechnology,social change,industry,business,fabrication,culture,wellbeing,zero gravity,human augmentation,startup,civic action,neural interfacing and control,marginalized communities,diversity,gender studies,women,covid19,assistive technology,misinformation,social justice,womens health' /> <meta property='og:url' content='https://www.media.mit.edu/groups/fluid-interfaces/overview/' /> <meta property='og:title' content='Group Overview ‹ Fluid Interfaces – MIT Media Lab' /> <meta property='og:description' content='Designing Systems for Cognitive Support' /> <meta property='og:image' content='https://dam-prod2.media.mit.edu/thumb/2018/04/05/mores_37ayBeO.jpg.1400x1400.jpg' /> <meta property='og:type' content='website' /> <meta property='og:site_name' content='MIT Media Lab' /> <meta name='twitter:url' content='https://www.media.mit.edu/groups/fluid-interfaces/overview/' /> <meta name='twitter:title' content='Group Overview ‹ Fluid Interfaces – MIT Media Lab' /> <meta name='twitter:description' content='Designing Systems for Cognitive Support' /> <meta name='twitter:image' content='https://dam-prod2.media.mit.edu/thumb/2018/04/05/mores_37ayBeO.jpg.1400x1400.jpg' /> <meta name='twitter:card' content='summary_large_image' /> <meta name='twitter:site' content='@medialab' /> <title>Overview &lsaquo; Fluid Interfaces — MIT Media Lab</title> <link rel="apple-touch-icon" sizes="57x57" href='/static/images/icons/apple-icon-57x57.1737f411eb73.png'> <link rel="apple-touch-icon" sizes="60x60" href='/static/images/icons/apple-icon-60x60.4bd2ba2d6ea4.png'> <link rel="apple-touch-icon" sizes="72x72" href='/static/images/icons/apple-icon-72x72.855e575da010.png'> <link rel="apple-touch-icon" sizes="76x76" href='/static/images/icons/apple-icon-76x76.7acd423a51c4.png'> <link rel="apple-touch-icon" sizes="114x114" href='/static/images/icons/apple-icon-114x114.71ce9229bafd.png'> <link rel="apple-touch-icon" sizes="120x120" href='/static/images/icons/apple-icon-120x120.8b383d5c8c77.png'> <link rel="apple-touch-icon" sizes="144x144" href='/static/images/icons/apple-icon-144x144.26ff0bd99e1c.png'> <link rel="apple-touch-icon" sizes="152x152" href='/static/images/icons/apple-icon-152x152.5b1182af784b.png'> <link rel="apple-touch-icon" sizes="180x180" href='/static/images/icons/apple-icon-180x180.7c705d989dde.png'> <link rel="shortcut icon" type="image/png" sizes="192x192" href='/static/images/icons/android-icon-192x192.3961063b4caa.png'> <link rel="shortcut icon" type="image/png" sizes="144x144" href='/static/images/icons/android-icon-192x192.3961063b4caa.png'> <link rel="icon" type="image/png" sizes="32x32" href='/static/images/icons/favicon-32x32.b3b84a348a4d.png'> <link rel="icon" type="image/png" sizes="96x96" href='/static/images/icons/favicon-96x96.89ac805a084e.png'> <link rel="icon" type="image/png" sizes="16x16" href='/static/images/icons/favicon-16x16.d1a6b5db0656.png'> <link rel='icon' type='image/x-icon' href='/static/images/icons/favicon.6467d01660f0.ico' /> <link rel='manifest' href='/static/configs/manifest.dc32cfbe8625.json' /> <meta name='msapplication-config' content='/static/configs/browserconfig.4bf0602d5406.xml' /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/yuf7oeh.css"> <link rel='stylesheet' type='text/css' href='/static/styles/app.9ed7e4ad6ccc.css' /> <script> mlScripts = []; </script> </head> <body class=' '> <div class='global-container'> <div class='global-container-membrane'> <header class='global-header variant-branded'> <div class='global-header-inner'> <div class='glyph global-header-glyph shim-svgs'> <a href='/'> <span class='global-header-glyph-main'> <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='150' height='82' viewBox='0 0 150 82' enable-background='new 0 0 150 82' xml:space='preserve'> <path d='M69.283,80.663V46.521H35.141V12.381H1V1h45.522v34.141h34.141v45.521H69.283z M1.005,35.141v45.521h45.516V69.282H12.38 V35.141H1.005z M92.05,45.888h3.418v-6.02c0-0.642,0.152-1.167,0.452-1.573c0.3-0.405,0.717-0.61,1.249-0.61 c0.516,0,0.898,0.159,1.142,0.473c0.244,0.314,0.366,0.766,0.366,1.353v6.377h3.42v-6.02c0-0.642,0.147-1.167,0.441-1.573 c0.294-0.405,0.714-0.61,1.259-0.61c0.519,0,0.897,0.159,1.142,0.473c0.247,0.314,0.368,0.766,0.368,1.353v6.377h3.421v-6.984 c0-0.604-0.078-1.155-0.231-1.658c-0.156-0.504-0.381-0.933-0.683-1.291c-0.3-0.355-0.682-0.631-1.142-0.828 c-0.462-0.196-0.993-0.293-1.594-0.293c-0.7,0-1.332,0.151-1.898,0.452c-0.568,0.301-1.061,0.778-1.478,1.436h-0.044 c-0.279-0.586-0.674-1.048-1.183-1.384c-0.512-0.336-1.124-0.504-1.836-0.504c-0.784,0-1.439,0.168-1.962,0.504 c-0.524,0.336-0.954,0.783-1.291,1.343h-0.062v-1.532H92.05V45.888z M110.236,33.66h3.419V30.89h-3.419V33.66z M110.236,45.888 h3.419V35.147h-3.419V45.888z M120.755,45.962c0.313-0.034,0.548-0.074,0.702-0.117V43.35c-0.068,0-0.174,0.005-0.314,0.011 c-0.137,0.007-0.285,0.011-0.44,0.011c-0.365,0-0.656-0.072-0.871-0.211c-0.218-0.14-0.325-0.422-0.325-0.839v-5.034h1.95v-2.14 h-1.95v-3.398h-3.335v3.398h-1.425v2.14h1.425v5.769c0,0.572,0.084,1.052,0.253,1.436c0.167,0.385,0.403,0.688,0.713,0.912 c0.307,0.223,0.667,0.382,1.08,0.472c0.413,0.092,0.871,0.135,1.374,0.135C120.052,46.012,120.442,45.997,120.755,45.962z M92.05,62.17h3.418v-6.02c0-0.644,0.152-1.168,0.452-1.574c0.3-0.407,0.717-0.61,1.249-0.61c0.516,0,0.898,0.159,1.142,0.473 c0.244,0.314,0.366,0.766,0.366,1.352v6.379h3.42v-6.02c0-0.644,0.147-1.168,0.441-1.574c0.294-0.407,0.714-0.61,1.259-0.61 c0.519,0,0.897,0.159,1.142,0.473c0.247,0.314,0.368,0.766,0.368,1.352v6.379h3.421v-6.987c0-0.601-0.078-1.154-0.231-1.657 c-0.156-0.503-0.381-0.931-0.683-1.289c-0.3-0.355-0.682-0.634-1.142-0.828c-0.462-0.194-0.993-0.296-1.594-0.296 c-0.7,0-1.332,0.154-1.898,0.454c-0.568,0.299-1.061,0.78-1.478,1.437h-0.044c-0.279-0.588-0.674-1.048-1.183-1.386 c-0.512-0.334-1.124-0.505-1.836-0.505c-0.784,0-1.439,0.171-1.962,0.505c-0.524,0.338-0.954,0.784-1.291,1.345h-0.062V51.43H92.05 V62.17z M117.265,62.231c0.551-0.167,1.052-0.409,1.5-0.733c0.475-0.321,0.867-0.702,1.173-1.143c0.308-0.441,0.52-0.905,0.63-1.392 h-3.336c-0.153,0.334-0.377,0.597-0.671,0.786c-0.295,0.185-0.663,0.281-1.111,0.281c-0.715,0-1.265-0.208-1.659-0.626 c-0.391-0.42-0.643-0.995-0.754-1.723h7.719c0.015-1.089-0.135-2.084-0.451-2.988c-0.314-0.902-0.795-1.646-1.437-2.233 c-0.462-0.421-0.997-0.749-1.604-0.986c-0.609-0.239-1.297-0.36-2.067-0.36c-0.824,0-1.571,0.146-2.243,0.434 c-0.672,0.285-1.254,0.685-1.742,1.195c-0.488,0.51-0.866,1.113-1.133,1.803c-0.266,0.694-0.398,1.438-0.398,2.234 c0,0.811,0.132,1.568,0.398,2.265c0.267,0.703,0.645,1.304,1.133,1.818c0.488,0.507,1.091,0.907,1.803,1.192 c0.713,0.287,1.511,0.43,2.392,0.43C116.092,62.482,116.712,62.401,117.265,62.231z M113.058,55.645 c0.112-0.644,0.342-1.154,0.693-1.532c0.351-0.377,0.853-0.566,1.51-0.566c0.559,0,1.02,0.189,1.384,0.566 c0.365,0.377,0.58,0.888,0.649,1.532H113.058z M128.19,62.033c0.538-0.314,0.967-0.75,1.289-1.313h0.043v1.45h3.272v-15h-3.418 v5.474h-0.063c-0.323-0.447-0.716-0.814-1.176-1.099c-0.463-0.287-1.073-0.434-1.824-0.434c-0.702,0-1.338,0.142-1.911,0.422 c-0.575,0.28-1.065,0.669-1.477,1.166c-0.415,0.496-0.736,1.094-0.967,1.792c-0.229,0.701-0.346,1.47-0.346,2.306 c0,0.897,0.117,1.698,0.346,2.405c0.231,0.705,0.558,1.302,0.978,1.792c0.418,0.491,0.913,0.864,1.488,1.123 c0.574,0.258,1.2,0.388,1.889,0.388C127.025,62.504,127.653,62.346,128.19,62.033z M125.63,58.982 c-0.368-0.546-0.553-1.288-0.553-2.226c0-0.906,0.187-1.646,0.566-2.212c0.377-0.567,0.908-0.849,1.593-0.849 c0.378,0,0.703,0.077,0.977,0.23c0.273,0.155,0.503,0.37,0.692,0.64c0.188,0.272,0.327,0.602,0.42,0.985 c0.089,0.386,0.135,0.801,0.135,1.247c0,0.882-0.202,1.604-0.597,2.165c-0.4,0.557-0.954,0.838-1.668,0.838 C126.523,59.799,126.002,59.526,125.63,58.982z M134.171,49.939h3.419v-2.768h-3.419V49.939z M134.171,62.17h3.419V51.43h-3.419 V62.17z M144.375,62.045c0.497-0.268,0.906-0.624,1.227-1.073h0.044c0.042,0.282,0.09,0.523,0.146,0.726 c0.054,0.201,0.128,0.359,0.208,0.472h3.315v-0.147c-0.154-0.098-0.255-0.271-0.303-0.516c-0.05-0.244-0.074-0.583-0.074-1.017 V55.08c0-0.671-0.112-1.265-0.337-1.784c-0.224-0.516-0.563-0.944-1.027-1.279c-0.389-0.295-0.87-0.513-1.427-0.662 c-0.561-0.146-1.245-0.22-2.054-0.22c-0.811,0-1.518,0.098-2.118,0.295c-0.604,0.194-1.103,0.459-1.501,0.796 c-0.398,0.334-0.701,0.73-0.912,1.176c-0.21,0.447-0.321,0.922-0.336,1.426h3.146c0.056-0.45,0.224-0.79,0.504-1.029 c0.279-0.237,0.692-0.357,1.237-0.357c0.518,0,0.891,0.105,1.123,0.316c0.229,0.208,0.345,0.49,0.345,0.84 c0,0.362-0.201,0.622-0.608,0.774c-0.405,0.154-1.114,0.296-2.118,0.419c-0.56,0.072-1.089,0.176-1.586,0.317 c-0.497,0.139-0.934,0.338-1.311,0.598c-0.378,0.258-0.673,0.587-0.892,0.984c-0.216,0.4-0.323,0.893-0.323,1.479 c0,0.533,0.09,1.001,0.271,1.406c0.183,0.405,0.434,0.75,0.757,1.026c0.321,0.28,0.708,0.491,1.164,0.629 c0.452,0.142,0.945,0.212,1.479,0.212C143.223,62.442,143.879,62.309,144.375,62.045z M142.457,59.986 c-0.283-0.181-0.419-0.49-0.419-0.924c0-0.403,0.145-0.707,0.442-0.911c0.292-0.202,0.765-0.379,1.424-0.537 c0.349-0.081,0.675-0.169,0.974-0.259c0.301-0.092,0.561-0.193,0.788-0.305v1.279c0,0.588-0.201,1.057-0.6,1.406 c-0.396,0.348-0.92,0.525-1.56,0.525C143.084,60.261,142.736,60.17,142.457,59.986z M92.05,80.664h3.46V65.665h-3.46V80.664z M102.318,80.537c0.497-0.264,0.904-0.62,1.226-1.069h0.043c0.041,0.28,0.091,0.52,0.146,0.725c0.056,0.202,0.127,0.36,0.211,0.471 h3.314v-0.146c-0.154-0.099-0.257-0.269-0.304-0.514c-0.049-0.245-0.074-0.583-0.074-1.018v-5.41c0-0.671-0.112-1.266-0.337-1.784 c-0.222-0.518-0.566-0.945-1.027-1.282c-0.391-0.292-0.867-0.511-1.425-0.659c-0.56-0.145-1.244-0.221-2.056-0.221 c-0.811,0-1.518,0.097-2.119,0.295c-0.601,0.193-1.102,0.459-1.5,0.796c-0.398,0.334-0.702,0.726-0.914,1.174 c-0.209,0.45-0.32,0.924-0.333,1.427h3.147c0.056-0.449,0.222-0.792,0.502-1.028c0.28-0.238,0.692-0.357,1.238-0.357 c0.516,0,0.891,0.105,1.121,0.314c0.231,0.21,0.349,0.488,0.349,0.839c0,0.364-0.205,0.623-0.61,0.776 c-0.405,0.154-1.112,0.293-2.119,0.42c-0.559,0.068-1.086,0.174-1.583,0.314c-0.496,0.14-0.932,0.339-1.311,0.597 c-0.377,0.258-0.676,0.587-0.892,0.987c-0.216,0.398-0.326,0.892-0.326,1.478c0,0.531,0.091,1.001,0.274,1.405 c0.183,0.405,0.432,0.75,0.755,1.028c0.322,0.28,0.709,0.49,1.163,0.631c0.456,0.138,0.949,0.209,1.479,0.209 C101.169,80.937,101.821,80.804,102.318,80.537z M100.4,78.483c-0.281-0.182-0.421-0.489-0.421-0.924 c0-0.406,0.147-0.708,0.441-0.912c0.293-0.201,0.769-0.381,1.426-0.533c0.348-0.084,0.675-0.171,0.976-0.263 c0.301-0.091,0.563-0.192,0.787-0.303v1.278c0,0.588-0.201,1.056-0.598,1.406c-0.4,0.35-0.921,0.525-1.563,0.525 C101.028,78.756,100.678,78.665,100.4,78.483z M116.866,80.612c0.567-0.258,1.049-0.634,1.447-1.123 c0.398-0.488,0.706-1.087,0.924-1.795c0.217-0.705,0.324-1.505,0.324-2.402c0-0.809-0.107-1.56-0.324-2.255 c-0.218-0.69-0.525-1.292-0.924-1.801c-0.398-0.509-0.88-0.909-1.447-1.196c-0.567-0.287-1.199-0.432-1.899-0.432 c-0.74,0-1.351,0.14-1.833,0.42c-0.485,0.281-0.893,0.649-1.23,1.113h-0.063v-5.476h-3.419v14.998h3.272V79.3h0.042 c0.336,0.558,0.782,0.982,1.343,1.27c0.559,0.287,1.196,0.43,1.909,0.43C115.674,81,116.298,80.869,116.866,80.612z M112.345,77.464 c-0.406-0.553-0.608-1.275-0.608-2.172c0-0.879,0.185-1.614,0.556-2.201c0.369-0.588,0.933-0.882,1.689-0.882 c0.7,0,1.226,0.282,1.583,0.841c0.357,0.559,0.536,1.299,0.536,2.223c0,0.936-0.179,1.675-0.536,2.214 c-0.358,0.538-0.87,0.807-1.542,0.807C113.31,78.294,112.75,78.019,112.345,77.464z'/> </svg> </span> <span class='global-header-glyph-mini'> <div class='glyph-with-text'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='150' height='82' viewBox='0 0 150 82' enable-background='new 0 0 150 82' xml:space='preserve'> <path d='M69.283,80.663V46.521H35.141V12.381H1V1h45.522v34.141h34.141v45.521H69.283z M1.005,35.141v45.521h45.516V69.282H12.38 V35.141H1.005z M92.05,45.888h3.418v-6.02c0-0.642,0.152-1.167,0.452-1.573c0.3-0.405,0.717-0.61,1.249-0.61 c0.516,0,0.898,0.159,1.142,0.473c0.244,0.314,0.366,0.766,0.366,1.353v6.377h3.42v-6.02c0-0.642,0.147-1.167,0.441-1.573 c0.294-0.405,0.714-0.61,1.259-0.61c0.519,0,0.897,0.159,1.142,0.473c0.247,0.314,0.368,0.766,0.368,1.353v6.377h3.421v-6.984 c0-0.604-0.078-1.155-0.231-1.658c-0.156-0.504-0.381-0.933-0.683-1.291c-0.3-0.355-0.682-0.631-1.142-0.828 c-0.462-0.196-0.993-0.293-1.594-0.293c-0.7,0-1.332,0.151-1.898,0.452c-0.568,0.301-1.061,0.778-1.478,1.436h-0.044 c-0.279-0.586-0.674-1.048-1.183-1.384c-0.512-0.336-1.124-0.504-1.836-0.504c-0.784,0-1.439,0.168-1.962,0.504 c-0.524,0.336-0.954,0.783-1.291,1.343h-0.062v-1.532H92.05V45.888z M110.236,33.66h3.419V30.89h-3.419V33.66z M110.236,45.888 h3.419V35.147h-3.419V45.888z M120.755,45.962c0.313-0.034,0.548-0.074,0.702-0.117V43.35c-0.068,0-0.174,0.005-0.314,0.011 c-0.137,0.007-0.285,0.011-0.44,0.011c-0.365,0-0.656-0.072-0.871-0.211c-0.218-0.14-0.325-0.422-0.325-0.839v-5.034h1.95v-2.14 h-1.95v-3.398h-3.335v3.398h-1.425v2.14h1.425v5.769c0,0.572,0.084,1.052,0.253,1.436c0.167,0.385,0.403,0.688,0.713,0.912 c0.307,0.223,0.667,0.382,1.08,0.472c0.413,0.092,0.871,0.135,1.374,0.135C120.052,46.012,120.442,45.997,120.755,45.962z M92.05,62.17h3.418v-6.02c0-0.644,0.152-1.168,0.452-1.574c0.3-0.407,0.717-0.61,1.249-0.61c0.516,0,0.898,0.159,1.142,0.473 c0.244,0.314,0.366,0.766,0.366,1.352v6.379h3.42v-6.02c0-0.644,0.147-1.168,0.441-1.574c0.294-0.407,0.714-0.61,1.259-0.61 c0.519,0,0.897,0.159,1.142,0.473c0.247,0.314,0.368,0.766,0.368,1.352v6.379h3.421v-6.987c0-0.601-0.078-1.154-0.231-1.657 c-0.156-0.503-0.381-0.931-0.683-1.289c-0.3-0.355-0.682-0.634-1.142-0.828c-0.462-0.194-0.993-0.296-1.594-0.296 c-0.7,0-1.332,0.154-1.898,0.454c-0.568,0.299-1.061,0.78-1.478,1.437h-0.044c-0.279-0.588-0.674-1.048-1.183-1.386 c-0.512-0.334-1.124-0.505-1.836-0.505c-0.784,0-1.439,0.171-1.962,0.505c-0.524,0.338-0.954,0.784-1.291,1.345h-0.062V51.43H92.05 V62.17z M117.265,62.231c0.551-0.167,1.052-0.409,1.5-0.733c0.475-0.321,0.867-0.702,1.173-1.143c0.308-0.441,0.52-0.905,0.63-1.392 h-3.336c-0.153,0.334-0.377,0.597-0.671,0.786c-0.295,0.185-0.663,0.281-1.111,0.281c-0.715,0-1.265-0.208-1.659-0.626 c-0.391-0.42-0.643-0.995-0.754-1.723h7.719c0.015-1.089-0.135-2.084-0.451-2.988c-0.314-0.902-0.795-1.646-1.437-2.233 c-0.462-0.421-0.997-0.749-1.604-0.986c-0.609-0.239-1.297-0.36-2.067-0.36c-0.824,0-1.571,0.146-2.243,0.434 c-0.672,0.285-1.254,0.685-1.742,1.195c-0.488,0.51-0.866,1.113-1.133,1.803c-0.266,0.694-0.398,1.438-0.398,2.234 c0,0.811,0.132,1.568,0.398,2.265c0.267,0.703,0.645,1.304,1.133,1.818c0.488,0.507,1.091,0.907,1.803,1.192 c0.713,0.287,1.511,0.43,2.392,0.43C116.092,62.482,116.712,62.401,117.265,62.231z M113.058,55.645 c0.112-0.644,0.342-1.154,0.693-1.532c0.351-0.377,0.853-0.566,1.51-0.566c0.559,0,1.02,0.189,1.384,0.566 c0.365,0.377,0.58,0.888,0.649,1.532H113.058z M128.19,62.033c0.538-0.314,0.967-0.75,1.289-1.313h0.043v1.45h3.272v-15h-3.418 v5.474h-0.063c-0.323-0.447-0.716-0.814-1.176-1.099c-0.463-0.287-1.073-0.434-1.824-0.434c-0.702,0-1.338,0.142-1.911,0.422 c-0.575,0.28-1.065,0.669-1.477,1.166c-0.415,0.496-0.736,1.094-0.967,1.792c-0.229,0.701-0.346,1.47-0.346,2.306 c0,0.897,0.117,1.698,0.346,2.405c0.231,0.705,0.558,1.302,0.978,1.792c0.418,0.491,0.913,0.864,1.488,1.123 c0.574,0.258,1.2,0.388,1.889,0.388C127.025,62.504,127.653,62.346,128.19,62.033z M125.63,58.982 c-0.368-0.546-0.553-1.288-0.553-2.226c0-0.906,0.187-1.646,0.566-2.212c0.377-0.567,0.908-0.849,1.593-0.849 c0.378,0,0.703,0.077,0.977,0.23c0.273,0.155,0.503,0.37,0.692,0.64c0.188,0.272,0.327,0.602,0.42,0.985 c0.089,0.386,0.135,0.801,0.135,1.247c0,0.882-0.202,1.604-0.597,2.165c-0.4,0.557-0.954,0.838-1.668,0.838 C126.523,59.799,126.002,59.526,125.63,58.982z M134.171,49.939h3.419v-2.768h-3.419V49.939z M134.171,62.17h3.419V51.43h-3.419 V62.17z M144.375,62.045c0.497-0.268,0.906-0.624,1.227-1.073h0.044c0.042,0.282,0.09,0.523,0.146,0.726 c0.054,0.201,0.128,0.359,0.208,0.472h3.315v-0.147c-0.154-0.098-0.255-0.271-0.303-0.516c-0.05-0.244-0.074-0.583-0.074-1.017 V55.08c0-0.671-0.112-1.265-0.337-1.784c-0.224-0.516-0.563-0.944-1.027-1.279c-0.389-0.295-0.87-0.513-1.427-0.662 c-0.561-0.146-1.245-0.22-2.054-0.22c-0.811,0-1.518,0.098-2.118,0.295c-0.604,0.194-1.103,0.459-1.501,0.796 c-0.398,0.334-0.701,0.73-0.912,1.176c-0.21,0.447-0.321,0.922-0.336,1.426h3.146c0.056-0.45,0.224-0.79,0.504-1.029 c0.279-0.237,0.692-0.357,1.237-0.357c0.518,0,0.891,0.105,1.123,0.316c0.229,0.208,0.345,0.49,0.345,0.84 c0,0.362-0.201,0.622-0.608,0.774c-0.405,0.154-1.114,0.296-2.118,0.419c-0.56,0.072-1.089,0.176-1.586,0.317 c-0.497,0.139-0.934,0.338-1.311,0.598c-0.378,0.258-0.673,0.587-0.892,0.984c-0.216,0.4-0.323,0.893-0.323,1.479 c0,0.533,0.09,1.001,0.271,1.406c0.183,0.405,0.434,0.75,0.757,1.026c0.321,0.28,0.708,0.491,1.164,0.629 c0.452,0.142,0.945,0.212,1.479,0.212C143.223,62.442,143.879,62.309,144.375,62.045z M142.457,59.986 c-0.283-0.181-0.419-0.49-0.419-0.924c0-0.403,0.145-0.707,0.442-0.911c0.292-0.202,0.765-0.379,1.424-0.537 c0.349-0.081,0.675-0.169,0.974-0.259c0.301-0.092,0.561-0.193,0.788-0.305v1.279c0,0.588-0.201,1.057-0.6,1.406 c-0.396,0.348-0.92,0.525-1.56,0.525C143.084,60.261,142.736,60.17,142.457,59.986z M92.05,80.664h3.46V65.665h-3.46V80.664z M102.318,80.537c0.497-0.264,0.904-0.62,1.226-1.069h0.043c0.041,0.28,0.091,0.52,0.146,0.725c0.056,0.202,0.127,0.36,0.211,0.471 h3.314v-0.146c-0.154-0.099-0.257-0.269-0.304-0.514c-0.049-0.245-0.074-0.583-0.074-1.018v-5.41c0-0.671-0.112-1.266-0.337-1.784 c-0.222-0.518-0.566-0.945-1.027-1.282c-0.391-0.292-0.867-0.511-1.425-0.659c-0.56-0.145-1.244-0.221-2.056-0.221 c-0.811,0-1.518,0.097-2.119,0.295c-0.601,0.193-1.102,0.459-1.5,0.796c-0.398,0.334-0.702,0.726-0.914,1.174 c-0.209,0.45-0.32,0.924-0.333,1.427h3.147c0.056-0.449,0.222-0.792,0.502-1.028c0.28-0.238,0.692-0.357,1.238-0.357 c0.516,0,0.891,0.105,1.121,0.314c0.231,0.21,0.349,0.488,0.349,0.839c0,0.364-0.205,0.623-0.61,0.776 c-0.405,0.154-1.112,0.293-2.119,0.42c-0.559,0.068-1.086,0.174-1.583,0.314c-0.496,0.14-0.932,0.339-1.311,0.597 c-0.377,0.258-0.676,0.587-0.892,0.987c-0.216,0.398-0.326,0.892-0.326,1.478c0,0.531,0.091,1.001,0.274,1.405 c0.183,0.405,0.432,0.75,0.755,1.028c0.322,0.28,0.709,0.49,1.163,0.631c0.456,0.138,0.949,0.209,1.479,0.209 C101.169,80.937,101.821,80.804,102.318,80.537z M100.4,78.483c-0.281-0.182-0.421-0.489-0.421-0.924 c0-0.406,0.147-0.708,0.441-0.912c0.293-0.201,0.769-0.381,1.426-0.533c0.348-0.084,0.675-0.171,0.976-0.263 c0.301-0.091,0.563-0.192,0.787-0.303v1.278c0,0.588-0.201,1.056-0.598,1.406c-0.4,0.35-0.921,0.525-1.563,0.525 C101.028,78.756,100.678,78.665,100.4,78.483z M116.866,80.612c0.567-0.258,1.049-0.634,1.447-1.123 c0.398-0.488,0.706-1.087,0.924-1.795c0.217-0.705,0.324-1.505,0.324-2.402c0-0.809-0.107-1.56-0.324-2.255 c-0.218-0.69-0.525-1.292-0.924-1.801c-0.398-0.509-0.88-0.909-1.447-1.196c-0.567-0.287-1.199-0.432-1.899-0.432 c-0.74,0-1.351,0.14-1.833,0.42c-0.485,0.281-0.893,0.649-1.23,1.113h-0.063v-5.476h-3.419v14.998h3.272V79.3h0.042 c0.336,0.558,0.782,0.982,1.343,1.27c0.559,0.287,1.196,0.43,1.909,0.43C115.674,81,116.298,80.869,116.866,80.612z M112.345,77.464 c-0.406-0.553-0.608-1.275-0.608-2.172c0-0.879,0.185-1.614,0.556-2.201c0.369-0.588,0.933-0.882,1.689-0.882 c0.7,0,1.226,0.282,1.583,0.841c0.357,0.559,0.536,1.299,0.536,2.223c0,0.936-0.179,1.675-0.536,2.214 c-0.358,0.538-0.87,0.807-1.542,0.807C113.31,78.294,112.75,78.019,112.345,77.464z'/> </svg></div> <div class='glyph-without-text'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M0.002,10.715V25h14.284v-3.572H3.571V10.715H0.002z M21.428,25V14.285H10.714V3.572H0V0h14.285v10.715 h10.714V25H21.428z'/> </svg></div> </span> </a> </div> <nav class='global-header-nav'> <ul class='global-header-nav-list'> <li class='global-header-nav-user'> <a href='#' data-target='user'> <span class='open'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>User</title> <path d='M21.498,21.123c0,0.208-0.166,0.375-0.375,0.375H3.877c-0.209,0-0.375-0.167-0.375-0.375v-0.75 c0-3.75,6.748-3,6.748-5.999c0,0-2.249-2.25-2.249-6.374c0-2.479,2.02-4.499,4.498-4.499c2.479,0,4.499,2.021,4.499,4.499 c0,4.124-2.249,6.374-2.249,6.374c0,2.999,6.748,2.249,6.748,5.999V21.123z'/> </svg> </span> <span class='close'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M20.394,17.374c0,0.104-0.042,0.188-0.104,0.271l-2.646,2.645c-0.083,0.062-0.166,0.104-0.271,0.104 s-0.188-0.042-0.271-0.104L12.5,15.687L7.896,20.29c-0.082,0.062-0.166,0.104-0.27,0.104c-0.104,0-0.188-0.042-0.271-0.104 L4.71,17.645c-0.062-0.083-0.104-0.167-0.104-0.271s0.042-0.188,0.104-0.271L9.313,12.5L4.71,7.897 C4.648,7.814,4.606,7.73,4.606,7.626S4.648,7.439,4.71,7.355L7.355,4.71c0.084-0.062,0.167-0.104,0.271-0.104 c0.104,0,0.188,0.042,0.27,0.104L12.5,9.313l4.604-4.603c0.083-0.062,0.166-0.104,0.271-0.104s0.188,0.042,0.271,0.104l2.646,2.645 c0.062,0.083,0.104,0.167,0.104,0.271s-0.042,0.188-0.104,0.271L15.687,12.5l4.603,4.604C20.352,17.186,20.394,17.27,20.394,17.374z '/> </svg> </span> <span class='accessible-text'>Login</span> </a> </li> <li class='global-header-nav-search'> <a href='#' data-target='search'> <span class='open'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>Search</title> <path d='M3.939,21.06c-0.583-0.583-0.583-1.541,0-2.125l5.104-5.082c-0.667-1.042-1.042-2.291-1.042-3.603 c0-3.729,3.021-6.749,6.748-6.749c3.729,0,6.749,3.02,6.749,6.749c0,3.728-3.021,6.748-6.749,6.748 c-1.312,0-2.562-0.375-3.603-1.042L6.064,21.06C5.48,21.644,4.522,21.644,3.939,21.06z M14.749,14.749 c2.479,0,4.499-2.02,4.499-4.499s-2.021-4.499-4.499-4.499s-4.498,2.021-4.498,4.499S12.27,14.749,14.749,14.749z'/> </svg> </span> <span class='close'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M20.394,17.374c0,0.104-0.042,0.188-0.104,0.271l-2.646,2.645c-0.083,0.062-0.166,0.104-0.271,0.104 s-0.188-0.042-0.271-0.104L12.5,15.687L7.896,20.29c-0.082,0.062-0.166,0.104-0.27,0.104c-0.104,0-0.188-0.042-0.271-0.104 L4.71,17.645c-0.062-0.083-0.104-0.167-0.104-0.271s0.042-0.188,0.104-0.271L9.313,12.5L4.71,7.897 C4.648,7.814,4.606,7.73,4.606,7.626S4.648,7.439,4.71,7.355L7.355,4.71c0.084-0.062,0.167-0.104,0.271-0.104 c0.104,0,0.188,0.042,0.27,0.104L12.5,9.313l4.604-4.603c0.083-0.062,0.166-0.104,0.271-0.104s0.188,0.042,0.271,0.104l2.646,2.645 c0.062,0.083,0.104,0.167,0.104,0.271s-0.042,0.188-0.104,0.271L15.687,12.5l4.603,4.604C20.352,17.186,20.394,17.27,20.394,17.374z '/> </svg> </span> <span class='accessible-text'>Search</span> </a> </li> <li class='global-header-nav-hamburger'> <a href='#' data-target='nav'> <span class='open'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>Nav</title> <path d='M21.498,7.626c0,0.208-0.166,0.375-0.375,0.375H3.877c-0.209,0-0.375-0.167-0.375-0.375V3.877 c0-0.208,0.166-0.375,0.375-0.375h17.245c0.209,0,0.375,0.167,0.375,0.375V7.626z M21.498,14.375c0,0.208-0.166,0.375-0.375,0.375 H3.877c-0.209,0-0.375-0.167-0.375-0.375v-3.75c0-0.208,0.166-0.375,0.375-0.375h17.245c0.209,0,0.375,0.167,0.375,0.375V14.375z M21.498,21.123c0,0.208-0.166,0.375-0.375,0.375H3.877c-0.209,0-0.375-0.167-0.375-0.375v-3.749c0-0.208,0.166-0.375,0.375-0.375 h17.245c0.209,0,0.375,0.167,0.375,0.375V21.123z'/> </svg> </span> <span class='close'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M20.394,17.374c0,0.104-0.042,0.188-0.104,0.271l-2.646,2.645c-0.083,0.062-0.166,0.104-0.271,0.104 s-0.188-0.042-0.271-0.104L12.5,15.687L7.896,20.29c-0.082,0.062-0.166,0.104-0.27,0.104c-0.104,0-0.188-0.042-0.271-0.104 L4.71,17.645c-0.062-0.083-0.104-0.167-0.104-0.271s0.042-0.188,0.104-0.271L9.313,12.5L4.71,7.897 C4.648,7.814,4.606,7.73,4.606,7.626S4.648,7.439,4.71,7.355L7.355,4.71c0.084-0.062,0.167-0.104,0.271-0.104 c0.104,0,0.188,0.042,0.27,0.104L12.5,9.313l4.604-4.603c0.083-0.062,0.166-0.104,0.271-0.104s0.188,0.042,0.271,0.104l2.646,2.645 c0.062,0.083,0.104,0.167,0.104,0.271s-0.042,0.188-0.104,0.271L15.687,12.5l4.603,4.604C20.352,17.186,20.394,17.27,20.394,17.374z '/> </svg> </span> <span class='accessible-text'>Nav</span> </a> </li> </ul> </nav> <div class='glyph global-header-mit-glyph shim-svgs'> <a href='https://web.mit.edu'> <span class='global-header-mit-glyph-main'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1680 1040" enable-background="new 0 0 1680 1040" xml:space="preserve"> <path fill="#FFFFFF" d="M880,880h160V400H880V880z M1120,320h400V160h-400V320z M880,160.00003h160v160H880V160.00003z M640,880h160 V160H640V880z M400,720h160V160H400V720z M160,880h160V160H160V880z M1120,880h160V400h-160V880z"/> </svg> </span> <span class='global-header-mit-glyph-mini'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1760 1040" enable-background="new 0 0 1760 1040" xml:space="preserve"> <path fill="#FFFFFF" d="M940,160.00003h160v160H940V160.00003z M940,880h160V420H940V880z M160,880h160V160H160V880z M1200,320.13501h400V160.13499h-400V320.13501z M680,880h160V160H680V880z M1200,880h160V420h-160V880z M420,720h160V160H420V720z" /> </svg> </span> </a> </div> </div> </header> <div class='global-drawer' tabindex='0'> <section class='global-drawer-pane' data-pane='search'> <form id='global-search'> <fieldset class='field-group'> <label>Find People, Projects, etc.</label> <fieldset class='field autocomplete variant-search variant-single-value variant-no-prefetch' data-single-value='true' data-endpoint='/q/{{query}}/?extra_meta=content' > <div class='autocomplete-drop-menu '> <i class='search-icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>Search</title> <path d='M3.939,21.06c-0.583-0.583-0.583-1.541,0-2.125l5.104-5.082c-0.667-1.042-1.042-2.291-1.042-3.603 c0-3.729,3.021-6.749,6.748-6.749c3.729,0,6.749,3.02,6.749,6.749c0,3.728-3.021,6.748-6.749,6.748 c-1.312,0-2.562-0.375-3.603-1.042L6.064,21.06C5.48,21.644,4.522,21.644,3.939,21.06z M14.749,14.749 c2.479,0,4.499-2.02,4.499-4.499s-2.021-4.499-4.499-4.499s-4.498,2.021-4.498,4.499S12.27,14.749,14.749,14.749z'/> </svg> </i> <div class='field custom-input' data-ignore='true'> <input class='autocomplete-control drop-menu-control' type='text' placeholder='' autocomplete='off' /> </div> <ul class='autocomplete-results drop-menu-items-wrap'> </ul> </div> <div class='autocomplete-tags '> </div> <i class='processing-spinner'> <span class='squares-left'></span> <span class='squares-right'></span> </i> </fieldset> </fieldset> </form> </section> <section class='global-drawer-pane' data-pane='user'> <div class='tabpanel' id='login-tabpanel-9611275b-ced1-4959-b229-5558d21c0f43' tabindex='0'> <ul class='tabpanel-labels'> <li class='tabpanel-label state-current' data-tab='login'>Login</li> <li class='tabpanel-label' data-tab='register'>Register</li> </ul> <section class='tabpanel-tab state-current' data-tab='login'> <form id='login-form-9611275b-ced1-4959-b229-5558d21c0f43' class='form login-form' method='post' action='/users/login/'> <fieldset class='form-bd'> <div data-csrf></div> <div class='field-group'> <label for='id_username_9611275b-ced1-4959-b229-5558d21c0f43'>Email:</label> <div class='field custom-input '> <input type='email' name='username' id='id_username_9611275b-ced1-4959-b229-5558d21c0f43' required> </div> </div> <div class='field-group'> <label for='id_password_9611275b-ced1-4959-b229-5558d21c0f43'>Password:</label> <div class='field custom-input '> <input type='password' name='password' id='id_password_9611275b-ced1-4959-b229-5558d21c0f43' required> </div> </div> </fieldset> <footer class='form-ft'> <div class='button-group'> <input type='submit' class='button state-disabled form-submit' value='Log in to the Lab'> </div> <br> <div class="link-group clear"> <a class="form-link" href='https://login.media.mit.edu/password_reset/' style='font-size: 16px;'>Work for a Member company and forgot your password?</a> </div> </footer> <script> mlScripts.push(function (core) { require(['ui/Tabpanel', 'forms/Form'], function (Tabpanel, Form) { const tabpanel = new Tabpanel({ selector: '#login-tabpanel-9611275b-ced1-4959-b229-5558d21c0f43' }); const form = new Form({ selector: '#login-form-9611275b-ced1-4959-b229-5558d21c0f43' }); // HACK // for some reason seemingly having to do with starting out // hidden, the login form in the drawer won't start with // the submit button disabled. watch for when it gets // displayed, and make one final call to fix it. const pane = form.getEl()[0].closest(".global-drawer-pane"); if (pane) { const observer = new MutationObserver((mutations) => { for (const mutation of mutations) { if (mutation.target.style.display != "none") { form.setSubmitStatus(); observer.disconnect(); break; } } }); observer.observe(pane, {attributes: true}); } }); }); </script> </form> </section> <section class='tabpanel-tab' data-tab='register'> <p>Work for a Member company and need a Member Portal account? Register here with your company email address.</p> <button onclick='location.href="https://login.media.mit.edu/register/"' class='button'>Register a Member Account</button> </section> </div> </section> <section class='global-drawer-pane' data-pane='nav'> <nav class='global-drawer-nav'> <ul> <li class=' '> <a href='/'> News + Updates </a> </li> <li class=' state-open'> <a href='/research/'> Research </a> <div class='global-drawer-subsection variant-profile'> <ul class='global-drawer-subsection-list'> <li> <a class='state-current' href='/groups/fluid-interfaces/overview/'>Fluid Interfaces</a> <ul> <li class='state-current'><a href='/groups/fluid-interfaces/overview/'>Overview</a></li> <li class=''><a href='/groups/fluid-interfaces/projects/'>Projects</a></li> <li class=''><a href='/groups/fluid-interfaces/publications/'>Publications</a></li> <li class=''><a href='/groups/fluid-interfaces/group-members/'>Group members</a></li> <li class=''><a href='/groups/fluid-interfaces/events/'>Events</a></li> <li class=''><a href='/groups/fluid-interfaces/applicant-information/'>Applicant Information</a></li> <li class=''><a href='/groups/fluid-interfaces/updates/'>Updates</a></li> <li class=''><a href='/groups/fluid-interfaces/archived-projects/'>Archived Projects</a></li> <li class=''><a href='/groups/fluid-interfaces/past-group-members/'>Past group members</a></li> <li class=''><a href='/groups/fluid-interfaces/people/'>People</a></li> </ul> </li> </ul> </div> </li> <li class=' '> <a href='/about/'> About </a> </li> <li class=' '> <a href='/about/funding-and-support/'> Support the Media Lab </a> </li> <li class=' '> <a href='/graduate-program/'> MAS Graduate Program </a> </li> <li class=' '> <a href='/people/'> People </a> </li> <li class=' '> <a href='/events/'> Events </a> </li> <li class=' '> <a href='/videos/'> Videos </a> </li> <li class=' '> <a href='/member-portal/'> Member Portal </a> </li> <li class=' '> <a href='/about/press-visits-and-inquiries/'> For Press + Media </a> </li> </ul> </nav> </section> </div> <div class='global-page '> <div class='hero state-has-image ' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2018/04/05/mores_37ayBeO.jpg.1400x1400.jpg"); background-position: 54.082714740190895% 39.2833180089958%;'> <div class='hero-content'> <div class='hero-glyph shim-svgs'> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="160" height="55" viewBox="0 0 160 55" enable-background="new 0 0 160 55" xml:space="preserve"> <path d="M114.47,50.071c0.379-0.096,0.702-0.237,0.975-0.421c0.273-0.186,0.484-0.418,0.639-0.7c0.154-0.279,0.23-0.605,0.23-0.974 c0-0.431-0.079-0.78-0.237-1.047c-0.159-0.268-0.363-0.481-0.613-0.639c-0.25-0.158-0.527-0.274-0.83-0.35 c-0.303-0.075-0.604-0.138-0.902-0.191c-0.211-0.035-0.415-0.069-0.612-0.106c-0.197-0.035-0.37-0.077-0.522-0.125 c-0.148-0.048-0.267-0.108-0.355-0.178c-0.087-0.07-0.131-0.167-0.131-0.29c0-0.21,0.091-0.367,0.269-0.467 c0.18-0.101,0.403-0.151,0.666-0.151c0.298,0,0.543,0.054,0.731,0.165c0.19,0.109,0.306,0.318,0.35,0.624h1.977 c-0.053-0.667-0.335-1.194-0.845-1.58c-0.509-0.386-1.242-0.58-2.198-0.58c-0.396,0-0.771,0.047-1.128,0.138 c-0.355,0.093-0.663,0.229-0.927,0.409c-0.265,0.181-0.473,0.407-0.626,0.679c-0.157,0.272-0.231,0.584-0.231,0.934 c0,0.396,0.069,0.719,0.211,0.97c0.14,0.251,0.325,0.45,0.56,0.599c0.233,0.149,0.494,0.261,0.783,0.335 c0.291,0.076,0.58,0.14,0.87,0.192c0.22,0.044,0.432,0.082,0.639,0.112c0.206,0.031,0.389,0.076,0.546,0.131 c0.159,0.058,0.286,0.132,0.383,0.225c0.097,0.092,0.146,0.212,0.146,0.363c0,0.219-0.095,0.386-0.285,0.5 c-0.188,0.114-0.446,0.171-0.77,0.171c-0.362,0-0.646-0.083-0.856-0.251c-0.212-0.165-0.338-0.416-0.382-0.75h-2.03 c0.035,0.747,0.342,1.332,0.922,1.759c0.58,0.426,1.366,0.639,2.359,0.639C113.684,50.216,114.094,50.168,114.47,50.071 M104.812,45.907c0.069-0.404,0.214-0.724,0.434-0.961c0.221-0.238,0.537-0.356,0.95-0.356c0.35,0,0.64,0.118,0.868,0.356 c0.228,0.237,0.366,0.557,0.409,0.961H104.812z M107.454,50.045c0.347-0.105,0.661-0.258,0.941-0.461 c0.3-0.202,0.545-0.442,0.739-0.718c0.194-0.277,0.325-0.57,0.396-0.877h-2.095c-0.097,0.211-0.238,0.375-0.422,0.494 c-0.185,0.118-0.417,0.178-0.7,0.178c-0.446,0-0.792-0.131-1.039-0.395c-0.247-0.265-0.405-0.624-0.476-1.082h4.849 c0.01-0.684-0.085-1.31-0.284-1.877c-0.196-0.566-0.497-1.034-0.901-1.403c-0.29-0.263-0.626-0.47-1.008-0.62 c-0.381-0.149-0.814-0.224-1.298-0.224c-0.518,0-0.988,0.09-1.409,0.27c-0.422,0.18-0.788,0.431-1.095,0.751 c-0.306,0.321-0.544,0.699-0.71,1.134c-0.166,0.434-0.251,0.902-0.251,1.403c0,0.51,0.084,0.984,0.251,1.424 c0.166,0.439,0.404,0.819,0.71,1.139c0.307,0.321,0.686,0.571,1.135,0.751c0.447,0.18,0.949,0.27,1.502,0.27 C106.718,50.202,107.106,50.15,107.454,50.045 M100.405,50.005c0.39-0.14,0.725-0.336,1.002-0.587 c0.276-0.25,0.492-0.544,0.645-0.882c0.154-0.338,0.24-0.701,0.257-1.087h-2.054c-0.098,0.772-0.489,1.158-1.174,1.158 c-0.466,0-0.813-0.175-1.041-0.527c-0.227-0.35-0.341-0.829-0.341-1.436c0-0.614,0.114-1.1,0.341-1.456 c0.228-0.355,0.575-0.533,1.041-0.533c0.307,0,0.552,0.09,0.733,0.27s0.304,0.425,0.374,0.732h2.068 c-0.052-0.378-0.161-0.724-0.329-1.041c-0.167-0.317-0.386-0.589-0.659-0.817c-0.272-0.228-0.595-0.406-0.967-0.534 c-0.375-0.127-0.789-0.191-1.246-0.191c-0.536,0-1.021,0.091-1.456,0.271c-0.435,0.179-0.806,0.431-1.114,0.75 c-0.308,0.322-0.545,0.699-0.711,1.134c-0.167,0.434-0.25,0.908-0.25,1.416c0,0.51,0.084,0.982,0.256,1.416 c0.172,0.435,0.413,0.813,0.724,1.134c0.313,0.32,0.688,0.57,1.127,0.75c0.439,0.18,0.931,0.271,1.476,0.271 C99.582,50.216,100.015,50.146,100.405,50.005 M90.911,48.636c-0.175-0.114-0.262-0.308-0.262-0.58c0-0.255,0.092-0.446,0.277-0.573 c0.183-0.128,0.481-0.24,0.895-0.337c0.219-0.052,0.423-0.107,0.612-0.164c0.189-0.058,0.355-0.121,0.494-0.191v0.804 c0,0.368-0.125,0.662-0.374,0.882c-0.25,0.22-0.578,0.33-0.982,0.33C91.308,48.806,91.087,48.749,90.911,48.636 M92.116,49.926 c0.313-0.166,0.571-0.39,0.772-0.672h0.026c0.027,0.176,0.058,0.327,0.093,0.454c0.034,0.128,0.078,0.226,0.132,0.296h2.08v-0.092 c-0.096-0.062-0.158-0.17-0.189-0.323c-0.032-0.154-0.048-0.366-0.048-0.64v-3.398c0-0.422-0.07-0.796-0.21-1.12 c-0.141-0.325-0.357-0.594-0.645-0.804c-0.245-0.183-0.545-0.322-0.896-0.414c-0.353-0.093-0.782-0.14-1.293-0.14 c-0.509,0-0.952,0.062-1.33,0.186c-0.378,0.122-0.691,0.289-0.942,0.5c-0.25,0.21-0.44,0.456-0.573,0.738 c-0.132,0.281-0.204,0.579-0.21,0.895h1.976c0.034-0.28,0.14-0.496,0.315-0.645c0.177-0.149,0.436-0.224,0.778-0.224 c0.325,0,0.561,0.066,0.706,0.197c0.144,0.132,0.218,0.308,0.218,0.528c0,0.228-0.129,0.39-0.382,0.486 c-0.256,0.097-0.699,0.186-1.332,0.264c-0.352,0.044-0.683,0.11-0.995,0.197c-0.311,0.087-0.587,0.212-0.822,0.375 c-0.238,0.163-0.425,0.369-0.561,0.62c-0.137,0.251-0.204,0.56-0.204,0.929c0,0.334,0.057,0.627,0.172,0.882 c0.114,0.255,0.272,0.47,0.475,0.646c0.202,0.175,0.445,0.307,0.731,0.395c0.285,0.087,0.595,0.132,0.929,0.132 C91.394,50.177,91.805,50.093,92.116,49.926 M84.995,50.005h2.149V44.63h1.264v-1.37h-1.264v-0.33c0-0.186,0.029-0.332,0.085-0.442 c0.057-0.11,0.138-0.192,0.243-0.244c0.105-0.052,0.238-0.085,0.396-0.099c0.158-0.013,0.338-0.015,0.54-0.006v-1.515 c-0.579-0.062-1.128-0.051-1.646,0.032c-0.519,0.084-0.924,0.267-1.212,0.547c-0.371,0.369-0.556,0.892-0.556,1.568v0.488h-0.869 v1.37h0.869V50.005z M79.317,50.005h2.147v-3.03c0-0.738,0.195-1.267,0.587-1.588c0.391-0.32,0.915-0.432,1.575-0.336h0.051v-1.844 c-0.079-0.035-0.219-0.053-0.42-0.053c-0.414,0-0.765,0.093-1.055,0.277c-0.289,0.185-0.553,0.479-0.791,0.883h-0.039V43.26h-2.054 V50.005z M73.863,45.907c0.07-0.404,0.214-0.724,0.434-0.961c0.22-0.238,0.537-0.356,0.949-0.356c0.351,0,0.641,0.118,0.869,0.356 c0.228,0.237,0.365,0.557,0.409,0.961H73.863z M76.505,50.045c0.347-0.105,0.66-0.258,0.941-0.461 c0.3-0.202,0.544-0.442,0.739-0.718c0.193-0.277,0.324-0.57,0.395-0.877h-2.095c-0.096,0.211-0.238,0.375-0.421,0.494 c-0.186,0.118-0.418,0.178-0.7,0.178c-0.447,0-0.794-0.131-1.04-0.395c-0.246-0.265-0.405-0.624-0.475-1.082h4.848 c0.01-0.684-0.085-1.31-0.283-1.877c-0.197-0.566-0.497-1.034-0.902-1.403c-0.289-0.263-0.625-0.47-1.007-0.62 c-0.382-0.149-0.816-0.224-1.298-0.224c-0.519,0-0.989,0.09-1.41,0.27c-0.421,0.18-0.787,0.431-1.094,0.751 c-0.307,0.321-0.545,0.699-0.711,1.134c-0.166,0.434-0.25,0.902-0.25,1.403c0,0.51,0.083,0.984,0.25,1.424 c0.166,0.439,0.404,0.819,0.711,1.139c0.307,0.321,0.685,0.571,1.134,0.751c0.448,0.18,0.949,0.27,1.502,0.27 C75.768,50.202,76.157,50.15,76.505,50.045 M70.957,50.052c0.198-0.023,0.345-0.047,0.44-0.074v-1.568 c-0.043,0-0.11,0.002-0.198,0.006c-0.087,0.005-0.178,0.007-0.275,0.007c-0.227,0-0.411-0.045-0.546-0.132 c-0.138-0.087-0.205-0.263-0.205-0.527v-3.162h1.224V43.26h-1.224v-2.135h-2.095v2.135h-0.897v1.343h0.897v3.623 c0,0.362,0.052,0.662,0.158,0.903c0.106,0.241,0.255,0.432,0.447,0.573c0.194,0.141,0.42,0.24,0.679,0.297 c0.259,0.057,0.548,0.085,0.864,0.085C70.517,50.084,70.759,50.073,70.957,50.052 M60.212,50.005h2.146v-3.729 c0-0.421,0.109-0.765,0.324-1.027c0.215-0.265,0.503-0.396,0.863-0.396c0.351,0,0.615,0.11,0.789,0.33 c0.177,0.22,0.265,0.51,0.265,0.869v3.953h2.147v-4.388c0-0.377-0.051-0.722-0.157-1.034c-0.106-0.311-0.261-0.58-0.462-0.803 c-0.202-0.225-0.447-0.401-0.737-0.528c-0.292-0.127-0.62-0.191-0.989-0.191c-0.475,0-0.877,0.095-1.205,0.284 s-0.623,0.467-0.877,0.836h-0.039V43.26h-2.068V50.005z M57.142,50.005h2.147v-6.746h-2.147V50.005z M57.142,42.324h2.147v-1.739 h-2.147V42.324z M77.479,36.395c-0.233-0.343-0.348-0.808-0.348-1.397c0-0.571,0.117-1.034,0.354-1.39 c0.239-0.355,0.572-0.533,1.003-0.533c0.237,0,0.44,0.048,0.612,0.145c0.171,0.097,0.316,0.23,0.434,0.402 c0.121,0.171,0.207,0.378,0.265,0.619c0.057,0.242,0.085,0.503,0.085,0.784c0,0.554-0.127,1.006-0.375,1.357 c-0.25,0.352-0.599,0.528-1.048,0.528C78.038,36.91,77.711,36.738,77.479,36.395 M79.086,38.313 c0.339-0.198,0.608-0.474,0.812-0.824h0.026v0.91h2.055v-9.421h-2.147v3.438h-0.039c-0.203-0.279-0.449-0.511-0.738-0.691 c-0.29-0.179-0.673-0.27-1.147-0.27c-0.439,0-0.838,0.089-1.2,0.263c-0.359,0.176-0.67,0.42-0.928,0.732 c-0.259,0.311-0.462,0.687-0.607,1.126c-0.145,0.439-0.215,0.923-0.215,1.45c0,0.562,0.07,1.066,0.215,1.509 c0.145,0.444,0.35,0.818,0.614,1.126c0.262,0.307,0.574,0.543,0.934,0.704c0.359,0.163,0.755,0.244,1.186,0.244 C78.354,38.609,78.748,38.509,79.086,38.313 M72.189,38.398h2.147v-6.746h-2.147V38.398z M72.189,30.717h2.147v-1.74h-2.147V30.717z M68.308,38.332c0.311-0.176,0.591-0.431,0.837-0.765h0.039v0.831h2.055v-6.746h-2.148v3.768c0,0.404-0.106,0.731-0.316,0.981 c-0.21,0.25-0.5,0.375-0.869,0.375c-0.343,0-0.598-0.099-0.765-0.297c-0.166-0.197-0.251-0.481-0.251-0.849v-3.979h-2.133v4.426 c0,0.756,0.198,1.364,0.598,1.825c0.4,0.461,0.991,0.692,1.772,0.692C67.604,38.596,67.997,38.507,68.308,38.332 M61.741,38.398 h2.174v-9.421h-2.174V38.398z M57.643,38.398h2.146v-5.376h1.266v-1.371h-1.266v-0.331c0-0.185,0.03-0.331,0.087-0.44 c0.057-0.11,0.139-0.191,0.243-0.243c0.106-0.053,0.237-0.086,0.394-0.099c0.16-0.014,0.34-0.016,0.542-0.006v-1.516 c-0.325-0.035-0.638-0.046-0.941-0.033c-0.304,0.014-0.587,0.05-0.85,0.112c-0.265,0.062-0.501,0.151-0.713,0.271 c-0.211,0.118-0.382,0.269-0.512,0.453c-0.266,0.335-0.397,0.782-0.397,1.345v0.487h-0.87v1.371h0.87V38.398z M50.001,7.146V0 H28.574v7.146h7.142v21.421h-7.144v7.149h21.429v-7.149h-7.144V7.146H50.001z M21.432,42.86h28.569v7.143h-50H0v-50h7.149V42.86 h7.143V0h7.14V42.86z"></path> </svg> </div> <h1 class='hero-content-title'>Designing Systems for Cognitive Support</h1> <div class='hero-meta hero-content-aux'> <div class='hero-media-license'> <div class='media-license'> <span class='license-icon'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9c0.9,0.9,1.7,2,2.1,3.2c0.5,1.2,0.7,2.5,0.7,3.8c0,1.4-0.2,2.7-0.7,3.8 c-0.5,1.2-1.2,2.3-2.1,3.2c-1,1-2.1,1.7-3.3,2.2C12.6,39.7,11.3,40,10,40s-2.6-0.3-3.8-0.8C5,38.7,3.9,38,2.9,37s-1.7-2-2.2-3.2 S0,31.3,0,30s0.3-2.6,0.8-3.8S2,23.9,3,22.9C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-0.8,0.8-1.4,1.7-1.8,2.7 s-0.6,2-0.6,3.1s0.2,2.1,0.6,3.1s1,1.9,1.8,2.7s1.7,1.4,2.7,1.8c1,0.4,2,0.6,3.1,0.6s2.1-0.2,3.1-0.6c1-0.4,1.9-1,2.7-1.8 c1.6-1.5,2.3-3.4,2.3-5.7c0-1.1-0.2-2.2-0.6-3.1c-0.4-1-1-1.9-1.8-2.6C14.2,22.6,12.3,21.8,10,21.8z M9.9,28.3L8.6,29 c-0.1-0.3-0.3-0.5-0.5-0.6s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3c0.2,0.3,0.6,0.5,1,0.5 c0.6,0,1-0.3,1.2-0.9l1.2,0.6c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8C4.6,31.8,4.3,31,4.3,30 s0.3-1.7,0.8-2.3c0.6-0.6,1.3-0.8,2.1-0.8C8.5,26.9,9.4,27.4,9.9,28.3z M15.7,28.3L14.3,29c-0.1-0.3-0.3-0.5-0.5-0.6 s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3s0.6,0.5,1,0.5c0.6,0,1-0.3,1.2-0.9l1.3,0.6 c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.5-0.8-1.3-0.8-2.3s0.3-1.7,0.8-2.3 c0.6-0.6,1.3-0.8,2.1-0.8C14.3,26.9,15.1,27.4,15.7,28.3z"/> </svg> </span> <div class='license-tooltip variant-reverse-x'> <div class='tooltip-inner'> <p class='license-title variant-cc'> Creative Commons </p> <p> <a href='https://creativecommons.org/licenses/by-nc-sa/4.0/'>Attribution-NonCommercial-ShareAlike 4.0 International</a> </p> <div class='cc-icons'> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9c0.9,0.9,1.7,2,2.1,3.2c0.5,1.2,0.7,2.5,0.7,3.8c0,1.4-0.2,2.7-0.7,3.8 c-0.5,1.2-1.2,2.3-2.1,3.2c-1,1-2.1,1.7-3.3,2.2C12.6,39.7,11.3,40,10,40s-2.6-0.3-3.8-0.8C5,38.7,3.9,38,2.9,37s-1.7-2-2.2-3.2 S0,31.3,0,30s0.3-2.6,0.8-3.8S2,23.9,3,22.9C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-0.8,0.8-1.4,1.7-1.8,2.7 s-0.6,2-0.6,3.1s0.2,2.1,0.6,3.1s1,1.9,1.8,2.7s1.7,1.4,2.7,1.8c1,0.4,2,0.6,3.1,0.6s2.1-0.2,3.1-0.6c1-0.4,1.9-1,2.7-1.8 c1.6-1.5,2.3-3.4,2.3-5.7c0-1.1-0.2-2.2-0.6-3.1c-0.4-1-1-1.9-1.8-2.6C14.2,22.6,12.3,21.8,10,21.8z M9.9,28.3L8.6,29 c-0.1-0.3-0.3-0.5-0.5-0.6s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3c0.2,0.3,0.6,0.5,1,0.5 c0.6,0,1-0.3,1.2-0.9l1.2,0.6c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8C4.6,31.8,4.3,31,4.3,30 s0.3-1.7,0.8-2.3c0.6-0.6,1.3-0.8,2.1-0.8C8.5,26.9,9.4,27.4,9.9,28.3z M15.7,28.3L14.3,29c-0.1-0.3-0.3-0.5-0.5-0.6 s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3s0.6,0.5,1,0.5c0.6,0,1-0.3,1.2-0.9l1.3,0.6 c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.5-0.8-1.3-0.8-2.3s0.3-1.7,0.8-2.3 c0.6-0.6,1.3-0.8,2.1-0.8C14.3,26.9,15.1,27.4,15.7,28.3z"/> </svg> </div> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9C19,24.8,20,27.2,20,30s-1,5.1-2.9,7c-2,2-4.4,3-7.2,3c-2.7,0-5-1-7-2.9c-2-2-2.9-4.3-2.9-7.1 c0-2.7,1-5.1,2.9-7.1C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-1.6,1.7-2.4,3.6-2.4,5.8s0.8,4.1,2.4,5.7 c1.6,1.6,3.5,2.4,5.8,2.4c2.2,0,4.2-0.8,5.8-2.4c1.6-1.5,2.4-3.4,2.4-5.7s-0.8-4.2-2.4-5.8C14.2,22.6,12.3,21.8,10,21.8z M12.7,27.5v4.1h-1.1v4.9H8.5v-4.9H7.4v-4.1c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h4.1c0.2,0,0.3,0.1,0.4,0.2 C12.6,27.2,12.7,27.3,12.7,27.5z M8.6,24.9c0-0.9,0.5-1.4,1.4-1.4c0.9,0,1.4,0.5,1.4,1.4s-0.5,1.4-1.4,1.4 C9.1,26.3,8.6,25.9,8.6,24.9z"/> </svg> </div> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <path d="M10,0c2.8,0,5.2,1,7.1,2.9C19,4.8,20,7.2,20,10s-1,5.1-2.9,7c-2,2-4.4,3-7.2,3c-2.7,0-5.1-1-7-3c-2-2-2.9-4.3-2.9-7 s1-5.1,2.9-7.1C4.9,1,7.2,0,10,0z M2.2,7.3C2,8.1,1.8,9,1.8,10c0,2.2,0.8,4.1,2.4,5.8c1.6,1.6,3.6,2.4,5.8,2.4 c2.3,0,4.2-0.8,5.8-2.4c0.6-0.6,1-1.1,1.4-1.8l-3.8-1.7c-0.1,0.6-0.4,1.1-1,1.5c-0.5,0.4-1.1,0.6-1.8,0.7V16H9.4v-1.5 c-1.1,0-2.1-0.4-3-1.2l1.4-1.4c0.7,0.6,1.4,0.9,2.2,0.9c0.3,0,0.6-0.1,0.9-0.2c0.2-0.2,0.4-0.4,0.4-0.8c0-0.3-0.1-0.5-0.3-0.6 l-1-0.4l-1.2-0.5L7.2,9.6L2.2,7.3z M10,1.8c-2.3,0-4.2,0.8-5.8,2.4C3.8,4.6,3.4,5,3.1,5.5l3.8,1.7c0.2-0.5,0.5-0.9,0.9-1.3 c0.5-0.3,1-0.5,1.6-0.5V3.9h1.2v1.5c0.9,0,1.7,0.4,2.5,0.9l-1.3,1.3C11.2,7.2,10.7,7,10.1,7C9.8,7,9.5,7.1,9.3,7.2 C9.1,7.3,8.9,7.5,8.9,7.8C8.9,7.9,8.9,8,9,8l1.3,0.6L11.2,9l1.6,0.7l5.1,2.3c0.2-0.7,0.3-1.4,0.3-2.1c0-2.3-0.8-4.2-2.4-5.8 C14.2,2.6,12.3,1.8,10,1.8z"/> </svg> </div> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <path d="M10,0c2.8,0,5.2,1,7.1,2.9C19,4.8,20,7.2,20,10s-1,5.1-2.9,7c-2,2-4.4,3-7.2,3c-2.7,0-5-1-7-2.9c-2-2-2.9-4.3-2.9-7.1 c0-2.7,1-5.1,2.9-7.1C4.9,1,7.2,0,10,0z M10,1.8c-2.3,0-4.2,0.8-5.8,2.4C2.6,5.9,1.8,7.8,1.8,10s0.8,4.1,2.4,5.8 c1.6,1.6,3.5,2.4,5.8,2.4c2.2,0,4.2-0.8,5.8-2.4c1.6-1.5,2.4-3.4,2.4-5.7s-0.8-4.2-2.4-5.8C14.2,2.6,12.3,1.8,10,1.8z M5.6,8.6 c0.2-1.2,0.7-2.2,1.5-2.8c0.8-0.7,1.8-1,2.9-1c1.6,0,2.8,0.5,3.8,1.5c0.9,1,1.4,2.3,1.4,3.9c0,1.5-0.5,2.8-1.4,3.8 c-1,1-2.2,1.5-3.8,1.5c-1.1,0-2.1-0.3-2.9-1s-1.3-1.6-1.5-2.9H8c0.1,1.2,0.8,1.8,2.2,1.8c0.7,0,1.3-0.3,1.7-0.9 c0.4-0.6,0.6-1.4,0.6-2.4c0-1.1-0.2-1.9-0.6-2.4c-0.4-0.6-1-0.8-1.7-0.8C8.9,6.9,8.1,7.5,8,8.7h0.7l-2,2l-2-2L5.6,8.6L5.6,8.6z"/> </svg> </div> </div> </div> </div> </div> <p class='media-credit'> <p>MIT Media Lab / Fluid Interfaces</p> </p> </div> </div> </div> <div class='tmp-color-bg'></div> <div class='colorize-bg' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2018/04/05/mores_37ayBeO.jpg.1400x1400.jpg"); background-position: 54.082714740190895% 39.2833180089958%;'></div> <div class='colorize-overlay'></div> </div> <div class='rail-layout'> <div class='rail '> <div class='rail-content'> <nav class='rail-nav'> <div class='rail-nav-breadcrumb'> <a href=''> <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M15.228,21.396l-8.623-8.622c-0.146-0.146-0.146-0.396,0-0.542l8.623-8.623 c0.146-0.146,0.396-0.146,0.542,0l2.624,2.624c0.146,0.146,0.146,0.396,0,0.542l-5.749,5.728l5.749,5.728 c0.146,0.146,0.146,0.396,0,0.542l-2.624,2.624c-0.083,0.062-0.167,0.104-0.271,0.104S15.312,21.458,15.228,21.396z'/> </svg></span> <span class='breadcrumb-label'> </span> </a> </div> <h4>In this Group:</h4> <ul class='rail-nav-list'> <li class='state-current'><a href='/groups/fluid-interfaces/overview/'>Overview </a></li> <li class=''><a href='/groups/fluid-interfaces/projects/'>Projects </a></li> <li class=''><a href='/groups/fluid-interfaces/publications/'>Publications </a></li> <li class=''><a href='/groups/fluid-interfaces/group-members/'>Group members </a></li> <li class=''><a href='/groups/fluid-interfaces/events/'>Events </a></li> <li class=''><a href='/groups/fluid-interfaces/applicant-information/'>Applicant Information </a></li> <li class=''><a href='/groups/fluid-interfaces/updates/'>Updates </a></li> <li class=''><a href='/groups/fluid-interfaces/archived-projects/'>Archived Projects </a></li> <li class=''><a href='/groups/fluid-interfaces/past-group-members/'>Past group members </a></li> <li class=''><a href='/groups/fluid-interfaces/people/'>People </a></li> </ul> </nav> <div class='rail-meta'> <h5>Group Contact:</h5> <ul class='rail-meta-list'> <li> <a href='/people/xan97/overview/'>Xan Foote</a> </li> <li> <a href='tel:(508) 208-9215'> <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M22.482,5.05c-1.143,9.092-8.359,16.289-17.432,17.432c-0.068,0.02-0.117,0.02-0.166,0.02 s-0.117,0-0.156-0.02c-0.117-0.049-0.186-0.146-0.234-0.234l-1.973-4.951c-0.068-0.215,0.029-0.439,0.215-0.537l5.459-2.734 c0.166-0.088,0.352-0.039,0.488,0.078l2.656,2.686c2.207-1.367,4.053-3.242,5.42-5.449l-2.656-2.656 c-0.117-0.137-0.166-0.322-0.078-0.488l2.734-5.459c0.098-0.186,0.322-0.283,0.537-0.215l4.951,1.973 c0.088,0.049,0.186,0.137,0.205,0.234c0.029,0.039,0.049,0.107,0.049,0.156S22.501,4.982,22.482,5.05z'/> </svg></span> <span>(508) 208-9215</span> </a> </li> <li> <a href='mailto:fluidadmin@media.mit.edu'> <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M2.5,6.25C2.5,5.557,3.057,5,3.75,5h17.5c0.693,0,1.25,0.557,1.25,1.25l-10,7.5L2.5,6.25z M22.5,8.496 V18.75c0,0.693-0.557,1.25-1.25,1.25H3.75c-0.693,0-1.25-0.557-1.25-1.25V8.496l10,7.5L22.5,8.496z'/> </svg></span> <span>fluidadmin@media.mit.edu</span> </a> </li> <li> <a href='/about/contact/' class='variant-emphasized'>Other Press Inquiries</a> </li> </ul> </div> </div> </div> <div class='mobile-companion-rail'> <div class='rail-content'> <div class='rail-content-section'> <nav class='rail-nav'> <ul class='rail-nav-list'> <li class='state-current'><a href='/groups/fluid-interfaces/overview/'>Overview </a></li> <li class=''><a href='/groups/fluid-interfaces/projects/'>Projects </a></li> <li class=''><a href='/groups/fluid-interfaces/publications/'>Publications </a></li> <li class=''><a href='/groups/fluid-interfaces/group-members/'>Group members </a></li> <li class=''><a href='/groups/fluid-interfaces/events/'>Events </a></li> <li class=''><a href='/groups/fluid-interfaces/applicant-information/'>Applicant Information </a></li> <li class=''><a href='/groups/fluid-interfaces/updates/'>Updates </a></li> <li class=''><a href='/groups/fluid-interfaces/archived-projects/'>Archived Projects </a></li> <li class=''><a href='/groups/fluid-interfaces/past-group-members/'>Past group members </a></li> <li class=''><a href='/groups/fluid-interfaces/people/'>People </a></li> </ul> <a href='#' id='toggle-adbf1d30-8514-4d7b-a933-22ecb7f38669' class='rail-nav-mobile-toggle'> <span class='toggle-open'>More <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M21.396,9.771l-8.623,8.623c-0.146,0.146-0.396,0.146-0.542,0L3.609,9.771 c-0.146-0.146-0.146-0.396,0-0.541l2.625-2.625c0.146-0.146,0.396-0.146,0.542,0l5.728,5.749l5.728-5.749 c0.146-0.146,0.396-0.146,0.542,0l2.625,2.625C21.459,9.313,21.5,9.396,21.5,9.501S21.459,9.688,21.396,9.771z'/> </svg></span></span> <span class='toggle-close'>Close <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M3.603,15.229l8.623-8.623c0.146-0.146,0.396-0.146,0.542,0l8.623,8.623c0.146,0.146,0.146,0.396,0,0.542 l-2.625,2.624c-0.146,0.146-0.396,0.146-0.541,0l-5.728-5.728l-5.729,5.728c-0.146,0.146-0.396,0.146-0.541,0l-2.625-2.624 C3.541,15.687,3.5,15.604,3.5,15.499C3.5,15.396,3.541,15.312,3.603,15.229z'/> </svg> </span></span> </a> <script> mlScripts.push(function (core) { require(['ui/OpenCloseToggler'], function (OpenCloseToggler) { new OpenCloseToggler({ selector: '#toggle-adbf1d30-8514-4d7b-a933-22ecb7f38669', targetSelector: '^.mobile-companion-rail' }); }); }); </script> </nav> </div> </div> </div> <div class='rail-layout-body'> <div class='primary-block'> <div class='primary-block-content'> <div class='banner-group'> <div class='accepting-apps-el banner variant-alt'> Fluid Interfaces is currently accepting new students. <a href="/groups/fluid-interfaces/applicant-information/">Learn more about how to apply.</a> </div> </div> <div class='main-copy'> <div> <h1>FLUID INTERFACES</h1><p>While today's devices put the world’s information at our fingertips, they do not help us with some of the cognitive skills that are arguably more important to leading a successful life.  Building upon  insights from psychology and neuroscience, the Fluid Interfaces group designs, develops and tests systems and experiences for supporting functions such as motivation,  attention, memory, learning, creativity, critical thinking, reasoning, communication, sleep quality and emotion regulation. Our work combines insights and methods from human computer interaction, sensor technologies, machine learning, brain computer interfaces, design,  psychology, and neuroscience to create new opportunities for studying and intervening in human psychology in-the-wild. Below you will find the main themes that we work on, each of which further links to various concrete projects. </p> </div> </div> </div> </div> <div class='stream'> <div id='embed-39ca9d1a-947b-4c65-966b-19b13bc3a4b8' class='primary-block embed-block stream-block '> <div class='primary-block-content'> <div class='embed-content'> <iframe src="https://player.vimeo.com/video/860158394?h=6885a42735" allowfullscreen=""></iframe> </div> </div> <script> mlScripts.push(function (core) { require(['ui/blocks/EmbedBlock'], function (UiEmbedBlock) { new UiEmbedBlock({ selector: '#embed-39ca9d1a-947b-4c65-966b-19b13bc3a4b8' }); }); }); </script> </div> <div class='primary-block text-block stream-block'> <div class='primary-block-content'> <div class='main-copy'> <p><br></p> </div> </div> </div> <div class='feed-block module-list-block stream-block'> <div class='item-container module-layout'> <div data-href='/projects/theme-human-ai/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2022/09/28/ai-generated-characters-cover_rHwfK6O.gif.800x800.gif"); background-position: 50.0% 50.0%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/fluid-interfaces/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/theme-human-ai/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>Theme | AI Collaboration + Decision Making</h2> <div class='module-excerpt'> <p>Advances in machine learning have recently enabled the synthesis of text, images, audio and video data, in what is referred to as Generativ…</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/fluid-interfaces/overview/">Fluid Interfaces</a> · <a href="/groups/media-lab-research-theme-life-with-ai/overview/">Media Lab Research Theme: Life with AI</a> · <a href="/groups/media-lab-research-theme-cultivating-creativity/overview/">Media Lab Research Theme: Cultivating Creativity</a> </div> <div> <a href='/people/arnavk/overview/'>Arnav Kapur</a> · <a href='/people/cayden/overview/'>Cayden Pierce</a> +6 more </div> </footer> </div> </div> <div data-href='/projects/theme-engineering-dreams/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2018/12/10/MTT.jpg.1400x1400.jpg.800x800.jpg"); background-position: 62.142857142857096% 32.8646533806089%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/fluid-interfaces/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/theme-engineering-dreams/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>Theme | Sleep + Dream Engineering</h2> <div class='module-excerpt'> <p>We  build technologies that interface with the sleeping mind. We track different sleep-stages using brain activity, muscle tensio…</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/fluid-interfaces/overview/">Fluid Interfaces</a> · <a href="/groups/media-lab-research-theme-connected-body-mind/overview/">Media Lab Research Theme: Connected Mind + Body</a> · <a href="/groups/media-lab-research-theme-cultivating-creativity/overview/">Media Lab Research Theme: Cultivating Creativity</a> </div> <div> <a href='/people/pattie/overview/'>Pattie Maes</a> · <a href='/people/amores/overview/'>Judith Amores Fernandez</a> +5 more </div> <div> <a href='/research/?filter=everything&tag=design'>#design</a> <a href='/research/?filter=everything&tag=social-networks'>#social networks</a> <a href='/research/?filter=everything&tag=artificial-intelligence'>#artificial intelligence</a> +11 more </div> </footer> </div> </div> <div data-href='/projects/theme-health-wellbeing/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2022/09/28/HeartBit.jpg.800x800.jpg"); background-position: 50.0% 50.0%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/fluid-interfaces/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/theme-health-wellbeing/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>Theme | Health + Wellbeing</h2> <div class='module-excerpt'> <p>We develop systems that support health and wellbeing, with a special focus on mental health. We design, study and apply technologies s…</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/fluid-interfaces/overview/">Fluid Interfaces</a> · <a href="/groups/media-lab-research-theme-connected-body-mind/overview/">Media Lab Research Theme: Connected Mind + Body</a> </div> <div> <a href='/people/rliu34/overview/'>Auren Liu</a> · <a href='/people/catfang/overview/'>Mengying (Cathy) Fang</a> +6 more </div> <div> <a href='/research/?filter=everything&tag=human-computer-interaction'>#human-computer interaction</a> <a href='/research/?filter=everything&tag=data'>#data</a> <a href='/research/?filter=everything&tag=health'>#health</a> +4 more </div> </footer> </div> </div> <div data-href='/projects/theme-attention-mindfulness-and-health/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2022/10/25/324A6905_sm_ebyE9nJ.jpg.800x800.jpg"); background-position: 36.577181208053695% 45.12338425381904%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/fluid-interfaces/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/theme-attention-mindfulness-and-health/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>Theme | Attention, Memory + Learning</h2> <div class='module-excerpt'> <p>Projects related to the theme of how digital systems may support attention, memory, and learning.</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/fluid-interfaces/overview/">Fluid Interfaces</a> </div> <div> <a href='/people/cayden/overview/'>Cayden Pierce</a> · <a href='/people/wazeer/overview/'>Wazeer Zulfikar</a> +9 more </div> <div> <a href='/research/?filter=everything&tag=human-computer-interaction'>#human-computer interaction</a> <a href='/research/?filter=everything&tag=artificial-intelligence'>#artificial intelligence</a> <a href='/research/?filter=everything&tag=augmented-reality'>#augmented reality</a> +6 more </div> </footer> </div> </div> <div data-href='/projects/theme-platforms-for-sensing-and-interventions/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2024/03/27/platform-cover.jpg.800x800.jpg"); background-position: 47.651006711409394% 62.91223427108217%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/fluid-interfaces/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/theme-platforms-for-sensing-and-interventions/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>Theme | Interfaces + Platforms</h2> <div class='module-excerpt'> <p>Our research group designs various hardware and software platforms that can be used to do scientific experiments or implement a particular …</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/fluid-interfaces/overview/">Fluid Interfaces</a> </div> <div> <a href='/people/cayden/overview/'>Cayden Pierce</a> · <a href='/people/nkosmyna/overview/'>Nataliya Kos'myna</a> +1 more </div> </footer> </div> </div> </div> </div> <div class='primary-block text-block stream-block'> <div class='primary-block-content'> <div class='main-copy'> <h1>Recent Media Coverage</h1> </div> </div> </div> <div id='embed-4cea6a39-027c-48db-8bf5-3b2a3d26fece' class='primary-block embed-block stream-block variant-full'> <div class='primary-block-content'> <div class='embed-content'> <iframe style="background: transparent; border: 1px solid #ccc;" height="533" width="100%" src="https://airtable.com/embed/appT4cxnLEkVdd0HD/shrhbgzGCzGTq1Jyg?backgroundColor=cyan" class="airtable-embed"></iframe> </div> </div> <script> mlScripts.push(function (core) { require(['ui/blocks/EmbedBlock'], function (UiEmbedBlock) { new UiEmbedBlock({ selector: '#embed-4cea6a39-027c-48db-8bf5-3b2a3d26fece' }); }); }); </script> </div> </div> <div class='primary-block'> <div class='primary-block-content'> <div class='primary-block-meta'> <h5>Research Topics</h5> <a href='/research/?filter=everything&tag=robotics'>#robotics</a> <a href='/research/?filter=everything&tag=design'>#design</a> <a href='/research/?filter=everything&tag=social-networks'>#social networks</a> <a href='/research/?filter=everything&tag=virtual-reality'>#virtual reality</a> <a href='/research/?filter=everything&tag=computer-vision'>#computer vision</a> <a href='/research/?filter=everything&tag=human-computer-interaction'>#human-computer interaction</a> <a href='/research/?filter=everything&tag=architecture'>#architecture</a> <a href='/research/?filter=everything&tag=art'>#art</a> <a href='/research/?filter=everything&tag=artificial-intelligence'>#artificial intelligence</a> <a href='/research/?filter=everything&tag=augmented-reality'>#augmented reality</a> <a href='/research/?filter=everything&tag=bioengineering'>#bioengineering</a> <a href='/research/?filter=everything&tag=civic-technology'>#civic technology</a> <a href='/research/?filter=everything&tag=cognition'>#cognition</a> <a href='/research/?filter=everything&tag=data'>#data</a> <a href='/research/?filter=everything&tag=entertainment'>#entertainment</a> <a href='/research/?filter=everything&tag=environment'>#environment</a> <a href='/research/?filter=everything&tag=hacking'>#hacking</a> <a href='/research/?filter=everything&tag=health'>#health</a> <a href='/research/?filter=everything&tag=human-machine-interaction'>#human-machine interaction</a> <a href='/research/?filter=everything&tag=learning-teaching'>#learning + teaching</a> <a href='/research/?filter=everything&tag=music'>#music</a> <a href='/research/?filter=everything&tag=neurobiology'>#neurobiology</a> <a href='/research/?filter=everything&tag=social-media'>#social media</a> <a href='/research/?filter=everything&tag=storytelling'>#storytelling</a> <a href='/research/?filter=everything&tag=wearable-computing'>#wearable computing</a> <a href='/research/?filter=everything&tag=sensors'>#sensors</a> <a href='/research/?filter=everything&tag=interfaces'>#interfaces</a> <a href='/research/?filter=everything&tag=member-company'>#member company</a> <a href='/research/?filter=everything&tag=social-science'>#social science</a> <a href='/research/?filter=everything&tag=machine-learning'>#machine learning</a> <a href='/research/?filter=everything&tag=behavioral-science'>#behavioral science</a> <a href='/research/?filter=everything&tag=social-robotics'>#social robotics</a> <a href='/research/?filter=everything&tag=language-learning'>#language learning</a> <a href='/research/?filter=everything&tag=affective-computing'>#affective computing</a> <a href='/research/?filter=everything&tag=ethics'>#ethics</a> <a href='/research/?filter=everything&tag=computer-science'>#computer science</a> <a href='/research/?filter=everything&tag=creativity'>#creativity</a> <a href='/research/?filter=everything&tag=space'>#space</a> <a href='/research/?filter=everything&tag=community'>#community</a> <a href='/research/?filter=everything&tag=biomechanics'>#biomechanics</a> <a href='/research/?filter=everything&tag=technology'>#technology</a> <a href='/research/?filter=everything&tag=visualization'>#visualization</a> <a href='/research/?filter=everything&tag=cognitive-science'>#cognitive science</a> <a href='/research/?filter=everything&tag=mental-health'>#mental health</a> <a href='/research/?filter=everything&tag=healthcare'>#healthcare</a> <a href='/research/?filter=everything&tag=law'>#law</a> <a href='/research/?filter=everything&tag=alumni'>#alumni</a> <a href='/research/?filter=everything&tag=sleep'>#sleep</a> <a href='/research/?filter=everything&tag=code'>#code</a> <a href='/research/?filter=everything&tag=biotechnology'>#biotechnology</a> <a href='/research/?filter=everything&tag=social-change'>#social change</a> <a href='/research/?filter=everything&tag=industry'>#industry</a> <a href='/research/?filter=everything&tag=business'>#business</a> <a href='/research/?filter=everything&tag=fabrication'>#fabrication</a> <a href='/research/?filter=everything&tag=culture'>#culture</a> <a href='/research/?filter=everything&tag=wellbeing'>#wellbeing</a> <a href='/research/?filter=everything&tag=zero-gravity'>#zero gravity</a> <a href='/research/?filter=everything&tag=human-augmentation'>#human augmentation</a> <a href='/research/?filter=everything&tag=startup'>#startup</a> <a href='/research/?filter=everything&tag=civic-action'>#civic action</a> <a href='/research/?filter=everything&tag=neural-interfacing-and-control'>#neural interfacing and control</a> <a href='/research/?filter=everything&tag=marginalized-communities'>#marginalized communities</a> <a href='/research/?filter=everything&tag=diversity'>#diversity</a> <a href='/research/?filter=everything&tag=gender-studies'>#gender studies</a> <a href='/research/?filter=everything&tag=women'>#women</a> <a href='/research/?filter=everything&tag=covid19'>#covid19</a> <a href='/research/?filter=everything&tag=assistive-technology'>#assistive technology</a> <a href='/research/?filter=everything&tag=misinformation'>#misinformation</a> <a href='/research/?filter=everything&tag=social-justice'>#social justice</a> <a href='/research/?filter=everything&tag=womens-health'>#womens health</a> </div> </div> </div> <footer class='cta-block'> <div>View more</div> <div> <a href='/groups/fluid-interfaces/updates/'>updates</a>, <a href='/groups/fluid-interfaces/projects/'>projects</a>, <a href='/groups/fluid-interfaces/publications/'>publications</a> </div> </footer> </div> </div> </div> <footer class='global-footer'> <nav class='global-footer-section variant-sitemap'> <section class='sitemap-section variant-primary'> <div class='global-footer-section-hd'> <div class='glyph'> <h2> <a href='/'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M0.002,10.715V25h14.284v-3.572H3.571V10.715H0.002z M21.428,25V14.285H10.714V3.572H0V0h14.285v10.715 h10.714V25H21.428z'/> </svg></a> </h2> </div> </div> <div class='global-footer-section-bd'> <ul class='sitemap-list'> <li><a href='/'>News + Updates</a></li> <li><a href='/research/'>Research</a></li> <li><a href='/about/'>About</a></li> <li><a href='/about/funding-and-support/'>Support the Media Lab</a></li> <li><a href='/graduate-program/'>MAS Graduate Program</a></li> <li><a href='/people/'>People</a></li> <li><a href='/events/'>Events</a></li> <li><a href='/videos/'>Videos</a></li> <li><a href='/member-portal/'>Member Portal</a></li> <li><a href='/about/press-visits-and-inquiries/'>For Press + Media</a></li> </ul> </div> </section> <section class='sitemap-section variant-secondary'> <div class='global-footer-section-hd'> <h2>More ways to explore</h2> </div> <div class='global-footer-section-bd'> <ul class='sitemap-list'> <li><a href='/videos/'>Videos</a></li> <li><a href='/publications/'>Publications</a></li> <li><a href='/about/job-opportunities/'>Job Opportunities</a></li> <li><a href='/about/contact/'>Contact</a></li> </ul> </div> </section> </nav> <div class='global-footer-section variant-meta'> <div class='global-footer-section-bd'> <ul class='social-links'> <li> <a href='https://x.com/medialab' target='_blank'><span class='icon'><svg version="1.1" width="15.656" height="16" viewBox="0 0 15.656 16" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <path d="M 9.06387,6.98325 13.90194,1.36 H 12.75571 L 8.55176,6.24289 5.20022,1.36 H 1.33076 L 6.40372,8.747 1.33076,14.64 H 2.47699 L 6.91251,9.48404 10.45578,14.64 h 3.86946 z M 7.49351,8.80925 6.97974,8.07387 2.89033,2.2232 h 1.76043 l 3.30091,4.72104 0.51377,0.73538 4.29027,6.13702 H 10.99528 L 7.49434,8.80842 Z" /> </svg> </span></a> </li> <li> <a href='https://www.facebook.com/mitmedialab' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M13.958,10h3.75v3.75h-3.75v8.75h-3.75v-8.75H7.292V10h2.917V7.5c0-2.755,2.06-5,4.583-5h2.917v3.75h-2.917 c-0.463,0-0.833,0.556-0.833,1.25V10z'/> </svg></span></a> </li> <li> <a href='https://www.instagram.com/mitmedialab/' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M22.494,8.75h-6.088c-0.995-1.019-2.384-1.667-3.912-1.667c-1.527,0-2.917,0.648-3.912,1.667H2.495V5.417 C2.495,3.82,3.814,2.5,5.411,2.5h14.167c1.597,0,2.917,1.319,2.917,2.917V8.75z M22.494,10.417v9.167 c0,1.597-1.319,2.917-2.917,2.917H5.411c-1.597,0-2.917-1.319-2.917-2.917v-9.167h5c-0.278,0.648-0.417,1.342-0.417,2.083 c0,2.986,2.431,5.417,5.417,5.417c2.986,0,5.417-2.431,5.417-5.417c0-0.741-0.139-1.436-0.417-2.083H22.494z M8.745,12.5 c0-2.061,1.667-3.75,3.75-3.75c2.061,0,3.75,1.689,3.75,3.75c0,2.083-1.689,3.75-3.75,3.75C10.411,16.25,8.745,14.583,8.745,12.5z' /> </svg></span></a> </li> <li> <a href='https://www.linkedin.com/company/mit-media-lab' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25 25' style='enable-background:new 0 0 25 25;' xml:space='preserve'><path d='M6.1,7.5L6.1,7.5C4.8,7.5,4,6.7,4,5.6c0-1.1,0.8-1.9,2.1-1.9c1.3,0,2.1,0.8,2.1,1.9C8.2,6.7,7.4,7.5,6.1,7.5z M8,20.4H4.2 V9.1H8V20.4z M21.5,20.4h-3.8v-6c0-1.5-0.5-2.6-1.9-2.6c-1,0-1.7,0.7-1.9,1.4c-0.1,0.3-0.1,0.6-0.1,0.9v6.3H10c0-10.2,0-11.3,0-11.3 h3.8v1.6h0c0.5-0.8,1.4-1.9,3.4-1.9c2.5,0,4.3,1.6,4.3,5.1V20.4z'/></svg> </span></a> </li> <li> <a href='/feed.rss' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M22.083,22.5h-2.917c-0.232,0-0.417-0.185-0.417-0.417c0-8.75-7.083-15.833-15.833-15.833 C2.685,6.25,2.5,6.065,2.5,5.833V2.917C2.5,2.685,2.685,2.5,2.917,2.5c10.81,0,19.583,8.773,19.583,19.583 C22.5,22.315,22.315,22.5,22.083,22.5z M15.833,22.5h-2.917c-0.231,0-0.417-0.185-0.417-0.417c0-5.301-4.282-9.583-9.583-9.583 c-0.231,0-0.417-0.186-0.417-0.417V9.167c0-0.231,0.185-0.417,0.417-0.417c7.361,0,13.333,5.972,13.333,13.333 C16.25,22.315,16.065,22.5,15.833,22.5z M5.625,22.5c-1.736,0-3.125-1.389-3.125-3.125c0-1.736,1.389-3.125,3.125-3.125 c1.736,0,3.125,1.389,3.125,3.125C8.75,21.111,7.361,22.5,5.625,22.5z'/> </svg></span></a> </li> </ul> <div class='mit-icon-holder'> <a href='https://web.mit.edu/'> <span class='icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1680 1040" enable-background="new 0 0 1680 1040" xml:space="preserve"> <path fill="#FFFFFF" d="M880,880h160V400H880V880z M1120,320h400V160h-400V320z M880,160.00003h160v160H880V160.00003z M640,880h160 V160H640V880z M400,720h160V160H400V720z M160,880h160V160H160V880z M1120,880h160V400h-160V880z"/> </svg> </span> </a> </div> <p> <a href='https://web.mit.edu/'>Massachusetts Institute of Technology</a><br> <a href='https://sap.mit.edu/'>School of Architecture + Planning</a> </p> <p> <a href="https://accessibility.mit.edu/">Accessibility</a><br> <a href='/posts/make-a-gift/'>Donate to the Lab</a> </p> </div> </div> </footer> </div> </div> <div class='modals-container global-modals'> <div class='modal-forms'></div> <template class='modal-template'> <div class='modal'> <div class='modal-scroller'> <div class='modal-pane'> <a class='close-modal-x close-modal'> <i class='icon'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" width="20px" height="20px"> <path id="XMLID_730_" d="M7.9,20c-0.2,0-0.4-0.2-0.4-0.4v-7.1H0.4c-0.2,0-0.4-0.2-0.4-0.4V7.9c0-0.2,0.2-0.4,0.4-0.4h7.1V0.4 C7.5,0.2,7.7,0,7.9,0h4.2c0.2,0,0.4,0.2,0.4,0.4v7.1h7.1c0.2,0,0.4,0.2,0.4,0.4v4.2c0,0.2-0.2,0.4-0.4,0.4h-7.1v7.1 c0,0.2-0.2,0.4-0.4,0.4H7.9z"/> </svg> </i> </a> <div class='modal-content'></div> </div> <div class='modal-curtain'></div> </div> </div> </template> </div> <div class='templates-container global-templates'> <script class='slideshow-template' data-type='handlebars' type='text/x-handlebars-template'> <div class='slideshow'> <div class='slideshow-header'> {{#if readView}} <h1 class='slideshow-title'>{{{gallery_title}}}</h1> {{/if}} <div class='share-widget'> <h1>Share this </h1> <ul class='social-links'> <li> <a target='_blank' href='https://x.com/share?url=https%3A%2F%2Fwww.media.mit.edu%2Fgroups%2Ffluid-interfaces%2Foverview%2F&text=Overview%2C+via+%40medialab'><span class='icon'><svg version="1.1" width="15.656" height="16" viewBox="0 0 15.656 16" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <path d="M 9.06387,6.98325 13.90194,1.36 H 12.75571 L 8.55176,6.24289 5.20022,1.36 H 1.33076 L 6.40372,8.747 1.33076,14.64 H 2.47699 L 6.91251,9.48404 10.45578,14.64 h 3.86946 z M 7.49351,8.80925 6.97974,8.07387 2.89033,2.2232 h 1.76043 l 3.30091,4.72104 0.51377,0.73538 4.29027,6.13702 H 10.99528 L 7.49434,8.80842 Z" /> </svg> </span></a> </li> <li> <a target='_blank' href='https://www.facebook.com/sharer/?u=https%3A%2F%2Fwww.media.mit.edu%2Fgroups%2Ffluid-interfaces%2Foverview%2F'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M13.958,10h3.75v3.75h-3.75v8.75h-3.75v-8.75H7.292V10h2.917V7.5c0-2.755,2.06-5,4.583-5h2.917v3.75h-2.917 c-0.463,0-0.833,0.556-0.833,1.25V10z'/> </svg></span></a> </li> <li> <a target='_blank' href='https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fwww.media.mit.edu%2Fgroups%2Ffluid-interfaces%2Foverview%2F&mini=true'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25 25' style='enable-background:new 0 0 25 25;' xml:space='preserve'><path d='M6.1,7.5L6.1,7.5C4.8,7.5,4,6.7,4,5.6c0-1.1,0.8-1.9,2.1-1.9c1.3,0,2.1,0.8,2.1,1.9C8.2,6.7,7.4,7.5,6.1,7.5z M8,20.4H4.2 V9.1H8V20.4z M21.5,20.4h-3.8v-6c0-1.5-0.5-2.6-1.9-2.6c-1,0-1.7,0.7-1.9,1.4c-0.1,0.3-0.1,0.6-0.1,0.9v6.3H10c0-10.2,0-11.3,0-11.3 h3.8v1.6h0c0.5-0.8,1.4-1.9,3.4-1.9c2.5,0,4.3,1.6,4.3,5.1V20.4z'/></svg> </span></a> </li> </ul> </div> <a class='close-modal-x close-modal'> <i class='icon'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" width="20px" height="20px"> <path id="XMLID_730_" d="M7.9,20c-0.2,0-0.4-0.2-0.4-0.4v-7.1H0.4c-0.2,0-0.4-0.2-0.4-0.4V7.9c0-0.2,0.2-0.4,0.4-0.4h7.1V0.4 C7.5,0.2,7.7,0,7.9,0h4.2c0.2,0,0.4,0.2,0.4,0.4v7.1h7.1c0.2,0,0.4,0.2,0.4,0.4v4.2c0,0.2-0.2,0.4-0.4,0.4h-7.1v7.1 c0,0.2-0.2,0.4-0.4,0.4H7.9z"/> </svg> </i> </a> </div> <div class='slideshow-images'> {{#each images}} <div class='image-wrapper'> <div class='image' style='background-image: url("{{ image.url }}")'></div> </div> {{/each}} </div> <div class='slideshow-controls'> <a class='prev-image'> <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M15.228,21.396l-8.623-8.622c-0.146-0.146-0.146-0.396,0-0.542l8.623-8.623 c0.146-0.146,0.396-0.146,0.542,0l2.624,2.624c0.146,0.146,0.146,0.396,0,0.542l-5.749,5.728l5.749,5.728 c0.146,0.146,0.146,0.396,0,0.542l-2.624,2.624c-0.083,0.062-0.167,0.104-0.271,0.104S15.312,21.458,15.228,21.396z'/> </svg> Previous </a> <a class='next-image'> Next <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M9.772,3.603l8.623,8.623c0.146,0.146,0.146,0.396,0,0.542L9.772,21.39c-0.146,0.146-0.396,0.146-0.542,0 l-2.624-2.624c-0.146-0.146-0.146-0.396,0-0.542l5.728-5.728L6.606,6.769c-0.146-0.146-0.146-0.396,0-0.542L9.23,3.603 C9.313,3.541,9.397,3.5,9.501,3.5S9.688,3.541,9.772,3.603z'/> </svg> </a> <p class='slideshow-counter'> <span class='current-index'></span> of <span class='total-count'></span> </p> </div> <div class='slideshow-meta'> <div class='slideshow-meta-body'> {{#each images}} <div class='slideshow-image-meta-wrap'> <p class='slideshow-image-title'> {{ title }} </p> <div class='slideshow-image-caption'> {{{ caption }}} </div> </div> {{/each}} </div> <div class='slideshow-meta-footer'> {{#each images}} <p class='slideshow-image-title'> {{ title }} </p> {{/each}} <div class='slideshow-tags'> {{#each tags}} <a href='{{url_path}}'>#{{title}}</a> {{/each}} </div> </div> </div> </div> </script> </div> <script src='/static/scripts/bundles/common.1fb394c72e37.js'></script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-KZ09YHE6JS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KZ09YHE6JS'); </script>  <script> require(['Sentry'], function (Sentry) { Sentry.init({dsn: 'https://348f83c6ba454447a1dea8753e38fa5d@sentry.media.mit.edu/3'}); }); </script> <script> require(['core'], function (core) { var serviceOptions = { externalLinkObserver: { linksInModal: false } }; core.init(mlScripts, serviceOptions); }); if (document.documentMode || /Edge/.test(navigator.userAgent)) { require(['services/ieHandler'], function (ieHandler) { ieHandler.init(); }); } </script> </body> </html>

CINXE.COM

Overview ‹ Fluid Interfaces — MIT Media Lab