2:I[82591,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3497","static/chunks/app/assignments/milestone-4/assignment-4-1/page-8656cf3cd1e37f79.js"],""]
3:I[231,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3497","static/chunks/app/assignments/milestone-4/assignment-4-1/page-8656cf3cd1e37f79.js"],""]
4:I[91077,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3497","static/chunks/app/assignments/milestone-4/assignment-4-1/page-8656cf3cd1e37f79.js"],""]
5:I[25218,["9352","static/chunks/9352-6c6746d38aaa3cb9.js","986","static/chunks/986-896143b2624b0698.js","5616","static/chunks/5616-a39cb129754ec4f3.js","3497","static/chunks/app/assignments/milestone-4/assignment-4-1/page-8656cf3cd1e37f79.js"],""]
6:"$Sreact.fragment"
7:I[39275,[],""]
8:I[61343,[],""]
9: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"]
a: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":["assignment-4-1",{"children":["__PAGE__",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["assignments",{"children":["milestone-4",{"children":["assignment-4-1",{"children":["__PAGE__",{},[["$L1",[["$","$L2",null,{"component":"h1","variant":"h1","id":"assignment-41-paper-prototype","children":"Assignment 4.1: Paper Prototype"}],"\n",null,"\n",["$","p",null,{"children":["Due: ",["Tuesday, November 12",", ","3:00pm"]]}],"\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"}]}],".\nBe sure you have reviewed that larger context for this assignment."]}],"\n",["$","p",null,{"children":"The goal of this assignment is to develop an initial paper prototype that will support testing of your design."}],"\n",["$","p",null,{"children":[["$","strong",null,{"children":"Develop a paper prototype"}]," that conveys critical components of your design,\nincluding implementing support for testing based on a walkthrough of your two focus tasks."]}],"\n",["$","p",null,{"children":["The prototype should be complete for ",["$","strong",null,{"children":"two focus tasks"}],",\nincluding enough detail to show how to complete each step in the task.\nThis should include the desired / expected / intended path through the focus task,\nbut also the most likely error conditions (e.g., if a person provides invalid input)."]}],"\n",["$","p",null,{"children":["For each focus task, ",["$","strong",null,{"children":"develop a story"}]," that provides context and details\nfor understanding and interacting with your paper prototype.\nBecause designing a paper prototype to support any imaginable input is often not feasible\n(e.g., a design that includes data entry might also include visualizations that cannot be anticipated),\ndetails provided in this story will guide both development and testing of your paper prototype."]}],"\n",["$","p",null,{"children":"This paper prototype will be informed by your prior sketching and walkthroughs,\nbut will likely require more detail than your prior assignments.\nIf necessary or appropriate, revise your focus tasks based on what you learn in prototyping."}],"\n",["$","p",null,{"children":"We recommend you work on paper, then capture high-quality images (e.g., avoid shadows).\nYou may alternatively use an informal drawing tool,\nbut be sure you do not adopt a tool that will start to embed unnecessary assumptions or decisions in your design process."}],"\n",["$","p",null,{"children":"If you use an informal drawing tool,\nyou will need to have physical copies of your paper prototype available for usability testing.\nYou will also need the ability to quickly iterate on your paper prototype."}],"\n",["$","$L2",null,{"component":"h2","variant":"h2","id":"submission","children":"Submission"}],"\n",["$","p",null,{"children":["Due: ",["Tuesday, November 12",", ","3: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.\nThe deck provides a template for this assignment.\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":"Overall paper prototype:"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":"1 slide: Design title and brief description of its key idea or approach."}],"\n",["$","li",null,{"children":"1 slide: Overview image of entire paper prototype."}],"\n"]}],"\n",["$","p",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":"1 slide: Story providing context and details for paper prototype."}],"\n",["$","li",null,{"children":"Multiple slides: Step-by-step task walkthrough with the paper prototype."}],"\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":["Review and follow guidance on\n",["$","$L5",null,{"component":"span","children":["$","$L3",null,{"prefetch":false,"href":"/assignments/#clarity-and-presentation","passHref":true,"legacyBehavior":true,"children":["$","$L4",null,{"children":"Clarity and Presentation"}]}]}],"."]}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"Names of participants should be replaced with pseudonyms in all documents.\nIt is important to protect participant anonymity, even in the case that reporting seems harmless."}],"\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/9793018","target":"_blank","rel":"noopener","children":"https://canvas.uw.edu/courses/1746586/assignments/9793018"}],"\n",["$","$L2",null,{"component":"h2","variant":"h2","id":"in-class","children":"In Class"}],"\n",["$","p",null,{"children":"For Friday's section, bring your paper prototype and be prepared to use it for usability testing."}],"\n",["$","$L2",null,{"component":"h2","variant":"h2","id":"completion-grading","children":"Completion Grading"}],"\n",["$","p",null,{"children":"This assignment will be graded on completion of the following components:"}],"\n",["$","ol",null,{"children":["\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Design Title & Summary"}]}],"\n",["$","p",null,{"children":"This may be taken directly from Milestone 3,\nor it might have evolved based on what you learned in prototyping."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Overall Completeness and Appropriateness of Paper Prototype"}]}],"\n",["$","p",null,{"children":"Include an overview image of the entire paper prototype\nto convey critical components of your design and the context of your focus tasks."}],"\n",["$","p",null,{"children":"If you use an informal drawing tool,\nbe sure this overview shows physical copies of your paper prototype available for usability testing."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Focus Task Stories"}]}],"\n",["$","p",null,{"children":"For each focus task,\ninclude a story that provides context and details for understanding and interacting with your paper prototype."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Focus Task Walkthroughs (2 total)"}]}],"\n",["$","p",null,{"children":"For each focus task, develop a step-by-step task walkthrough with your paper prototype.\nInclude each step in the task, with enough detail to show how to complete each step."}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["$","strong",null,{"children":"Clarity and Presentation"}]}],"\n"]}],"\n"]}],"\n",["$","$L2",null,{"component":"h2","variant":"h2","id":"prior-samples","children":"Prior Samples"}],"\n",["$","p",null,{"children":"Samples are from prior offerings that had different requirements.\nSamples are also intended only to illustrate a variety of approaches,\nand were not selected to be ideal or exemplary.\nThese may help to see how prior students approached elements of a project,\nbut be sure to understand and consider requirements and feedback in your own work."}],"\n",["$","ul",null,{"children":[["$","$6","backtrack",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801830","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17au/projects/backtrack/","target":"_blank","rel":"noopener","children":"BackTrack"}]]}]}],["$","$6","bookwurm",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801816","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17wi/projects/bookwurm/","target":"_blank","rel":"noopener","children":"BookWurm"}]]}]}],["$","$6","clark",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801660","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/22sp/projects/clark","target":"_blank","rel":"noopener","children":"Clark"}]]}]}],["$","$6","cupanion",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801824","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/22sp/projects/cupanion","target":"_blank","rel":"noopener","children":"Cup-anion"}]]}]}],["$","$6","dash",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801832","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17wi/projects/dash/","target":"_blank","rel":"noopener","children":"Dash"}]]}]}],["$","$6","hermes",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801818","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17au/projects/hermes/","target":"_blank","rel":"noopener","children":"Hermes"}]]}]}],["$","$6","jasper",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801800","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17wi/projects/jasper/","target":"_blank","rel":"noopener","children":"Jasper"}]]}]}],["$","$6","laundr",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801826","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/19wi/assets/projects/laundr/","target":"_blank","rel":"noopener","children":"Laundr"}]]}]}],["$","$6","note",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801801","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/19wi/assets/projects/note/","target":"_blank","rel":"noopener","children":"notE"}]]}]}],["$","$6","pawsitive",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801798","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/19wi/assets/projects/pawsitive/","target":"_blank","rel":"noopener","children":"Pawsitive"}]]}]}],["$","$6","pilltender",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801820","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17au/projects/pilltender/","target":"_blank","rel":"noopener","children":"Pilltender"}]]}]}],["$","$6","seek",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801834","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/19wi/assets/projects/seek/","target":"_blank","rel":"noopener","children":"SEEK"}]]}]}],["$","$6","simpark",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801680","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17au/projects/simpark/","target":"_blank","rel":"noopener","children":"SimPark"}]]}]}],["$","$6","sprout",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801957","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/22sp/projects/sprout","target":"_blank","rel":"noopener","children":"Sprout"}]]}]}],["$","$6","wastewizard",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801772","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/22sp/projects/wastewizard","target":"_blank","rel":"noopener","children":"Waste Wizard"}]]}]}],["$","$6","wishingwell",{"children":["$","li",null,{"children":[["$","$L4",null,{"href":"https://canvas.uw.edu/files/123801822","target":"_blank","rel":"noopener","children":"Sample assignment3a"}]," from ",["$","$L4",null,{"href":"https://courses.cs.washington.edu/courses/cse440/17wi/projects/wishingwell/","target":"_blank","rel":"noopener","children":"Wishing Well"}]]}]}]]}]]],null],null]},["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children","assignments","children","milestone-4","children","assignment-4-1","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children","assignments","children","milestone-4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children","assignments","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","$L9",null,{"sidebar":["$","$La",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":["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",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,"$Lb"]]]]]
b:[["$","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