For this Articulate challenge, the goal was to design a cell center interaction. The call center scenario is one of the most popular templates included with the Storyline program.
For this challenge, I designed an interaction for a fictitious company called The Shoe Emporium. I used Photoshop to design the logo, took advantage of the illustrated characters included with the Storyline application, and incorporated two backgrounds from Articulate’s download center.
This first three screens provide the launching point into the interactive scenarios. Once the user clicks Start, they are taken to the next screen where they are prompted to enter their name. This was designed using a simple text variable to store the user’s name which is reused during the interactions that follow. Once the user has entered their name, they select an “avatar” that will represent them during the upcoming scenario. Variables are used to track which avatar (e.g., customer service rep) was selected.
Once the user has entered their name and chosen their avatar, they are taken to the scenario screen (shown below). From here, they can select the scenario they want to practice. In this demo, only the first is active. I’ve also used object triggers with conditional statements to ensure the user is taken down the appropriate path for their selected avatar.
Here is an example of one of the three interaction points in the demo. Once the user makes their choice, they are provided immediate feedback before moving further into the scenario. To view this demo, click on the image below!