As I’ve mentioned before, we’ve had Adobe Captivate 5.5 for over a year now, and with no formal training, me and a few others are learning the software as we go.
Here is an example that I put together of a menu using the rollover sidelet feature. This was inspired by the ‘flat’ design of this website Palace which utilises a tiles layout with rollovers.
Here is the example
As the user hovers round the sections, a transparent colour appears. When they click on the colour, information about that section is shown, and then they can click to be taken to that section. The concept is quite simple, but here is how I did it.
I used rollover slidelet as this has two functions in the properties box. ‘On click’ and ‘On rollover’.
- First of all – make sure all pictures, colour blocks and transparencies are named! this will avoid confusion later.
- Arrange the slide how you want it with all of the elements on it.
- Insert the rollover slidelet – but remove the ‘reveal’ shape – we only want the rollover box.
- Build some Advanced Standard Actions – you will need to create a standard action for each of the rollover boxes, this is so that the transparent box will appear, and then disappear when the mouse rolls over another box.
- The standard action will be something like this
Standard action name – ‘Rollover_1
Show – Colour_orange
Hide – Colour_blue
Hide – Colour_red
Hide – Colour_Dark blue
- Create the standard action for the rest of the coloured boxes, revealing each colour, but hiding all of the others. Turn the visibility of each of the coloured shapes off.
- Under the properties box for the rollover, on rollover, choose ‘execute advanced actions’ then choose the relevant standard action.
- I then duplicated each slide so that when the delegate clicks on the rollover slidelet, they will be taken to the relevant slide where the information for each section will be displayed. Again in the properties panel, under ‘on click’ choose ‘jump to slide’
- It’s then just a matter of inserting click boxes to either go back to the main menu, or to the actual module itself.
Hope this was interesting – If you have any thoughts as to how I could do this in a simpler way, please let me know!