{"id":2066,"date":"2022-08-03T12:23:37","date_gmt":"2022-08-03T16:23:37","guid":{"rendered":"https:\/\/groups.cs.umass.edu\/nmahyar\/?page_id=2066"},"modified":"2022-08-05T20:22:41","modified_gmt":"2022-08-06T00:22:41","slug":"intro-to-hci-cs-325-fall-2022","status":"publish","type":"page","link":"https:\/\/groups.cs.umass.edu\/nmahyar\/teaching\/intro-to-hci-cs-325-fall-2022\/","title":{"rendered":"Intro-to-HCI- CS 325- Fall 2022"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2066\" class=\"elementor elementor-2066\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-59228ce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"59228ce\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e5ef9f2\" data-id=\"e5ef9f2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fbb0463 elementor-widget elementor-widget-heading\" data-id=\"fbb0463\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-xl\"><br>Intro to HCI <br><br> Fall 2022<br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66ee71e elementor-widget elementor-widget-text-editor\" data-id=\"66ee71e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>*Note that the course schedule is <span class=\"style2\">tentative<\/span>.* Lecture slides will be posted after each class.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae139fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae139fa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-05d86a4\" data-id=\"05d86a4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad3d831 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"ad3d831\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1811\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1811\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1812\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1812\" aria-expanded=\"false\">Course Schedule<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1813\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1813\" aria-expanded=\"false\">Grading Scheme<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1814\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1814\" aria-expanded=\"false\">Projects and project milestones<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1811\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1811\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1811\" tabindex=\"0\" hidden=\"false\"><header style=\"margin-bottom: 20px;width: 1040px;color: #141412;font-family: 'Source Sans Pro', Helvetica, sans-serif\"><h1 style=\"font-size: 1.2em;margin-bottom: 0px;color: #000000\"><span style=\"font-size: 0.9em;font-family: arial, helvetica, sans-serif;font-weight: 400;color: #000000\">COMPSCI 325, 3 Credits, Fall 2022<\/span><\/h1><header style=\"margin-bottom: 20px;width: 1040px\"><p style=\"margin-bottom: 0px;font-size: 1.2em;color: #000000\"><span style=\"font-size: 12pt;font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Time<\/strong>: TueThu 10:00am \u2013 11:15am<\/span><\/p><\/header><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong style=\"font-size: 12pt\">Location<\/strong><span style=\"font-size: 12pt\">:\u00a0<\/span><span style=\"background-color: transparent;font-size: 11pt\">Room S211, Integ. Learning Center<\/span><\/span><\/p><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Instructor<\/strong>:\u00a0<a style=\"color: #000000\" href=\"http:\/\/groups.cs.umass.edu\/nmahyar\/\">Narges Mahyar<\/a><\/span><br \/><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Email<\/strong>: nmahyar@cs.umass.edu<\/span><br \/><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Office Hours<\/strong>:\u00a0TBA<\/span><\/p><\/header><div style=\"width: 1040px\"><div style=\"width: 1040px\"><div style=\"width: 1040px\"><p style=\", helvetica, sans-serif;padding-left: 40px\"><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>TAs<\/strong>:<\/span><\/p><p style=\", helvetica, sans-serif;padding-left: 40px\"><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">Mahmood Jasim, <strong>email<\/strong>: mjasim@cs.umass.edu,\u00a0<strong>office hours<\/strong>:\u00a0TBA<\/span><\/p><p style=\", helvetica, sans-serif;padding-left: 40px\"><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">Mashrur Rashik, <strong>email<\/strong>: mrashik@umass.edu, <strong>office hours<\/strong>: TBA<\/span><\/p><div title=\"Page 1\"><h4><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Course Overview<\/strong><\/span><\/h4><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">Human-Computer Interaction is \u201cdesigned for human use\u201d. Computers are a ubiquitous part of many interactions in our lives, from the mundane everydayness of light switches and \u201csmart\u201d vending machines to entertainment and education to sophisticated instruments and complex energy and defense systems. In this course, we will challenge you to broaden your grasp of what a user interface can and should be, and try your hand at doing better yourself. It is a fast-paced, hands-on, project-based experience that will challenge many of your ideas of what computer science is and can be. It is designed around active lecture sessions supported by optional readings, in-class activities, and team projects, where students practice and explore the concepts introduced in lecture, and go well beyond them to learn and apply HCI techniques that build into group projects. More specifically, the course adopts a human-centered design (HCD) approach and covers design methodologies, evaluation methodologies (both quantitative and qualitative), human information processing, cognition, and perception.<\/span><\/p><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Course Origins<\/strong><\/span><br \/><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">This course was originally developed and taught by <strong>Prof. Joanna McGerener<\/strong> and <strong>Dr. Leila Aflattony<\/strong> at\u00a0University of British Columbia\u00a0 (UBC) as a new course in HCI on the<a style=\"color: #000000\" href=\"https:\/\/blogs.ubc.ca\/cpsc544\/home\/\"> Fundamentals of Designing Interactive Computational Technology for People<\/a> (DFP).<\/span><\/p><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Textbooks<\/strong><\/span><br \/><span style=\"font-family: arial, helvetica, sans-serif;font-size: 12pt;color: #000000\">There is no textbook required. However, we have optional readings from a collection of book chapters, survey and research papers, and articles. If you want to learn more about HCI, we suggest the following books that are optional for you to read.\u00a0<\/span><\/p><ol style=\"margin-top: 0;margin-bottom: 0\"><li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\"><p dir=\"ltr\" style=\"line-height: 1.38;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\" role=\"presentation\"><span style=\"font-size: 12pt;background-color: transparent;vertical-align: baseline;font-family: arial, helvetica, sans-serif;color: #000000\">Research Methods in Human-Computer Interaction, 2nd Edition (Jonathan Lazar, Jinjuan Heidi Feng, and Harry Hochheiser).\u00a0<\/span><\/p><\/li><li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\"><p dir=\"ltr\" style=\"line-height: 1.38;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\" role=\"presentation\"><span style=\"font-size: 12pt;background-color: transparent;vertical-align: baseline;font-family: arial, helvetica, sans-serif;color: #000000\">Interaction Design beyond Human-Computer Interaction, 5th Edition (Helen Shart, Jennifer Pierce, Yvonne Rogers).<\/span><\/p><\/li><li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\"><p dir=\"ltr\" style=\"line-height: 1.38;text-align: justify;margin-top: 0pt;margin-bottom: 0pt\" role=\"presentation\"><span style=\"font-size: 12pt;background-color: transparent;vertical-align: baseline;font-family: arial, helvetica, sans-serif;color: #000000\">The Design of Everyday Things: Revised and Expanded Edition (Don Norman) <\/span><\/p><\/li><\/ol><div title=\"Page 2\"><p>\u00a0<\/p><p style=\"color: #000000\"><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong style=\", helvetica, sans-serif;font-size: 16px\">Late Policy<\/strong><\/span><br style=\", helvetica, sans-serif;font-size: 16px;font-weight: 400\" \/><span style=\"font-weight: normal;font-family: arial, helvetica, sans-serif;font-size: 12pt;color: #000000\"><span style=\"background-color: transparent;font-weight: bold;vertical-align: baseline\">The late policy will only be applicable to individual assignments and the midterm.<\/span><span style=\"background-color: transparent;vertical-align: baseline\"> You will be allowed to submit these deliverables within a week of the original submission date with a <\/span><span style=\"background-color: transparent;font-weight: bold;vertical-align: baseline\">50% penalty.<\/span><span style=\"background-color: transparent;vertical-align: baseline\"> It will not be extended further. The reason for the late submission must comply with the University of Massachusetts Amherst class absence policy and academic regulations.\u00a0 (<\/span><a style=\"color: #000000\" href=\"https:\/\/www.umass.edu\/registrar\/students\/policies-and-practices\/class-absence-policy\"><span style=\"background-color: transparent;vertical-align: baseline\">https:\/\/www.umass.edu\/registrar\/students\/policies-and-practices\/class-absence-policy<\/span><\/a><span style=\"background-color: transparent;vertical-align: baseline\">).<\/span><\/span><\/p><h4 style=\"color: #000000\"><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">University policies and information<\/span><\/h4><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><b>Accommodation Statement<\/b><\/span><br \/><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">The University of Massachusetts Amherst is committed to providing an equal educational opportunity for all students. If you have a documented physical, psychological, or learning disability on file with Disability Services (DS), you may be eligible for reasonable academic accommodations to help you succeed in this course. If you have a documented disability that requires an accommodation, please notify me within the first two weeks of the semester so that we may make appropriate arrangements.<\/span><\/p><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Academic Honesty Statement<\/strong><\/span><br \/><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">Since the integrity of the academic enterprise of any institution of higher education requires honesty in scholarship and research, academic honesty is required of all students at the University of Massachusetts Amherst. Academic dishonesty is prohibited in all programs of the University. Academic dishonesty includes but is not limited to: cheating, fabrication, plagiarism, and facilitating dishonesty. Appropriate sanctions may be imposed on any student who has committed an act of academic dishonesty. Instructors should take reasonable steps to address academic misconduct. Any person who has reason to believe that a student has committed academic dishonesty should bring such information to the attention of the appropriate course instructor as soon as possible. Instances of academic dishonesty not related to a specific course should be brought to the attention of the appropriate department Head or Chair. Since students are expected to be familiar with this policy and the commonly accepted standards of academic integrity, ignorance of such standards is not normally sufficient evidence of lack of intent (<a style=\"color: #000000\" href=\"http:\/\/www.umass.edu\/dean_students\/codeofconduct\/acadhonesty\/\">http:\/\/www.umass.edu\/dean_students\/codeofconduct\/acadhonesty\/<\/a>).<\/span><\/p><p><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\"><strong>Inclusivity Statement<\/strong><\/span><br \/><span style=\"font-family: arial, helvetica, sans-serif;color: #000000\">In this course, each voice in the classroom has\u00a0something of value to contribute. Please take care to\u00a0respect the different experiences, beliefs, and values expressed by the students, faculty, and staff involved in this course. My colleagues and I support UMass\u2019s commitment to diversity, and welcome individuals regardless of age, background, citizenship, disability, sex, education, ethnicity, family status, gender, gender identity, geographical origin, language, military experience, political views, race, religion, sexual orientation, socioeconomic status, and work experience (<a style=\"color: #000000\" href=\"https:\/\/www.cics.umass.edu\/about\/inclusivity-statement\" target=\"_blank\" rel=\"noopener\">cics.umass.edu\/about\/inclusivity-statement<\/a>).<\/span><\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1812\" aria-expanded=\"false\">Course Schedule<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1812\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1812\" tabindex=\"0\" hidden=\"hidden\"><p>\u00a0<\/p><table style=\"height: 996px;width: 77.6457%;border-collapse: collapse;border-style: solid\" border=\"1\"><tbody><tr style=\"height: 28px\"><td style=\"background: #d3d3d3;color: unset;width: 2.0217%;height: 28px\"><span style=\"color: #000000\"><strong>\u00a0Week<\/strong><\/span><\/td><td style=\"background: #d3d3d3;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\"><strong>\u00a0Date<\/strong><\/span><\/td><td style=\"background: #d3d3d3;color: unset;width: 41.0461%;height: 28px\"><span style=\"color: #000000\"><strong>\u00a0Topics<\/strong><\/span><\/td><td style=\"background: #d3d3d3;color: unset;width: 21.6369%;height: 28px\"><span style=\"color: #000000\"><strong>\u00a0Checkpoints<\/strong><\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W1<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/6\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 1: Course Overview and Logistics<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/8\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 2: Design Principles<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W2<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/13\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 3: Human-Centered Design and HCI<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Assignment 1 due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/15\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 4: Observations<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W3<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/20\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 5: Interviews<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Assignment 2 due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"background: #ffe599;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/22\/2022<\/span><\/td><td style=\"background: #ffe599;color: unset;width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Work in class<\/span><\/td><td style=\"background: #ffe599;color: unset;width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Team Formation due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W4<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/27\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 6: Surveys\/Questionnaires<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Assignment 3 due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a09\/29\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 7: Personas and Tasks<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W5<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/04\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 8: Requirements and Metrics<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/06\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 9: Qualitative Data Analysis &#8211;\u00a0 Affinity Diagram<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W6<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/11\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 10: Qualitative Data Analysis &#8211; Thematic Analysis<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Milestone 1 Presentation due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/13\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 11: Mental Models + Conceptual Models<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W7<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/18\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 12: Prototyping &#8211; Low Fidelity<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Milestone 1 Report due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"background: #ffe599;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/20\/2022<\/span><\/td><td style=\"background: #ffe599;color: unset;width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Workshop<\/span><\/td><td style=\"background: #ffe599;color: unset;width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W8<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/25\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 13: Prototyping &#8211; Mid and High Fidelity<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"background: #67c0e2;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a010\/27\/2022<\/span><\/td><td style=\"background: #67c0e2;color: unset;width: 41.0461%;height: 28px\"><span style=\"color: #000000\">\u00a0Midterm<\/span><\/td><td style=\"background: #67c0e2;color: unset;width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W9<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/1\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 14: Evaluation &#8211; Usability Testing<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Milestone 2 Presentation due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/3\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 15: Evaluation &#8211; Cognitive Walkthrough<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W10<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/8\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 16: Evaluation &#8211; Heuristic Evaluation<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Milestone 2 Report due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/10\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 17: Evaluation &#8211; Controlled Experiment<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W11<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/15\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 18: Quantitative Data Analysis<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"background: #ffe599;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/17\/2022<\/span><\/td><td style=\"background: #ffe599;color: unset;width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Work in class<\/span><\/td><td style=\"background: #ffe599;color: unset;width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W12<\/span><\/td><td style=\"background: #ffcccb;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/22\/2022<\/span><\/td><td style=\"background: #ffcccb;color: unset;width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0No class, Friday\u2019s class schedule is followed<\/span><\/td><td style=\"background: #ffcccb;color: unset;width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Milestone 3 Presentation due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"background: #ffcccb;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/24\/2022<\/span><\/td><td style=\"background: #ffcccb;color: unset;width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0No class, Thanksgiving recess<\/span><\/td><td style=\"background: #ffcccb;color: unset;width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W13<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a011\/29\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 19: Human Abilities<\/span><\/td><td style=\"width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Milestone 3 Report due<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a012\/1\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 20: Visual Design I<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 2.0217%;height: 28px\" rowspan=\"2\"><span style=\"color: #000000\">\u00a0W14<\/span><\/td><td style=\"width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a012\/6\/2022<\/span><\/td><td style=\"width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Lecture 21: Visual Design II<\/span><\/td><td style=\"width: 21.6369%;height: 28px\">\u00a0<\/td><\/tr><tr style=\"height: 28px\"><td style=\"background: #67c0e2;color: unset;width: 1.97239%;height: 28px\"><span style=\"color: #000000\">\u00a012\/8\/2022<\/span><\/td><td style=\"background: #67c0e2;color: unset;width: 41.0461%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Final Project Demo<\/span><\/td><td style=\"background: #67c0e2;color: unset;width: 21.6369%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Final Project Demo due<\/span><\/td><\/tr><\/tbody><\/table><p>\u00a0<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1813\" aria-expanded=\"false\">Grading Scheme<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1813\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1813\" tabindex=\"0\" hidden=\"hidden\"><p>\u00a0<\/p><table style=\"height: 28px;width: 57.0431%;border-collapse: collapse\" border=\"1\"><tbody><tr style=\"height: 28px\"><td style=\"background: #D3D3D3;color: unset;width: 33.3333%;height: 28px\"><strong><span style=\"color: #000000\">\u00a0Component<\/span><\/strong><\/td><td style=\"background: #D3D3D3;color: unset;width: 8.24734%;height: 28px\"><strong><span style=\"color: #000000\">\u00a0Weight<\/span><\/strong><\/td><td style=\"background: #D3D3D3;color: unset;width: 15.464%;height: 28px\"><strong><span style=\"color: #000000\">\u00a0Type<\/span><\/strong><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 33.3333%;height: 28px\"><span style=\"color: #000000\">\u00a0Midterm exam<\/span><\/td><td style=\"width: 8.24734%;height: 28px\"><span style=\"color: #000000\">\u00a020%<\/span><\/td><td style=\"width: 15.464%;height: 28px\"><span style=\"color: #000000\">\u00a0Individual<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 33.3333%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Assignments (3)<\/span><\/td><td style=\"width: 8.24734%;height: 28px\"><span style=\"color: #000000\">\u00a015%<\/span><\/td><td style=\"width: 15.464%;height: 28px\"><span style=\"color: #000000\">\u00a0Individual<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 33.3333%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Participation (In-class + Piazza + Workshop)<\/span><\/td><td style=\"width: 8.24734%;height: 28px\"><span style=\"color: #000000\">\u00a010%<\/span><\/td><td style=\"width: 15.464%;height: 28px\"><span style=\"color: #000000\">\u00a0Individual<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 33.3333%;height: 28px\"><span style=\"font-weight: 28px;color: #000000\">\u00a0Project peer review<\/span><\/td><td style=\"width: 8.24734%;height: 28px\"><span style=\"color: #000000\">\u00a05%<\/span><\/td><td style=\"width: 15.464%;height: 28px\"><span style=\"color: #000000\">\u00a0Individual<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 33.3333%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Milestones (3 milestones)<\/span><\/td><td style=\"width: 8.24734%;height: 28px\"><span style=\"color: #000000\">\u00a030%<\/span><\/td><td style=\"width: 15.464%;height: 28px\"><span style=\"color: #000000\">\u00a0Group<\/span><\/td><\/tr><tr style=\"height: 28px\"><td style=\"width: 33.3333%;height: 28px\"><span style=\"font-weight: 400;color: #000000\">\u00a0Final Project (demo + final report)<\/span><\/td><td style=\"width: 8.24734%;height: 28px\"><span style=\"color: #000000\">\u00a020%<\/span><\/td><td style=\"width: 15.464%;height: 28px\"><span style=\"color: #000000\">\u00a0Group<\/span><\/td><\/tr><\/tbody><\/table><p>\u00a0<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1814\" aria-expanded=\"false\">Projects and project milestones<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1814\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1814\" tabindex=\"0\" hidden=\"hidden\"><p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\">Project<span style=\"font-weight: bold\"> title:&nbsp;<\/span>Designing a Human-centered Interactive Computational Technology<\/span><\/p>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\"><span style=\"font-weight: bold\">Description:&nbsp;<\/span><\/span><\/p>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\">Throughout the course, we will explore and apply different methods that are appropriate for designing and evaluating an interactive computational technology that closely meets human needs. Examples of potential technologies are mobile applications, online platform, interactive 2D interfaces, interactive 3D devices, and so on. Your team will choose a topic from the list provided below which will seed your project. You will identify a clear problem to be addressed (or potential design opportunity), and will then create a working prototype that meets their needs, which you will evaluate. Following the design thinking process, there are approximately 6 project milestones, as well as a final demo session to showcase your working prototypes. Meeting the project milestones is crucial in completing the project successfully.&nbsp;<\/span><\/p>\n<p><span style=\"color: #000000\"><span style=\"font-family: helvetica, arial, sans-serif\"><strong>Team formation:<\/strong>&nbsp;<\/span>&nbsp;<\/span><\/p>\n<p><span style=\"color: #000000\"><span style=\"font-family: helvetica, arial, sans-serif\">The first step in the research project is to form a team. There is&nbsp;<span style=\"font-style: italic\">not<\/span>&nbsp;a lot of time for this, so you will need to move fast. You are free to work with whomever you choose, but you should strive for as multi-disciplinary a team as possible. Your team will choose a project topic listed in the project description. Groups will be set up for each team in Piazza. Once your team is formed, you will need to complete a team contract and submit it to <\/span>gradescope<span style=\"font-family: helvetica, arial, sans-serif\">. The due dates for these steps are noted in deliverables on the Schedule page.<\/span><\/span><\/p>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\"><span style=\"font-weight: bold\">Project Topics:&nbsp;<\/span><\/span><\/p>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\">Potential design problems\/opportunities\/situations:&nbsp;<\/span><\/p>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"font-family: Arial;font-size: 11pt;font-weight: bold;background-color: transparent;color: #000000\">Category: Study<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">An app dedicated to finding available study spaces throughout UMass &#8211; which floors of the libraries are less crowded and\/or which classrooms are empty.&nbsp;<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">An app that shows the number of computers available in the library or whether the resources (printers\/scanners) are functional.&nbsp;<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">An App to form and organize Study Groups.&nbsp;<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Tool for real-time student-teacher interaction during (office hours\/scheduled).&nbsp;<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">A tool for better future projection for UMass graduates dependant on their course selections and majors to guide new students.&nbsp;<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">An app to help students study effectively.<\/span><\/p>\n<\/li>\n<\/ol>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt;text-align: left\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\"><br><\/span><\/p><p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt;text-align: left\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">Category: Traffic<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Interactive campus map &#8211; with construction notifications, trash can locator, possible detours, and guidance to prevent getting lost inside the campus<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Bus scheduling and deployment tool &#8211; Maintain real-time bus schedules, tracking, collect metrics to better predict congested times and deploy extra buses accordingly.<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Campus congestion &#8211; Manage walkways between classes to reduce congestions<\/span><\/p>\n<\/li>\n<\/ol>\n<p><span style=\"font-family: -webkit-standard;color: #000000\"><span style=\"font-family: -webkit-standard\">&nbsp;<\/span><\/span><\/p>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">Category: Website and SPIRE Alternative<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Better scholarship website allowing filters based on the student profile<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Replacement for SPIRE that allows better navigation options<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Centralize school websites &#8211; Most professors have to use multiple different websites for the same class because of their different features.<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Tool for better class picker and schedule builder<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Gym class signups rework (IMLeagues)<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">A tool for UHS appointment and waitlisting<\/span><\/p>\n<\/li>\n<\/ol>\n<p><span style=\"font-family: -webkit-standard;color: #000000\"><span style=\"font-family: -webkit-standard\">&nbsp;<\/span><\/span><\/p>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">Category: International and Out-of-State Students<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Information for students: which store to go to for buying a specific item.<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Information on non-academic activities such as banking, transportation, and housing.<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">A chat application with a discussion board<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 24pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Anonymous emergency chat helpline<\/span><\/p>\n<\/li>\n<\/ol>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">Category: Organization<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">A tool for organizing clubs<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Campus event management app with student notifications&nbsp;<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Tool for organizing information for on-campus resources (food pantry, care closet, stonewall center, etc.)<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">A tool for planning trips<\/span><\/p>\n<\/li>\n<\/ol>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">&nbsp;<\/span><\/p>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">Category: Communication<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Tools for students to communicate with teachers<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Campus Watch: an app that allows people to report stuff around campus (such as fire drills, damaged utilities, etc.)<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Deliberation on Campus Constructions: An app where students can vote\/give their opinions on certain campus renovations\/construction projects before they take place<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;color: #919191;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 24pt\"><span style=\"font-size: 11pt;color: #000000;background-color: transparent;vertical-align: baseline\">An app for reliable services to find and review local musicians and bands<\/span><\/p>\n<\/li>\n<\/ol>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">Category: Dining<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Interactive dining commons app with a map that provides the exact location of food being served on the menu.<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">App for easy check-in\/out to accurately keep track of the number of people currently in the dining hall.<\/span><\/p>\n<\/li>\n<li dir=\"ltr\" style=\"list-style-type: decimal;font-size: 11pt;font-family: Arial;background-color: transparent;vertical-align: baseline\">\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;background-color: transparent;vertical-align: baseline;color: #000000\">Online ordering at Blue Wall to reduce waiting at lunchtime<\/span><\/p>\n<\/li>\n<\/ol>\n<p><span style=\"font-family: -webkit-standard;color: #000000\"><span style=\"font-family: -webkit-standard\">&nbsp;<\/span><\/span><\/p>\n<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\"><span style=\"font-size: 11pt;font-family: Arial;background-color: transparent;font-weight: bold;vertical-align: baseline;color: #000000\">Category: Miscellaneous<\/span><\/p>\n<ol style=\"margin-top: 0px;margin-bottom: 0px\">\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400;color: #000000\">An app to use UCard as a digital ID.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400;color: #000000\">A service (like craigslist) for loaning and renting.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400;color: #000000\">Reduce energy waste in UMass &#8211; automatically turn off the lights or display possible power wastage areas.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400;color: #000000\">Cross application photo organizer.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400;color: #000000\">An app to track the number of people in the recreation center.<\/span><\/li>\n<\/ol>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\"><span style=\"font-weight: bold\"><br><\/span><\/span><\/p><p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\"><span style=\"font-weight: bold\">*Notes*<\/span><\/span><\/p>\n<ul style=\"color: #919191;font-family: Helvetica, sans-serif\">\n<li><span style=\"color: #000000\">some of these would be difficult to observe in situ<\/span><\/li>\n<li><span style=\"color: #000000\">some would involve participants who might be more difficult to access<\/span><\/li>\n<\/ul>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\"><span style=\"font-weight: bold\">Project Milestones:&nbsp;<\/span><\/span><\/p>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\">Please see course schedule for tentative dates for each milestone. A draft outline of what might be required for each of the milestones is given below. These will be refined and provided to you as you approach each milestone.<\/span><\/p>\n<ol style=\"color: #919191;font-family: Helvetica, sans-serif\">\n<li><span style=\"color: #000000\"><span style=\"font-weight: bold\">Empathize&nbsp;<span style=\"font-weight: 400\">You will employ different data collection techniques (interview, observation, and questionnaire) to gather data around your chosen topic and will synthesize the ethnographic data and preliminary findings. You will need to transcribe the data, highlight the key findings, and submit them as part of the deliverable.&nbsp;<\/span><\/span><\/span><\/li>\n<li><span style=\"color: #000000\"><span style=\"font-weight: bold\">Define&nbsp;<\/span>I<span style=\"font-weight: bold\"><span style=\"font-weight: 400\">n this stage, you will craft a meaningful and actionable problem statement or design focus through analyzing of the information gathered about user needs and context. In addition, you will develop a persona (or personas), which is a model of a user that focuses on the individual\u2019s characteristics and goals when using an artifact. The personas should be based on thoughtful analysis of data you\u2019ve collected through research you\u2019ve completed with your participant groups.<\/span><\/span><\/span><\/li>\n<li><span style=\"color: #000000\"><span style=\"font-weight: bold\">Ideate<\/span>&nbsp;You will develop a conceptual design of your potential interactive computational system, considering your participant group requirements. You need to submit a design requirement document with detailed description of a system to be developed. This stage provides source material for building prototypes and innovative solution to the problem. Ideation is about incorporating volume and variety in concept generation through visual representations. So you need to sketch some ideas that represent the interactive computational system visually.<\/span><\/li>\n<li><span style=\"color: #000000\"><span style=\"font-weight: bold\">Prototype&nbsp;<span style=\"font-weight: 400\">Prototype creation requires an iterative process and can be created for the early exploration phase (low-fidelity artifact) or the final phase (high-fidelity artifact). At this stage, you will create a working prototype or prototypes (first iteration) of a computational technology according to your concept. The prototype(s) of your concept needs to detail how the concept will be experienced and used. The medium of the mock-up depends on the solution and may show an interface or a physical\/tangible 3D mock-up.&nbsp;<\/span><\/span><\/span><\/li>\n<li><span style=\"color: #000000\"><span style=\"font-weight: bold\">Test<\/span>&nbsp;You will test your prototype(s) with participants who are representative of the group of people you are designing for. There will be relatively informal usability testing, after which you may improve and refine further the prototype, followed by more formal experimental design, running the experiment, and doing the analysis. You will need to write up the experiment report, which includes the analysis, discussion and conclusions.&nbsp;<\/span><\/li>\n<\/ol>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"font-weight: bold;color: #000000\">Submission:&nbsp;<\/span><\/p>\n<p style=\"color: #919191;font-family: Helvetica, sans-serif\"><span style=\"color: #000000\">Details and templates are provided in individual milestone descriptions.<\/span><\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Intro to HCI Fall 2022 *Note that the course schedule is tentative.* Lecture slides will be posted after each class. Overview Course Schedule Grading Scheme Projects and project milestones Overview COMPSCI 325, 3 Credits, Fall 2022 Time: TueThu 10:00am \u2013 11:15am Location:\u00a0Room S211, Integ. Learning Center Instructor:\u00a0Narges MahyarEmail: nmahyar@cs.umass.eduOffice Hours:\u00a0TBA TAs: Mahmood Jasim, email: mjasim@cs.umass.edu,\u00a0office &hellip; <a href=\"https:\/\/groups.cs.umass.edu\/nmahyar\/teaching\/intro-to-hci-cs-325-fall-2022\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Intro-to-HCI- CS 325- Fall 2022<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":83,"featured_media":0,"parent":461,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2066","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/pages\/2066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/comments?post=2066"}],"version-history":[{"count":76,"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/pages\/2066\/revisions"}],"predecessor-version":[{"id":2154,"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/pages\/2066\/revisions\/2154"}],"up":[{"embeddable":true,"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/pages\/461"}],"wp:attachment":[{"href":"https:\/\/groups.cs.umass.edu\/nmahyar\/wp-json\/wp\/v2\/media?parent=2066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}