Slide 1.1:
Slide 1.2:
Slide 1.3:
Slide 1.4:
Slide 1.5:
Presently, the three layers designated as “Stu 1,” “Stu 2,” and “Stu 3” contain a question when opened. I will elaborate on one slide below, emphasizing that all three layers share a consistent style.
In this layer, there are three radio buttons accompanied by two cross images placed in front of the corresponding text. At the layer’s initiation, the cross images remain hidden. They are configured to appear only if the submit button is clicked and it is determined that one or more incorrect answers have been selected. Refer to the image below for a visual representation of the triggers set for the submit button.
Slide 1.6:
Slide 1.7:
This interactive slide presents a drag-and-drop quiz with twelve draggable items, each comprising an image and a text-laden rectangle shape. Three drop targets are strategically placed, demonstrating the linkage between drag items and drop targets.
In this slide, there 12 layers, each equipped with voice-over for corresponding draggable items. The interaction is designed such that clicking on any of the 12 items reveals the specific layer associated with that item. Once the layer is displayed, the corresponding voice-over plays. Below is a list of the available layers along with their triggers:
The interactive design ensures that users can engage with specific audio content related to each draggable item by triggering the corresponding layer. This approach enhances the user experience by providing targeted information in response to user actions.
Here is a list of draggable items versus drop target.
Drag Item | Drop Target |
Cucumber agua fresca | Something to Drink |
Water | Something to Drink |
Margarita | Something to Drink |
Diet coke | Something to Drink |
Chicken fajitas | Entrees |
Lemon butter salmon | Entrees |
Beef burrito | Entrees |
Vegetarian enchiladas | Entrees |
Guacamole and chips | Side Dishes |
Rice | Side Dishes |
Beans | Side Dishes |
Salad | Side Dishes |
The final slide includes a background image, two yellow-shaped images, and an exit button. Clicking the button allows users to conclude the tutorial.
Here is a trigger set for “Exit” button.