Forum Discussion

SineadNicholson's avatar
SineadNicholson
Community Member
3 years ago

Customising Content

Hello, I am an instructional design student and this is my first time building something using Articulate.

I am building a tourist information resource for beaches in Sligo, Ireland. I want to provide a pretest at the beginning of my resource so that the content is customised to the user's needs. I will outline the resource content below. Any advice would be greatly appreciated.

Slide one: cover page "Sligo Beaches"

Slide two: a checkbox where users can customise content.

The checkbox will contain criteria such as swimming, walking routes, food, surfing, toilets, pet friendly, I want to see all beaches available etc...

The user can click the criteria they require to choose the most suitable beach for them.

Slide three: the user will be taken to a slide containing beach suggestions that meet their criteria. This slide also contains more information on these suggested beaches, so that the user can determine if the suggestion is appropriate for them. Additionally, the slide will also contain an option button to view all beaches if they are not satisfied.

 

I hope this makes sense. Is this complicated to create? I don't know if I'm throwing myself in at the deep end...

Are there templates available for this sort of resource structure or articles that explain how to do it? Is there an "official name" for what I am trying to create that I am not aware of yet?

 

Thank you,

Sinéad

  • The short answer is - it's complicated, but it can be done.  You will need lots of variables. There are lots of ways you can do this, but this seems to me to be the simplest, and most straight-forward.

    Assume you want to select for three characteristics: white or dark sand, warm or cool water, and low or high surf. Assume that you have three beaches: A, B, and C.

    Create T/F variables for white sand, warm water, and low surf.  Put them on slide two, with a question ("Do you want white sand?), with two radio buttons (make sure they are a button set), one for yes, one for no. When either is clicked, set the variable for white sand to true if yes is selected, and false if no is selected.

    For each beach, create three T/F variables: BeachAWhiteSand, BeachAWarmWater, and BeachALowSurf.  Set their default values according to the characteristics of the beach in question.  For each beach, create a numeric variable(BeachAScore), and set their default value to 0.

    On slide three, create two layers for each beach.  One will show the information on the beach, and the other will display a message that BeachA does not meet your criteria. Create triggers that fire when the button (Show my beaches is clicked):  Set BeachAScore to 0 when button is clicked, etc.  If BeachAwhiteSand is true AND white sand variable is true, add 1 to BeachAScore when button is clicked. If BeachAWarmWater is true AND warm water variable is true, add 1 to BeachAScore, If BeachALowSurf is true AND low surf variable is True, add 1 to BeachAScore. Duplicate all of these for each beach.

    On slide three, create a method for choosing a beach. Make sure it is visible and clickable when each layer is showing. It can be a slider, with stops for Beach A, Beach B, and Beach C. It could also be a set of radio buttons (be sure they are a button set), one for each beach. Create triggers for when the slider changes, or when the beach choice button is clicked: Show layer Beach A information when slider variable changes if BeachAScore = 3 AND slider variable  = [beachA number]. (If you use buttons for each beach, the trigger looks like: Show layer Beach A information when BeachA selection button is clicked if BeachAScore = 3.) A second trigger is: Show layer BeachA does not meet your criteria when slider variable changes if BeachAScore NOT = 3 AND slider variable  = [beachA number]. (If you use buttons for each beach, the trigger looks like: Show layer Beach A does not meet your criteria when BeachA selection button is clicked if BeachAScore = 3.)

    When they choose to view all beaches, set BeachAScore, BeachBScore, and BeachCScore all = 3.

    This works, as long as each characteristic is binary. If you want to expand it to "I can accept either condition for this characteristic", you will probably need to move to javascript.

    Ask if you have questions.

    • RichardWatson's avatar
      RichardWatson
      Super Hero

      Walt and Sinéad

      I think this might be possible using only states. Here is something I came up with that might work. I disabled the states of the buttons (one for each beach) if the user selected items the beach did not provide. 

      Example: If Beach C does not allow for walking or surfing, then disable that button on the timeline when it starts for the slide that shows the beaches that met the criteria input by the user. On the other hand, for the beaches that do allow walking or surfing, keep those buttons lit up and allow the user to learn more about them.

      https://bridgehillls.com/exploring-beaches-that-meet-your-criteria-in-storyline-360/

      Anyway, Javascript probably provides much more fine-tuning of this but, in a pinch, the use of states might be an option Sinéad.

      Richard