{"id":363,"date":"2024-12-17T15:25:56","date_gmt":"2024-12-17T15:25:56","guid":{"rendered":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/chapter\/avatar-prototype\/"},"modified":"2025-08-08T17:59:53","modified_gmt":"2025-08-08T17:59:53","slug":"avatar-prototype","status":"publish","type":"chapter","link":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/chapter\/avatar-prototype\/","title":{"raw":"Avatar Prototype","rendered":"Avatar Prototype"},"content":{"raw":"The level 2 avatar maker had a lot more choices than the level 1, but it still had some limitations.\r\n\r\nIf you were making a video game or a virtual world that had avatars, how would you design the avatar maker? Try making a [pb_glossary id=\"588\"]paper prototype [\/pb_glossary] of it.\r\n\r\n&nbsp;\r\n\r\nYou can use a drawing program, draw it on paper or even use sticky notes, like the example here. <img class=\"alignleft wp-image-362\" src=\"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-content\/uploads\/sites\/13\/2024\/12\/Prototype-graphic-221x300.png\" alt=\"Two drawings of phone screens demonstrating a process for getting consent to share data. Sticky notes explain the different steps in the process: the first says &quot;when posting a new picture&quot; and the second says &quot;pop-up appears (when it's necessary\/needs your data)&quot;\" width=\"317\" height=\"430\" \/>\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\nUse this tool to help plan your paper prototype before drawing it.\r\n\r\n[h5p id=\"53\"]\r\n\r\n&nbsp;","rendered":"<p>The level 2 avatar maker had a lot more choices than the level 1, but it still had some limitations.<\/p>\n<p>If you were making a video game or a virtual world that had avatars, how would you design the avatar maker? Try making a <a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_363_588\">paper prototype <\/a> of it.<\/p>\n<p>&nbsp;<\/p>\n<p>You can use a drawing program, draw it on paper or even use sticky notes, like the example here. <img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-362\" src=\"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-content\/uploads\/sites\/13\/2024\/12\/Prototype-graphic-221x300.png\" alt=\"Two drawings of phone screens demonstrating a process for getting consent to share data. Sticky notes explain the different steps in the process: the first says &quot;when posting a new picture&quot; and the second says &quot;pop-up appears (when it's necessary\/needs your data)&quot;\" width=\"317\" height=\"430\" srcset=\"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-content\/uploads\/sites\/13\/2024\/12\/Prototype-graphic-221x300.png 221w, https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-content\/uploads\/sites\/13\/2024\/12\/Prototype-graphic-65x88.png 65w, https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-content\/uploads\/sites\/13\/2024\/12\/Prototype-graphic-225x306.png 225w, https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-content\/uploads\/sites\/13\/2024\/12\/Prototype-graphic-350x476.png 350w, https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-content\/uploads\/sites\/13\/2024\/12\/Prototype-graphic.png 437w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Use this tool to help plan your paper prototype before drawing it.<\/p>\n<div id=\"h5p-53\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-53\" class=\"h5p-iframe\" data-content-id=\"53\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Avatar Maker Paper Prototype\"><\/iframe><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"glossary\"><span class=\"screen-reader-text\" id=\"definition\">definition<\/span><template id=\"term_363_588\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_363_588\"><div tabindex=\"-1\"><p>A paper prototype is a drawing that shows howan app or program works. It includes all the features, and shows how they work and what happens when you use them.<\/p>\n<\/div><button><span aria-hidden=\"true\">&times;<\/span><span class=\"screen-reader-text\">Close definition<\/span><\/button><\/div><\/template><\/div>","protected":false},"author":2,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-363","chapter","type-chapter","status-publish","hentry"],"part":354,"_links":{"self":[{"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/pressbooks\/v2\/chapters\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":4,"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/pressbooks\/v2\/chapters\/363\/revisions"}],"predecessor-version":[{"id":987,"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/pressbooks\/v2\/chapters\/363\/revisions\/987"}],"part":[{"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/pressbooks\/v2\/parts\/354"}],"metadata":[{"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/pressbooks\/v2\/chapters\/363\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/wp\/v2\/media?parent=363"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/pressbooks\/v2\/chapter-type?post=363"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/wp\/v2\/contributor?post=363"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/exploringstudent\/wp-json\/wp\/v2\/license?post=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}