Hotspots are a powerful feature in InVision that allow you to easily add interactivity and interactivity-driven content to your designs. In this article, we’ll explore what hotspots are, how to use them, and some tips for creating hotspots that are both effective and easy to use.
What is a hotspot?
A hotspot is a simple but powerful feature in InVision that allows you to add interactivity and interactivity-driven content to your designs. Hotspots are automatically generated when you drag and drop content into your design, and they can be used to create a variety of interactive experiences.
How to use hotspots in InVision
To use hotspots in InVision, first make sure that you have enabled the hotspot feature in your preferences. Next, start by dragging and dropping content into your design.
When you do this, InVision will automatically create a hotspot around the content that you’ve dragged and dropped.
Next, you need to decide what kind of experience you want to create with your hotspot. hotspots can be used to create a variety of interactive experiences, including:
A simple interaction : A hotspot can be used to create a simple interaction, such as a button that you can click to start a process.
: A hotspot can be used to create a simple interaction, such as a button that you can click to start a process. An interactive story : A hotspot can be used to create an interactive story, in which you can click on different elements to progress the story.
: A hotspot can be used to create an interactive story, in which you can click on different elements to progress the story. An interactive diagram : A hotspot can be used to create an interactive diagram, in which you can click on different elements to see the results of your decisions.
: A hotspot can be used to create an interactive diagram, in which you can click on different elements to see the results of your decisions. An interactive slide show: A hotspot can be used to create an interactive slide show, in which you can click on different elements to change the slide show.
Once you’ve decided what kind of experience you want to create, you need to configure the hotspot. To do this, click on the hotspot in your design, and then click on the “Configure hotspot” button. This will open the Hotspot Configuration dialog box, where you can configure the following properties:
Title : The title of the hotspot.
: The title of the hotspot. Description : The description of the hotspot.
: The description of the hotspot. Placeholder : The placeholder text that will be displayed when the hotspot is inactive.
: The placeholder text that will be displayed when the hotspot is inactive. Action : The action that will be taken when the user clicks on the hotspot.
: The action that will be taken when the user clicks on the hotspot. Navigation: If you want the user to be able to navigate to other pages within your design, you can set up a navigation link here.
Once you’ve configured the hotspot, you can test it by clicking on the “Preview” button. This will show you how the hotspot will look in your design, and it will also show you the action that will be taken when the user clicks on it.
Conclusion
Hotspots are a powerful feature in InVision that allow you to easily add interactivity and interactivity-driven content to your designs. In this article, we’ve explored what hotspots are, how to use them, and some tips for creating hotspots that are both effective and easy to use.
