Forum Discussion
Expanded Options for Interactive Image Hotspots
I find the white radiating borders around the hotspots to be unsuitable in some situations, particularly when an image requires lots of hotspots. When hotspots need to be placed close together, the radiating borders can overlap. They can also interfere with the visibility of elements in a technical graphic.
My suggestion is to include additional options and some customisability (e.g. a static halo option around hotspots, the exact colour and thickness of which could be varied by the user).
Additional hotspot requests:
1. Customisable numbered hotspots (allowing for double digits)
2. Auto alignment options for hotspots.
4 Replies
Hello CDev,
Thanks for sharing these ideas and the context behind them. I can see how overlapping hotspot effects could make detailed or technical graphics harder for learners to navigate.
I’d like to learn a little more:
- What types of images or activities tend to require hotspots placed close together?
- When hotspots overlap or obscure parts of the image, how does that affect your learners’ experience?
- What would the ideal hotspot experience look like for your learners when working with detailed images?
Thanks for helping us better understand what would make this experience work better for you and your learners!- CDevCommunity Member
The type of image I am using has a border with lots of concepts, each defined in a hotspot. Internally it is broken down into 3 columns representing different stages of a process, each with a hotspot explaining the stage. Each stage is broken down into a sequence of substages, each of which requires a hotspot. In total I have up to 20-30 hotspots. Whilst I have enough white space to place the hotspots without the main icon overlapping, when they start pulsing, the border that radiates out overlaps with other hotspots and visual elements in the image. This makes the image feel visually chaotic.
Ideally, the hotspot would not pulse. This would solve the problem. If the colour could be customisable that would be better too.- PhilFossCommunity Member
CDev you can completely redesign your hotspots, including disabling the pulsing, with a few lines of CSS, I show a few examples in this screen recording.
https://www.youtube.com/watch?v=qQQ5Rg_wSDo
- CDevCommunity Member
Thanks Phil. I will look into this. I still hope Articulate can embed this customisability. It would be nice to have a check box that allows the pulsating border and animation to be turned off.