{"id":990,"date":"2020-11-16T02:05:49","date_gmt":"2020-11-16T02:05:49","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/?p=990"},"modified":"2020-11-16T02:13:43","modified_gmt":"2020-11-16T02:13:43","slug":"week-11-onboarding-video-iterations-presentation-mode-tweaks-and-finishing-up-look-and-feel","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/2020\/11\/16\/week-11-onboarding-video-iterations-presentation-mode-tweaks-and-finishing-up-look-and-feel\/","title":{"rendered":"Week 11: Onboarding video iterations, presentation mode tweaks, and finishing up look and feel"},"content":{"rendered":"\n<p><span style=\"text-decoration: underline;\">Playtesting<\/span>: Playtesting prepared the first draft of the onboarding video for Educators, focused on uploading media and organizing into a tour. Given the non-intuitiveness of the process, would-be Educators require some sort of initial onboarding experience that gives them enough knowledge to make their first tour and subsequently experiment. The first draft is included below and the second draft below that.&nbsp;Initial demos show the videos to be far more preferable to written instructions, but require iteration on the script and tone to focus on key points. Playtesters also expressed a desire for more directive\/focused shots as opposed to overall full-window shots. <\/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 Educator Instructions (rough cut)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/p2mJRy6c_BM?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<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=\"Educator Onboarding roughcut\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/KiM2jdSYI6Q?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><span style=\"text-decoration: underline;\">Visual Design<\/span>: Based on feedback from the previous week\u2019s playtests, visual design completely overhauled the previous design for the presentation page to focus on the image as well as appear more like the previous full-screen version. These delays were approved by the client Ana upon consideration of the feedback from the playtests.&nbsp;<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Programming<\/span>: In preparation for the Demos\/onboarding playtests, programming concluded work on build-breaking bugs, Homepage tweaks, and implemented most of the Presentation page visual Design.\u00a0<\/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 11 Build Demo\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/9ERqOFgnFFs?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<h3 class=\"wp-block-heading\">Change Log v1.3.0 &#8211; Week 11 &#8211; 2020-11-13<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Bugs<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>[Website &#8211; Library page] Fixed not displaying stops deleted from dashboards &#8211; silently remove from tours that contain the deleted stops<\/li><li>[Website &#8211; Library page] Fixed the UI bug that stops squishing together in a smaller screen size<\/li><li>[Website &#8211; Tour page] Fixed the stop thumbnail not displaying after being added, until refreshing the site<\/li><li>[Website] Fixed special character display in tour titles<\/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; Top tool bar] Renamed \u201cOnline storytelling tool\u201d to \u201cVirtual Tour Creator\u201d<\/li><li>[Website &#8211; Tour page] Make the Navigation links collapsible with a hamburger button<\/li><li>[Website &#8211; Tour page] Finished Add stop overlay styling<\/li><li>[Website] Added placeholder thumbnail to the stop without featured image (when user forgot to set it up)<\/li><li>[Website &#8211; Tour page] Finished stop pagination functionality (max 8 stops per page) in \u201cadd stops\u201d overlay in edit mode<\/li><li>[Website &#8211; Stop page] Initial layout implemented for presentation mode<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Features<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>[Dashboard &#8211; Custom branding] Enable admin to change logo from dashboard and display on the website frontend<\/li><li>[Dashboard &#8211; Custom branding] Enable admin to change header image from dashboard and display on the website frontend<\/li><li>[Dashboard &#8211; Instruction] Added \u201cGet Started\u201d tab with sample video. Written instructions and videos will be added here.<\/li><li>[Website &#8211; Library page] Added the first implementation of tours pagination<\/li><li>[Website &#8211; Tour page] Added search bar in \u201cadd stops\u201d overlay that will search stops with the entered keyword<\/li><li>[Website &#8211; Stop page] Cycle betweens stops in presentation mode (go to prev\/next stop)<\/li><li>[Website &#8211; Test tool] Added stress test widget in loadtest branch that can auto generate tours<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Playtesting: Playtesting prepared the first draft of the onboarding video for Educators, focused on uploading media and organizing into a tour. Given the non-intuitiveness of<\/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-990","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\/990"}],"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=990"}],"version-history":[{"count":3,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts\/990\/revisions"}],"predecessor-version":[{"id":1005,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/posts\/990\/revisions\/1005"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/media?parent=990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/categories?post=990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/museum-live\/index.php\/wp-json\/wp\/v2\/tags?post=990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}