Create “Hotspot” presentations to engage learners with tools you already know
In the upcoming weeks, our now novel version of virtual school is going to lose some luster with students. Whatever you are doing today to engage students online will soon become a pattern, and predictable patterns are the kryptonite of engaged learners.
For this reason let’s focus on some new ideas for using tools you may already know and use in order to teach in new ways. In today’s spotlight, I wanted to showcase a way to build presentations (slide decks) that do not follow a linear, start to finish path. We are talking about the use of tools like Google Slides, Keynote, or PowerPoint. This means the audience can click around in the presentation, making choices and clicking on appropriate icons to self-direct their own experience through the topic.
View an overview of how to create a hotspot presentation using Keynote (similar to a Thinglink presentation). This includes directions for grading in Google Classroom.
A “hotspot” presentation is one where a single base graphic will have multiple “clickable” points on it. Each clickable point is a way to present new, relevant information. For clarity, let’s use an example in the periodic table of elements. The base graphic, the periodic table of elements, is at the core of the lesson. As a teacher, you will want to point out many key pieces of information specific to the periodic table. By placing clickable icons over the top of the base image (or in this case clickable “targets” over the top of a picture of the periodic table), you can deliver relevant information, such as the atomic weight, atomic number, and the group to which the element belongs.
When teaching in a face-to-face model, teachers can easily walk students through the deeper elements of a topic in an organized way, but in a linear slideshow presentation (one that starts with the first slide in the slide deck and ends with the last slide), making these connections becomes more challenging for students. This is where hotspot presentations truly shine. With a hotspot presentation, students begin to make natural connections to deeper topics simply through the “links” that are made naturally based upon the way that the presentation is designed.
Designing a Hotspot Presentation
Choose a great focal image
Start with a great base image. This is really the “home screen” of your presentation. Select a topic or point of focus that will continually come back to this base image.
Teaching a lesson on Gettysburg?
Choosing an interesting, detailed, and appropriate image is essential (not too graphic)
Maybe the focal image of somebody like 69-year-old civilian fighter John Burns would be appropriate. There is just enough detail to draw in students, but the details are not entirely obvious at first sight. Some of the key hotspots I might include on this photo are: 1) Burns’ civilian clothing, 2) rifle style, 3) lack of wear on Burns’ boots, and 4) his aged features. This image is authentic and offers just enough detail to highlight some key areas of the topic.
Maybe you are teaching on lesson on the bawdiness of Shakespeare’s plays and why Shakespeare elected to include this in his writing. A good look at some of the features of The Globe will help students to understand that plays were written for the masses of common people. Focusing in on 1) the distance between actors and attendees, 2) the tiers of seating for those who could afford private seating, and 3) the lack of seating in the rows closest to the stage (standing room only), would be great hotspots for this particular image.
The key for any hotspot presentation is selecting a great key image. This is the image the entire lesson is built upon.
Storyboard your slides on paper
I always tell people to draw out complex ideas on paper first. It is so much faster to plan on paper before building a complex, technology-rich tool that just does not work out later due to poor planning.
When designing for a hotspot presentation you need to draw out three key elements.
Focal image with key hotspots indicated
What does your focal image slide look like? You’ll need to roughly mark out the hotspots (artistic skills not needed — text is fine) that you want to identify. It might look something like this picture.
The next planning step is to simply draw out the “map” of the slide show. Keep in mind that this is not a linear presentation. Viewers can click on any hotspot at any time. For that reason, we need to map out the viewer’s experience to make building the presentation easier. Here is an example that I drew just to show a rough outline.
Notice that this presentation is only five slides in total. And three of those slides are nearly identical in their design. This means I can save time by really only having to design three slides, and then copying one of those slides twice to look identical.
Finally, you just need a think through and possibly sketch your buttons. These are the links that will be clicked by viewers. You can get an idea of that from the photo I sketched above. In planning I did not realize I needed a final slide, but as I sketched it out I realized that I wanted a way for the viewer to see a slide on Shakespeare before the presentation ended, so I added the “End” button to my design.
Building a Hotspot Presentation
For the purpose of simplicity, I will assume you already know how to generally build a slide deck presentation. The key to successfully developing a hotspot presentation, then, is just one little piece of information: linking. And whether you use Keynote, Google Slides, or PowerPoint, linking is possible in all of these tools.
Building the Focal Image Slide
The Focal Image slide is made up of: 1) a primary image, and 2) several icons layered on top of that image. Start by adding your primary image to the slide first. This will set the stage for the slide, placing it at the back of images. This will be helpful later.
Next, choose your hotspot icons. This can just be a shape, clip art, or text. I recommend making these icons roughly the same size (copy and paste works well) for a more uniform look in the end. You can also add title text and other text boxes to help viewers navigate the presentation. Once you have this page set up entirely, click on each icon one more time and make sure your layering brings the icons to the front. Again, this just makes it easier to work with later.
Building the first choice slide
Sometimes hotspot presentations can become very long and be quite challenging to build. This tip will save you time. Build and link one of your choice slides (the slides that contain the information about each hot spot) first, and then duplicate that slide. This will make your presentation look more uniform, and it will save you many clicks (and possible linking errors) later.
Your template choice slide needs 3 key items: 1) a space/box for you to type relevant information about the hotspot the viewer selected (as well as a place for additional images), 2) a “home” icon that will take the user back to the focal image slide, and 3) a “end” icon that will take the user to a final slide that will end the presentation.
Linking tutorial for Google Slides presentations, Keynote for Mac, and Keynote for iOS. Learn to link and hotspot presentations are a breeze.
The text/image space is fairly self explanatory. This is where the instructional material will go about one of your hotspots. At this time, just type one identifiable word about the hotspot topic. You can add details later.
Your home icon is just a shape or image that users will click to get back to the focal image slide. Once you have added the shape or image, I recommend adding a little text box on or near it that indicates this link takes the viewer back to the start. “Home” works, but you can use whatever vernacular makes sense. Finally, it’s time to link this image.
Finally, your “end” presentation icon. You will need to build one slide that is your final slide in the slideshow. Think of it as the exit door for your presentation. Without this exit option, your viewers will be stuck in an infinite loop and will never be able to end the presentation.
First, add a slide to your presentation that is the “final” or “end” slide. This will be the final information your audience will see before leaving. Then, back on your first choice slide, create an icon, give it an “end show” label/text box, and link it to the final slide in your presentation. You’ll use the same linking strategy you just learned, but you will point it to the final slide this time.
Duplicate and customize your choice slides
Congratulations. You have done the hard work by building your buttons and links for your choice slides. Now you will duplicate your first choice slide for each choice that you want to viewers to have on the focal image slide. For now, just make these slides and edit them quickly by giving them text that represents the choice. This can get confusing, so document your slides as you go with labels. You can come back to edit and perfect these slides later, but right now we are on the business end of building this slide deck.
Once you are done, it’s on to the final technical step - linking your focal image hotspots.
Linking focal image hotspots to choice slides
That last step in this process (other than adding customized content to your choice slides) is linking the icons on your first slide (your focal image slide) to the appropriate choice slide you just finished creating. And the good news is you already know how to do this. One skill, learning to link to others slides within a presentation, opens up all kinds of possibilities for ways to make your presentations more interactive. So go ahead — click on each icon on your focal image slide and link that icon to the correct slide.
Obviously you have work to do tin adding content to the choice and exit slides, but the skill of linking them together in a unique way is done. For the sake of your audience, please take a moment to check your links. This process can be fraught with errors, and a little bit of link checking now (hit play on the presentation and click on the links) will save your audience of fits and frustrations later.
One last tiP: avoiding auto-advance in slide shows
A hotspot presentation slide show is a non-linear presentations. You are working to create the illusion for the viewer that they are in custom-designed software. Nothing can ruin that illusion quite as quickly as them inadvertently advancing to the next slide, a slide they were not supposed to see because it is out of context.
For my Keynote (and PowerPoint) using friends, I’ve got great news. You can be assured that with the switch of a setting your users will not advance without clicking on a link.
Keynote for Mac
With the Keynote presentation open on your Mac, click on the Documents button in the upper right. Under “Presentation Type” select “Links Only”. That will take care of it. The audience will not be able to advance without clicking on a link.
Keynote for iOS
With the Keynote presentation open on your iPad, click “…” icon in the upper right. Click “Settings” and under “Presentation Type” select “Links Only” to stop any auto-advancing in the presentation. This will halt viewers from moving forward without clicking a link in the presentation.
Google Slides
My apologies to my friends using Google Slides, but this is one feature that is sorely missing from Slides. The best option that I can offer you is a work around at best. On EACH slide you will create one more box. You will need to link that box to the slide that it is on. So if you are on slide 2, create the box, and then link that box to go to Slide 2. Finally, select the box, drag it out to the full size of the slide (so it covers everything on the slide), and then select “Arrange” —> “Order" —> “Send to Back”. This will place your box, with the link to the same slide it is presently on, in the background. If a user accidentally clicks this box, they will be tricked into thinking nothing happened, and will be presented with the same slide to pick a different option.
I know! So annoying! But it works and it is something that will let you achieve a similar effect in Slides if that’s the tool you have access to.
New use of tools you already know
So the next time you are looking for a fun way to present ideas to your audience in a different way, consider using a tool you already know in a slightly different way. The impact on and engagement of your audience will reap rewards making the time invested well worth it!
And if you use tools you already know and have access to in your instruction, you can parlay that personal learning into activities you can also have students do to deepen their learning, build upon their skills for productively using technology, and challenge their thinking.