{"id":980,"date":"2020-11-16T01:04:11","date_gmt":"2020-11-16T01:04:11","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/?p=980"},"modified":"2020-11-16T19:16:35","modified_gmt":"2020-11-16T19:16:35","slug":"week-9-usability-playtests-look-and-feel-design-and-implementation","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/2020\/11\/16\/week-9-usability-playtests-look-and-feel-design-and-implementation\/","title":{"rendered":"Week 9: Usability playtests, Look and Feel design and implementation."},"content":{"rendered":"\n<p>Following the feedback from halves, the team focused work into one of three categories<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><span style=\"text-decoration: underline;\">Playtesting<\/span>: showing the build to playtesters and synthesizing feedback into changes in the build. Playtesting will also develop onboarding materials and user-facing documentation after the usability of the website has been confirmed.&nbsp;<\/li><li><span style=\"text-decoration: underline;\">Look-and-feel\/Design<\/span>: designing look and feel of guest-facing parts of the website and incorporating museum branding.&nbsp;<\/li><li><span style=\"text-decoration: underline;\">Programming<\/span>: implementing features and designs recommended by Design and tweaks recommended by playtesting.&nbsp;<\/li><\/ol>\n\n\n\n<p>With that in mind, progress for Week 9 was as follows.&nbsp;<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Playtesting<\/span>: Playtesting began coordinating usability tests with Rebecca Lombardi of the ETC and Amanda and Kelsie of the Frick. These three constitute ideal playtesters since they meet some or all of the following criteria:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"text-decoration: underline;\">Low-to-moderately tech savvy<\/span>:<br>Most museum staff identified as \u201cnot tech people\u201d when spoken to in Week 7. While some level of technical proficiency is assumed for Educators using the Dashboard, ideally the onboarding documentation for educators should also accommodate those who are of very low tech savviness.<br><\/li><li><span style=\"text-decoration: underline;\">Professional Tour giver or public speaker<\/span>:<br>All playtesters should have some familiarity speaking in public using presentation materials. This requirement can be waived if testing onboarding materials and if a Tour topic that the playtester is very familiar with is chosen (e.g. a family vacation or favorite movie).<br><\/li><li><span style=\"text-decoration: underline;\">Zoom familiarity<\/span>:<br>All playtesters should have used Zoom at some point. No other video conferencing solutions were mentioned by the museums when spoken to in Week 7.&nbsp;<\/li><\/ul>\n\n\n\n<p>Once we establish whether the tool meets their needs (i.e. is able to organize uploaded media and present it to guests), the project can shift to onboarding materials for museum staff including videos, 1-page guides, and manuals.&nbsp;<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Look-and-Feel\/Visual Design<\/span>: Based on Ana\u2019s priorities, the website\u2019s look and feel were developed now that core functionality was now playtestable. There are 3 Guest-facing parts of the website: the homepage, the tour page, and presentation view. Visual Design created mockups for the homepage, adapted them for the tour page and began work on Presentation view. Special attention was also paid to testing the different logos of each institution.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-1024x576.png\" alt=\"\" class=\"wp-image-1131\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-1024x576.png 1024w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-300x169.png 300w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-768x432.png 768w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-1536x864.png 1536w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-500x281.png 500w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-800x450.png 800w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25-1280x720.png 1280w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-25.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-1024x576.png\" alt=\"\" class=\"wp-image-1132\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-1024x576.png 1024w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-300x169.png 300w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-768x432.png 768w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-1536x864.png 1536w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-500x281.png 500w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-800x450.png 800w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26-1280x720.png 1280w, https:\/\/projects-old.etc.cmu.edu\/museum-live\/wp-content\/uploads\/2020\/11\/Screenshot-26.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><span style=\"text-decoration: underline;\">Programming<\/span>: Programming focused on bugs and slight improvements as well as supporting audio\/video files (a highly desired feature based on conversations in Week 7 with each museum\u00a0 partner). In depth notes are as follows:<br><br>Change Log v1.1.0 &#8211; Week 9 &#8211; 2020-10-30<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Week 9 Build\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/OwUvwAbTskk?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<h4 class=\"wp-block-heading\">Bugs<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>[Website &#8211; Tour page] Fixed stop card drag and drop animation bug<\/li><li>[Website &#8211; Security] Require user login to view any content&nbsp;<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Improvements<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>[Dashboard &#8211; Post editor] Changed title placeholder to \u201cAdd Stop\/Tour Title\u201d&nbsp;<\/li><li>[Dashboard &#8211; Post editor] Changed post content placeholder to \u201cAdd Description..\u201d&nbsp;<\/li><li>[Dashboard &#8211; Post editor] Removed permalink, categories, and excerpt in the side panel<\/li><li>[Dashboard &#8211; Top toolbar] Disabled unsupported buttons in toolbar (comments, +, new post)&nbsp;<\/li><li>[Dashboard &#8211; Dashboard boxes] Disabled all dashboard boxes for all users<\/li><li>[Website &#8211; Library page] Public library page UI first implementation with new visual design &#8211; layout, components, buttons, fonts and colors<\/li><li>[Website &#8211; Stop Page] Changed top-right \u201cx\u201d button to go back to the previous page<\/li><li>[Website &#8211; Stop Page] Removed the autoplay button on image gallery view<\/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; Tour page] Add left\/right arrow buttons on each stop card to swap stop order with adjacent stop<\/li><li>[Website &#8211; Stop page] Support uploading Video files and displaying in stop page<\/li><li>[Website &#8211; Stop page] Support uploading Audio files and displaying in stop page<\/li><\/ul>\n\n\n\n<p><span style=\"text-decoration: underline;\">Goals for next week include<\/span>:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>5 Educator\/Host Usability playtests<\/li><li>Look and feel for presentation page&nbsp;<\/li><li>Implementing initial look and feel&nbsp;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Following the feedback from halves, the team focused work into one of three categories Playtesting: showing the build to playtesters and synthesizing feedback into changes<\/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-980","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\/980"}],"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=980"}],"version-history":[{"count":2,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts\/980\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts\/980\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/media?parent=980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/categories?post=980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/tags?post=980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}