2:I[82591,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3206","static/chunks/app/assignments/milestone-4/report/page-117a6a5b41ae6aea.js"],""] 3:I[231,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3206","static/chunks/app/assignments/milestone-4/report/page-117a6a5b41ae6aea.js"],""] 4:I[91077,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3206","static/chunks/app/assignments/milestone-4/report/page-117a6a5b41ae6aea.js"],""] 5:I[25218,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3206","static/chunks/app/assignments/milestone-4/report/page-117a6a5b41ae6aea.js"],""] 6:I[39275,[],""] 7:I[61343,[],""] 8:I[41740,["5147","static/chunks/6468630d-346a826ea291ec07.js","9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","8342","static/chunks/8342-4905928787dc1f50.js","9525","static/chunks/9525-a9eddad8ec81ee58.js","3185","static/chunks/app/layout-8a558bcbf469bd66.js"],"default"] 9:I[67824,["5147","static/chunks/6468630d-346a826ea291ec07.js","9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","8342","static/chunks/8342-4905928787dc1f50.js","9525","static/chunks/9525-a9eddad8ec81ee58.js","3185","static/chunks/app/layout-8a558bcbf469bd66.js"],"LayoutSidebar"] 0:["Y1-6xcBFfPlu7PmJDpvgJ",[[["",{"children":["assignments",{"children":["milestone-4",{"children":["report",{"children":["__PAGE__",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["assignments",{"children":["milestone-4",{"children":["report",{"children":["__PAGE__",{},[["$L1",[["$","$L2",null,{"component":"h1","variant":"h1","id":"milestone-4-report","children":"Milestone 4 Report"}],"\n",null,"\n",["$","p",null,{"children":["This assignment is a component of ",["$","$L3",null,{"prefetch":false,"href":"/assignments/milestone-4/#milestone-4-getting-the-design-right","passHref":true,"legacyBehavior":true,"children":["$","$L4",null,{"children":"Milestone 4"}]}],".\r\nBe sure you have reviewed that larger context for this assignment."]}],"\n",["$","p",null,{"children":"The goal of this report is to communicate your paper prototype and its iterative revision."}],"\n",["$","p",null,{"children":"You are free to directly reuse content produced for earlier assignments in this milestone.\r\nHowever, you should revise content as needed to ensure your milestone report reflects your current work.\r\nSimilarly, we expect that feedback received throughout this milestone will have been addressed or implemented in this report."}],"\n",["$","p",null,{"children":"Milestone 4 has focused on development of a paper prototype,\r\nusing multiple methods to evaluate the paper prototype,\r\nand iteratively the paper prototype through insights gained in evaluation.\r\nIn this milestone report, aim to communicate the insights and decisions that informed your design."}],"\n",["$","p",null,{"children":"This report should have three sections:"}],"\n",["$","ol",null,{"children":["\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Initial Paper Prototype"}]}],"\n",["$","p",null,{"children":["Present your initial paper prototype,\r\nincluding an ",["$","strong",null,{"children":"overview image of the paper prototype"}]," and\r\n",["$","strong",null,{"children":"detailed images showing each step in a walkthrough of your two focus tasks"}],".\r\nThese may be taken directly from Assignment 4.1,\r\nbut ensure each walkthrough clearly communicates how the tasks were envisioned in the original paper prototype."]}],"\n",["$","p",null,{"children":[["$","strong",null,{"children":"Reflect on the process of designing your paper prototype"}],".\r\nStarting from the storyboards and sketches you developed in Milestone 3,\r\nidentify ",["$","strong",null,{"children":"two design decisions"}]," that you made in the transition from sketch to prototype.\r\nThese might be localized decisions\r\n(e.g., details of a specific portion of the design that you needed to resolve in prototyping)\r\nor they might be cross-cutting decisions\r\n(e.g., decisions that spanned across and impacted many aspects of your prototype).\r\nDescribe each decision and the rationale for making that implementation decision."]}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Evaluation Insights and Process"}]}],"\n",["$","p",null,{"children":"Reflect on the combination of methods you used\r\nto evaluate and inform the iterative design of your paper prototype."}],"\n",["$","p",null,{"children":[["$","strong",null,{"children":"Reflect on insights developed through heuristic evaluation."}],"\r\nDescribe ",["$","strong",null,{"children":"two key insights"}]," corresponding to\r\nyour largest or most difficult issues identified in your design through heuristic evaluation.\r\nA key insight might correspond to a specific part of your design\r\n(e.g., a part of your design that required revision based on\r\ninsights raised by one or more heuristics).\r\nAlternatively, a key insight might be cross-cutting\r\n(e.g., an insight raised by one or more heuristics\r\nwhich informed a need for revision across multiple aspects of your design).\r\nIn describing key insights, be sure to include associated heuristics."]}],"\n",["$","p",null,{"children":[["$","strong",null,{"children":"Reflect on insights developed through usability testing."}],"\r\nDescribe ",["$","strong",null,{"children":"two key insights"}]," corresponding to\r\nyour largest or most difficult issues identified in your design through usability testing.\r\nA key insight might correspond to a specific part of your design\r\n(e.g., a part of your design that required revision based on\r\ninsights raised in usability testing).\r\nAlternatively, a key insight might be cross-cutting\r\n(e.g., an insight raised by usability testing\r\nwhich informed a need for revision across multiple aspects of your design,\r\na high-level insight raised by participants which shaped your understanding of your design)."]}],"\n",["$","p",null,{"children":["Finally, reflect on ",["$","strong",null,{"children":"differences between insights surfaced in heuristic evaluation versus usability testing"}],".\r\nIn one or two paragraphs, described differences in findings across methods. For example:"]}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"What portions of your design received more feedback and revision with one method versus another?"}],"\n",["$","li",null,{"children":"What types of insights were surfaced with one method but not with another?"}],"\n",["$","li",null,{"children":"Did different methods surface different insights about the same portions of your design?"}],"\n",["$","li",null,{"children":"Are there insights from usability testing that you now think could have been surfaced in heuristic evaluation?\r\nWhat were such insights, and what heuristics might be raised them?"}],"\n",["$","li",null,{"children":"Are there insights from usability testing that you think could have only been surfaced through usability testing?\r\nWhat were such insights, and why would they be difficult to raise using heuristic evaluation?"}],"\n"]}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Prototype Revisions"}]}],"\n",["$","p",null,{"children":["Identify ",["$","strong",null,{"children":"three high-level themes"}]," that characterize major issues in your design and revisions in your paper prototype.\r\nA theme might be defined by a single major insight that required revision,\r\nor a theme might be defined by multiple smaller revisions that\r\ncontributed to an overall change in the approach or usability of your design."]}],"\n",["$","p",null,{"children":"For each theme:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"Summarize the specific evidence from your heuristic evaluations and usability tests\r\nthat informed your understanding of this issue and the need for revision."}],"\n",["$","li",null,{"children":"Document the revisions made in addressing this issue.\r\nIncluding images showing relevant portions of the prototype\r\nbefore and after revisions to address this issue."}],"\n"]}],"\n",["$","p",null,{"children":"Themes described here likely draw upon and may even directly overlap insights identified above\r\n(e.g., if your identified insights strongly correspond to major revisions in your paper prototype).\r\nHowever, be sure to focus on themes in how such insights motivated and contributed to revision\r\n(e.g., a theme in revisions might span across multiple insights).."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Final Paper Prototype"}]}],"\n",["$","p",null,{"children":["Present your final paper prototype,\r\nincluding an ",["$","strong",null,{"children":"overview image of the paper prototype"}]," and\r\n",["$","strong",null,{"children":"detailed images showing each step in a walkthrough of your two focus tasks"}],".\r\nThese may be taken directly from Assignment 4.3,\r\nbut ensure each walkthrough clearly communicates how the tasks were envisioned in the final paper prototype."]}],"\n"]}],"\n"]}],"\n",["$","$L2",null,{"component":"h2","variant":"h2","id":"submission","children":"Submission"}],"\n",["$","p",null,{"children":["Due: ",["Wednesday, November 27",", ","8:00pm"]]}],"\n",["$","p",null,{"children":"Within the Drive folder for course project files:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"Identify the Slides deck corresponding to this assignment for your group.\r\nThe deck provides a template for this assignment.\r\nEdit the deck in-place, so that you can easily share it in critique."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"Prepare a Slides deck with the following structure:"}],"\n",["$","p",null,{"children":"Initial Paper Prototype"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"1 slide: Overview image of paper prototype."}],"\n",["$","li",null,{"children":["For each focus task (2 total):","\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"1 slide: Focus task title."}],"\n",["$","li",null,{"children":"Multiple slides: Step-by-step task walkthrough with the paper prototype."}],"\n"]}],"\n"]}],"\n",["$","li",null,{"children":"1 slide: Prototyping reflection"}],"\n"]}],"\n",["$","p",null,{"children":"Evaluation Insights and Process"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"1 slide: Heuristic evaluation insights."}],"\n",["$","li",null,{"children":"1 slide: Usability testing insights."}],"\n",["$","li",null,{"children":"1 slide: Evaluation process reflection."}],"\n"]}],"\n",["$","p",null,{"children":"Prototype Revisions"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["For each of 3 themes in revision:","\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"1 slide: Summary of evidence informing need for revision."}],"\n",["$","li",null,{"children":"1 or 2 slides: Related revisions."}],"\n"]}],"\n"]}],"\n"]}],"\n",["$","p",null,{"children":"Final Paper Prototype"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"1 slide: Overview image of paper prototype."}],"\n",["$","li",null,{"children":["For each focus task (2 total):","\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"1 slide: Focus task title."}],"\n",["$","li",null,{"children":"Multiple slides: Step-by-step task walkthrough with the paper prototype."}],"\n"]}],"\n"]}],"\n"]}],"\n"]}],"\n"]}],"\n",["$","p",null,{"children":"Reminders and requirements:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"Submission via Canvas is also required, in support of grading."}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"Remove instruction slides and template markings from your deck before submission."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"Export a PDF of your deck, via the menu: File -> Download -> PDF Document (.pdf)."}],"\n"]}],"\n"]}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"This is a group submission. Ensure your section and names of all group participants are appropriately clear."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["All group members must submit an individual\r\n",["$","$L5",null,{"component":"span","children":["$","$L3",null,{"prefetch":false,"href":"/assignments/#contribution-statements","passHref":true,"legacyBehavior":true,"children":["$","$L4",null,{"children":"Contribution Statement"}]}]}],"\r\nfor this Milestone."]}],"\n"]}],"\n"]}],"\n",["$","p",null,{"children":"The Drive folder for course project files is here:"}],"\n",["$","$L5",null,{"component":"p","children":["$","$L4",null,{"href":"https://drive.google.com/drive/folders/1Sm12CpuMNsKBqk6E_Ri875hfFs0A-IRS?usp=drive_link","target":"_blank","rel":"noopener","children":"https://drive.google.com/drive/folders/1Sm12CpuMNsKBqk6E_Ri875hfFs0A-IRS?usp=drive_link"}]}],"\n",["$","p",null,{"children":"Submit via Canvas here:"}],"\n",["$","$L4",null,{"href":"https://canvas.uw.edu/courses/1746586/assignments/9795144","target":"_blank","rel":"noopener","children":"https://canvas.uw.edu/courses/1746586/assignments/9795144"}],"\n",["$","$L2",null,{"component":"h2","variant":"h2","id":"grading","children":"Grading"}],"\n",["$","p",null,{"children":["This milestone report will be graded on a scale of ",["$","strong",null,{"children":"36 points"}],":"]}],"\n",["$","ol",null,{"children":["\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Initial Prototype"}],": (4 points)"]}],"\n",["$","p",null,{"children":"Present your initial paper prototype,\r\nincluding an overview image of the paper prototype and\r\ndetailed images showing each step in a walkthrough of your two focus tasks."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Reflection on Initial Prototype"}],": (2 points)"]}],"\n",["$","p",null,{"children":"Identify and reflect on two design decisions that you made\r\nin the transition from sketch to prototype."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Insights from Inspection-Based Methods"}],": (3 points)"]}],"\n",["$","p",null,{"children":"Describe two key insights corresponding to\r\nyour largest or most difficult issues identified in your design through heuristic evaluation."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Insights from Usability Testing"}],": (3 points)"]}],"\n",["$","p",null,{"children":"Describe two key insights corresponding to\r\nyour largest or most difficult issues identified in your design through usability testing."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Method Comparison Reflection"}],": (2 points)"]}],"\n",["$","p",null,{"children":"Reflect on differences between insights surfaced in heuristic evaluation versus usability testing."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Prototype Revisions"}],": (3 x 4 points)"]}],"\n",["$","p",null,{"children":"Identify three high-level themes that characterize major issues and revisions in your paper prototype."}],"\n",["$","p",null,{"children":"For each theme:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"Summarize the specific evidence that informed your understanding of this issue."}],"\n",["$","li",null,{"children":"Document the revisions made in addressing this issue.\r\nInclude images showing relevant portions of the prototype\r\nbefore and after revisions to address this issue."}],"\n"]}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Final Prototype"}],": (8 points)"]}],"\n",["$","p",null,{"children":"Present your final paper prototype,\r\nincluding an overview image of the paper prototype and\r\ndetailed images showing each step in a walkthrough of your two focus tasks."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":[["$","strong",null,{"children":"Clarity and Presentation"}],": (2 points)"]}],"\n"]}],"\n"]}]]],null],null]},["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","assignments","children","milestone-4","children","report","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","assignments","children","milestone-4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","assignments","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","$L8",null,{"sidebar":["$","$L9",null,{}],"initialData":{"courseStoreData":{"linkCanvas":"https://canvas.uw.edu/courses/1746586","linkGitHub":"https://github.com/uwcse440/web-cse440-24au","linkUniversitySyllabusGuidelines":"https://registrar.washington.edu/curriculum/syllabus-guidelines/"}},"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/courses/cse440/24au/_next/static/css/cec435e109205f31.css","precedence":"next","crossOrigin":"$undefined"}]],[null,"$La"]]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"CSE 440 - Introduction to HCI - Autumn 2024"}],["$","meta","3",{"name":"description","content":"CSE 440 - Introduction to HCI - Autumn 2024"}]] 1:null