Its just a way more to add events to a part of your screen in. I use it a lot.
Imagine that you have a small icon, which is a button but it is small and you want the user to be able to interact with the icon not only touch exactly on the icon, but also in any area surrounding the icon. Instead of defining the events in the icon (the image) itself, you can create a hotspot covering the icon and some area around it, and define the events there.
Let me know if I could explain myself well!
This widget shaped as a rectangle is usually used to create a transparent area to define events. Hotspots are displayed as a slightly transparent green rectangle during the edition of the user interface but become transparent and cannot be seen during the prototype's simulation.
Tip: Put hotspots over images to create event zones – For example, over the main logo of your application in the upper banner. I hope this helps.
Thank you for your answer Diego Pau!
Comments have been locked on this page!