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 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. 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.

Visual Design: Based on feedback from the previous week’s 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. 

Programming: 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. 

Change Log v1.3.0 – Week 11 – 2020-11-13

Bugs

• [Website – Library page] Fixed not displaying stops deleted from dashboards – silently remove from tours that contain the deleted stops
• [Website – Library page] Fixed the UI bug that stops squishing together in a smaller screen size
• [Website – Tour page] Fixed the stop thumbnail not displaying after being added, until refreshing the site
• [Website] Fixed special character display in tour titles

Improvements

• [Dashboard – Top tool bar] Renamed “Online storytelling tool” to “Virtual Tour Creator”
• [Website – Tour page] Make the Navigation links collapsible with a hamburger button
• [Website – Tour page] Finished Add stop overlay styling
• [Website] Added placeholder thumbnail to the stop without featured image (when user forgot to set it up)
• [Website – Tour page] Finished stop pagination functionality (max 8 stops per page) in “add stops” overlay in edit mode
• [Website – Stop page] Initial layout implemented for presentation mode

Features

• [Dashboard – Custom branding] Enable admin to change logo from dashboard and display on the website frontend
• [Dashboard – Custom branding] Enable admin to change header image from dashboard and display on the website frontend
• [Dashboard – Instruction] Added “Get Started” tab with sample video. Written instructions and videos will be added here.
• [Website – Library page] Added the first implementation of tours pagination
• [Website – Tour page] Added search bar in “add stops” overlay that will search stops with the entered keyword
• [Website – Stop page] Cycle betweens stops in presentation mode (go to prev/next stop)
• [Website – Test tool] Added stress test widget in loadtest branch that can auto generate tours