{"id":983,"date":"2020-11-16T01:10:51","date_gmt":"2020-11-16T01:10:51","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/?p=983"},"modified":"2020-11-16T02:10:06","modified_gmt":"2020-11-16T02:10:06","slug":"week-10-usability-playtests-look-and-feel-implementation-bugfixes","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/2020\/11\/16\/week-10-usability-playtests-look-and-feel-implementation-bugfixes\/","title":{"rendered":"Week 10: Usability playtests, Look-and-feel implementation, bugfixes"},"content":{"rendered":"\n<p>Week 10 saw great progress as follows:<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Playtesting<\/span>:<\/p>\n\n\n\n<p>5 usability playtests were conducted with 3 playtesters. On Tuesday, Amanda and Kelsie of the Frick evaluated the usability of the website from the perspective of the Educator role (i.e. uploading media, organizing media into Stops, and turning Stops into Tours). On Wednesday, Rebecca Lombardi gave a tour to ETC students and evaluated the usability of the website from the perspective of the Host role (i.e. presenting materials with the website itself over Zoom). Following this, Amanda and Kelsie also playtested the website as Hosts as well on Thursday for students of Shirley Saldamarco\u2019s class and other ETC alums.&nbsp;<\/p>\n\n\n\n<p>Key takeaways were as follows:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"text-decoration: underline;\">Usability<\/span>: The website is probably very usable for Hosts\/Educators (according to 3 playtesters)<ul><li>Playtesters said it meets their needs: The website is broadly usable and met the needs of the Host\/Educator roles (i.e. the website had all the features\/functions absolutely required to organize and present materials)<ul><li>2 Educators successfully made tours:<\/li><li>3 Hosts successfully gave tours:<\/li><li>Guests did not appear distracted by the Website itself:\u00a0<\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"text-decoration: underline;\">Presentation view changes<\/span>: emphasize images\/details\u00a0<ul><li>The gallery view is the best view for presenting.\u00a0<\/li><li>Pictures should be easier to get to than Descriptions\/text\u00a0<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"text-decoration: underline;\">Cycle Stops<\/span>: without leaving presentation view<\/li><\/ul>\n\n\n\n<p>For week 11, playtesting will focus on developing onboarding materials that are up-to-date with the current build.&nbsp;<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Look-and-feel and Visual Design<\/span>: Completed work on the home page and tour page including buttons, layout, colors, font, and UI. Many of these features were integrated with the build and are mentioned in the change log.\u00a0<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Programming<\/span>:\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Museum.Live week 10 demo video\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/qYJKn5twdr8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Change Log v1.2.0 &#8211; Week 10 &#8211; 2020-11-06<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Improvements<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>[Dashboard &#8211; Stop editor] Add \u201cclick to add media\u201d instruction<\/li><li>[Dashboard &#8211; Top toolbar] Remove \u201cHowdy\u201d before current user display name<\/li><li>[Website] &#8211; Replace the placeholder icons<\/li><li>[Website &#8211; Library page] Implement popup windows UI &#8211; Create stop, Copy stop<\/li><li>[Website &#8211; Library page] Modify layout details to match design &#8211; link position, page margins, carousel gutters<\/li><li>[Website &#8211; Tour page] Implement responsive grid layout for tour stops. The stop thumbnail size and stop number in each row will be responsively changed based on the screen size.<\/li><li>[Website &#8211; Tour page] Implement the edit mode UI<\/li><li>[Website &#8211; Tour page] Add \u201cCopy Tour\u201d button to tour page<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Features<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>[Website &#8211; Library page] Implement the tour dropdown menu, so that user can delete\/edit\/copy every tour from its own menu<\/li><li>[Website &#8211; Library page] Show \u201cComplete\/Incomplete\u201d Tour Status, which can be set by the tour creator<\/li><li>[Website- Library page] Show the tour creation info &#8211; tour creator, tour date<\/li><li>[Website &#8211; Tour page] Add stop pagination in \u201cadd stops\u201d overlap in edit mode<\/li><li>[Website &#8211; Tour page] Implement collapsible tour title (The tour status and all the buttons will be initially hidden until user expand them)<\/li><li>[Website &#8211; Stop page] Add \u201cedit this stop\u201d button that will direct to stop editor in dashboard<\/li><li>[Website &#8211; Stop page] Tags in related topics link to search tags in dashboard&nbsp;<\/li><li>[Website &#8211; Stop page] Add \u201csearch media\u201d bar that direct to dashboard search the keyword in media<\/li><li>[Website &#8211; Tour permission] Disable edit button if current tour status is \u201cComplete\u201d and current user is not the author<\/li><li>[Website &#8211; Tour permission] Disable delete button if current user is not the author<\/li><li>[Website &#8211; Tour permission ] Disable tour status radio buttons in tour edit mode if current user is not the author<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Week 10 saw great progress as follows: Playtesting: 5 usability playtests were conducted with 3 playtesters. On Tuesday, Amanda and Kelsie of the Frick evaluated<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-983","post","type-post","status-publish","format-standard","hentry","category-weekly-blog-post"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts\/983"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/comments?post=983"}],"version-history":[{"count":2,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts\/983\/revisions"}],"predecessor-version":[{"id":985,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts\/983\/revisions\/985"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/media?parent=983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/categories?post=983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/tags?post=983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}