{"id":1653,"date":"2026-05-05T12:38:27","date_gmt":"2026-05-05T16:38:27","guid":{"rendered":"https:\/\/carleton.ca\/hci\/cutheme-homepage\/"},"modified":"2026-05-07T15:06:51","modified_gmt":"2026-05-07T19:06:51","slug":"cutheme-homepage","status":"publish","type":"page","link":"https:\/\/carleton.ca\/hci\/","title":{"rendered":"Human-Computer Interaction (HCI) &#8211; Carleton University"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-max  md:space-y-10 cu-prose-first-last\">\n\n        \n                    \n                    \n            \n    <div class=\"cu-wideimage relative flex items-center justify-center mx-auto px-8 overflow-hidden md:px-16 rounded-xl not-prose  my-6 md:my-12 first:mt-0 bg-opacity-50 bg-cover bg-cu-black-50 py-24 md:py-28 lg:py-36 xl:py-48\" style=\"background-image: url(https:\/\/carleton.ca\/hci\/wp-content\/uploads\/sites\/241\/2026\/05\/hci-lab-banner.jpg); background-position: 50% 50%;\">\n\n                    <div class=\"absolute top-0 w-full h-screen\" style=\"background-color:rgba(0,0,0,0.600);\"><\/div>\n        \n        <div class=\"relative z-[2] max-w-4xl w-full flex flex-col items-center gap-2 cu-wideimage-image cu-zero-first-last\">\n            <header class=\"mx-auto mb-6 text-center text-white cu-pageheader cu-component-updated cu-pageheader--center md:mb-12\">\n\n                                    <h1 class=\"cu-prose-first-last font-semibold mb-2 text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] cu-pageheader--center text-center mx-auto after:left-px\">\n                        Human-Computer Interaction (HCI)\n                    <\/h1>\n                \n                            <\/header>\n        <\/div>\n\n            <\/div>\n\n    \n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"welcome\" class=\"wp-block-heading\">Welcome<\/h2>\n\n\n\n<p>Welcome to the site for the&nbsp;<strong>Carleton<\/strong>&nbsp;<strong>Multidisciplinary<\/strong>&nbsp;<strong>Master\u2019s degree in<\/strong>&nbsp;<strong>Human-Computer Interaction<\/strong>&nbsp;(HCI), housed in the School of Computer Science!<\/p>\n\n\n\n<p>Our program focuses on better understanding and improving interactive technologies for the workplace, for play, and at home. Our group has many faculty members from all over the University, ranging from Industrial Design, Computer Science, and Information Technology, to Cognitive Science, Business, and Journalism. Everyone involves conducts research on HCI, with such topics as Virtual Reality, Games, Innovative Devices, Usable Security, Healthcare, and Cultural Issues.<\/p>\n\n\n    \n<section class=\"w-screen px-6 cu-section cu-section--grey ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-7xl bg-cu-black-50 max-w-screen-2xl mx-auto rounded-xl px-6 py-5 md:px-14 md:py-12 md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"quick-links\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Quick Links\n    <\/h2>\n\n    <\/header>\n        \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-7xl md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-10\">\n            \n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n            <figure class=\"mx-6 mt-6 mb-2 overflow-hidden max-w-[45%] @xl:md:max-w-[25%] rounded-md aspect-[4\/2.7]\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/hci\/wp-content\/uploads\/sites\/241\/2026\/05\/Pollock-11-2-300x230-1.png\" alt=\"\" width=\"200\" height=\"133\"><\/figure>\n        \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        About HCI\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    What is Human-Computer Interaction?\n                <\/p>\n            <\/div>\n        \n                                \n            <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a  href=\"https:\/\/carleton.ca\/hci\/about-hci\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    More info\n                <\/a>\n            <\/footer>\n            <\/div>\n    \n\n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n            <figure class=\"mx-6 mt-6 mb-2 overflow-hidden max-w-[45%] @xl:md:max-w-[25%] rounded-md aspect-[4\/2.7]\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/hci\/wp-content\/uploads\/sites\/241\/2026\/05\/Picture-4-300x222e-1-300x230-1.jpg\" alt=\"\" width=\"200\" height=\"133\"><\/figure>\n        \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Recent Student Research Projects\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    Explore research completed by new alumni.\n                <\/p>\n            <\/div>\n        \n                                \n            <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a  href=\"https:\/\/carleton.ca\/hci\/recent-student-research-projects\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    More info\n                <\/a>\n            <\/footer>\n            <\/div>\n    \n\n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n            <figure class=\"mx-6 mt-6 mb-2 overflow-hidden max-w-[45%] @xl:md:max-w-[25%] rounded-md aspect-[4\/2.7]\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/hci\/wp-content\/uploads\/sites\/241\/2026\/05\/Pollock-10e-300x230-1.jpg\" alt=\"\" width=\"200\" height=\"133\"><\/figure>\n        \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Apply to the HCI Master&#8217;s Program\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    Find Master Degree programs here.\n                <\/p>\n            <\/div>\n        \n                                \n            <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a  href=\"https:\/\/carleton.ca\/hci\/how-to-apply\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    More info\n                <\/a>\n            <\/footer>\n            <\/div>\n    \n\n\n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100   \">\n            <figure class=\"mx-6 mt-6 mb-2 overflow-hidden max-w-[45%] @xl:md:max-w-[25%] rounded-md aspect-[4\/2.7]\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/hci\/wp-content\/uploads\/sites\/241\/2026\/05\/techie.jpg\" alt=\"\" width=\"200\" height=\"133\"><\/figure>\n        \n                        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Affiliated Faculty\n    <\/h2>\n\n            <\/header>\n\n        \n                    <div class=\"flex flex-col px-6\">\n                <p class=\"text-base text-cu-black-700\">\n                    Faculty members engaged in HCI research.\n                <\/p>\n            <\/div>\n        \n                                \n            <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a  href=\"https:\/\/carleton.ca\/hci\/hci-people\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    More info\n                <\/a>\n            <\/footer>\n            <\/div>\n    \n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;News&quot;,&quot;numberOfPosts&quot;&#x3A;3,&quot;moreButton&quot;&#x3A;&quot;loadmore&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"news\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        News\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumbs\/award.jpg\" alt=\"Pre-selected placeholder image\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-05-30T19:59:11-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Board of Governors Award for Outstanding Community Achievement\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            The Carleton University Board of Governors Award for Outstanding Community Achievement is an annual award recognising the spirit of student volunteerism and substantial community contribution&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/hci\/2026\/board-of-governors-award-for-outstanding-community-achievement\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Board of Governors Award for Outstanding Community Achievement\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumbs\/news-5.jpg\" alt=\"Pre-selected placeholder image\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-05-30T19:59:11-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Fall 2026: Info Session for Carleton\u2019s Master of Human-Computer Interaction Program\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            \n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"http:\/\/carleton.ca\/hci\/information-session-master-of-human-computer-interaction\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Fall 2026: Info Session for Carleton\u2019s Master of Human-Computer Interaction Program\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumbs\/inspiration-cloud.jpg\" alt=\"Pre-selected placeholder image\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-05-30T19:59:11-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        In Memoriam: Professor Fraser Taylor\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Distinguished Research Professor Fraser Taylor was a respected faculty member in HCI and Geography and Environmental Studies and made significant and lasting contributions to the&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/hci\/2025\/in-memoriam-professor-fraser-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        In Memoriam: Professor Fraser Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                            <button aria-label=\"Load More\" class=\"loadMore cu-button not-prose cu-button--dark-grey cu-button--center \" type=\"button\">\n    <div class=\"block load-more-button\">\n        Load More\n    <\/div>\n    <div class=\"hidden no-more-posts\">\n        No more to load\n    <\/div>\n    <div class=\"items-center justify-center hidden load-more-spinner cu-pageloader\">\n    <div class=\"inline-block h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n        <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n            Loading&#8230;\n        <\/span>\n    <\/div>\n<\/div>\n<\/button>\n                    \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Welcome Welcome to the site for the&nbsp;Carleton&nbsp;Multidisciplinary&nbsp;Master\u2019s degree in&nbsp;Human-Computer Interaction&nbsp;(HCI), housed in the School of Computer Science! Our program focuses on better understanding and improving interactive technologies for the workplace, for play, and at home. Our group has many faculty members from all over the University, ranging from Industrial Design, Computer Science, and Information Technology, [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[],"class_list":["post-1653","page","type-page","status-publish","hentry"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/pages\/1653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/comments?post=1653"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/pages\/1653\/revisions"}],"predecessor-version":[{"id":1709,"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/pages\/1653\/revisions\/1709"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/media?parent=1653"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/hci\/wp-json\/wp\/v2\/cu_page_type?post=1653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}