Forum Discussion
Rise - Labeled Graphic/Marker concern
Hi,
So I have inherited a Rise module which in one particular section has 11 Labeled Graphics blocks, each with anywhere from 3-10 markers. The purpose was to engineer an application demonstration of software the learner would be using upon completing the training. I have some reservations about the design choices here (particularly that they didn't change the marker color to something higher contrast than standard white) but that is not my immediate concern.
The section in question also has a locked continue button at the end, which requires all blocks above to have been completed. This means A LOT of clicks to unlock the button. Here, i could simply undo the lock setting, but this too is not my immediate concern (but is relevant background to the coming question).
For the markers in all of those labeled graphics, is there any setting that controls an indication of whether you visited the marker? I feel like there is a blip that appears to radiate from the marker sometimes (or maybe just the first time it appears), but I don't know the logic of it or if there is any ability to customize it (particularly the color, but any aspect of it).
Ultimately, I'm wondering how best to guide a user who may have missed mark 47 of 109 to easily find what they missed above or if they will need to click through everything again.
Any thoughts, help, or hope would be appreciated.
Hi Kirk,
Rise does make a pulsing circle around a marker if it has not been clicked and removes the pulsing circle after the marker has been selected.
I don't see any way to customize the color of the marker after it has been selected. There only seems to be a way to customize the color of the marker, but that color stays the same whether the marker has been selected or not.
Since you can change the color of the marker, I would try and make the color something that would stand out clearly from the background. This may address your concern about higher contrast and make the markers easier to find if the learner has missed one.
You might try making these in Storyline and inserting them as Storyline blocks in Rise. In Storyline you could have circles as markers that change their state after being selected. For example, white circles that change to red after being selected. This would easily allow the learner to see which one(s) have not been selected. You could even add a pulsing animation to it and sort of mimic what Rise does with a marker. At least you might make one image in Storyline and test it in Rise if you want.
Here's another option to consider: add a locked Continue button after each Labeled Graphic block. Yes, that would increase the over number of clicks a bit. But the user would only have to focus on 3-10 markers at a time.
You can use a theme component to modify the states with CSS, in this example I've redesigned the markers as 'crime scene' markers, and once the item is viewed, the marker turns gray. In this example I've only completed/viewed marker 1.
.labeled-graphic-marker.labeled-graphic-marker--complete:not(.labeled-graphic-marker--active) { filter: grayscale(1); }Almost forgot this example that may be of interest- unlimited numbered markers that change color when in 'active' state, and number changes to a check mark when in 'completed' state. The 'unviewed' items have a green ring on the marker, and I removed the pulse animation. I've noticed with many markers on a graphic the pulse animation will max out the cpu and slow down my mac.
