25
Story Board for a User Practice Interaction This storyboard describes how the learner would be guided through the steps of making ice cream. This interaction would occur after the process had been described and demonstrated via an animated vignette or video. This interaction could be created using Captivate or Storyline.

Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Story Board for a User Practice Interaction

• This storyboard describes how the learner would be guided through the steps of making ice cream. This interaction would occur after the process had been described and demonstrated via an animated vignette or video.

• This interaction could be created using Captivate or Storyline.

Page 2: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Which item do you start with first? Drag and drop it on the counter top.

Big baggie

Little baggie

Ice Cubes

Rock Salt

Kitchen Towel

Learner drags and drops an object onto the counter top.

Page 3: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Which item do you start with first? Drag and drop it on the counter top.

Big baggie

Little baggie

Ice Cubes

Incorrect. Try again!

X

An incorrect drag and drop object snaps to original placement. Feedback on incorrect answer displays. Learner has option to click on Hint button or close box on feedback dialog to enable try again.

Rock Salt

Kitchen Towel

HINT

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Page 4: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Which item do you start with first? Drag and drop it on the counter top.

Big baggie

Little baggie

Ice Cubes

You need a large container to hold everything.

X

Dialog displays when learner clicks Hint button. Clicking close button closes feedback and hint dialogs and enables drag and drop functionality. Tries are unlimited until learner drags and drops the correct item.

Rock Salt

Kitchen Towel

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Page 5: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Which item do you start with first? Drag and drop it on the counter top.

Little baggie

Ice Cubes

Correct! What do you do next? X

Learner drags and drops big baggie onto countertop. Feedback on correct answer

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Rock Salt

Kitchen Towel

Page 6: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the item that goes into the baggie first.

Little baggie

Ice Cubes

Learner drags and drops an object into the baggie on the counter top.

Rock Salt

Kitchen Towel

Page 7: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the item that goes into the baggie first.

Little baggie

Ice Cubes

An incorrect drag and drop object snaps to original placement. Feedback on incorrect answer displays. Learner has option to click on Hint button or close box on feedback dialog to enable try again.

Rock Salt

Kitchen Towel

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Incorrect. Try again! X

HINT

Click here first.

Page 8: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the item that goes into the baggie first.

Little baggie

Ice Cubes

Start with something cold. X

Dialog displays when learner clicks Hint button. Clicking close button closes feedback and hint dialogs and enables drag and drop functionality. Tries are unlimited until learner drags and drops the correct item.

Rock Salt

Kitchen Towel

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Page 9: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the item that goes into the baggie first.

Little baggie

Ice Cubes

Correct! What do you do next? X

Learner drags and drops ice cubes into baggie. (Note that there are two sets of ice cubes). Feedback on correct answer

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Rock Salt

Kitchen Towel

Page 10: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

Learner drags and drops an object into the baggie on the counter top.

Rock Salt

Kitchen Towel

Page 11: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

An incorrect drag and drop object snaps to original placement. Feedback on incorrect answer displays. Learner has option to click on Hint button or close box on feedback dialog to enable try again.

Rock Salt

Kitchen Towel

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Incorrect. Try again! X

HINT

Click here first.

Page 12: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

This item helps make the temperature in the baggie colder.

X

Dialog displays when learner clicks Hint button. Clicking close button closes feedback and hint dialogs and enables drag and drop functionality. Tries are unlimited until learner drags and drops the correct item.

Rock Salt

Kitchen Towel

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Page 13: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

Correct! What do you do next? X

Learner drags and drops rock salt into baggie. Feedback on correct answer

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Drag and drop causes salt to land on and melt ice slightly.

Kitchen Towel

Page 14: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

Learner drags and drops an object into the baggie on the counter top.

Kitchen Towel

Page 15: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

An incorrect drag and drop object snaps to original placement. Feedback on incorrect answer displays. Learner has option to click on Hint button or close box on feedback dialog to enable try again.

Kitchen Towel

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Incorrect. Try again! X

HINT

Click here first.

Page 16: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

This is when you add the yummy stuff.X

Dialog displays when learner clicks Hint button. Clicking close button closes feedback and hint dialogs and enables drag and drop functionality. Tries are unlimited until learner drags and drops the correct item.

Kitchen Towel

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Page 17: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Little baggie

Ice Cubes

Correct! The little baggie contain your ice cream mixture. What do you do next?

X

Learner drags and drops little baggie into big baggie. Feedback on correct answer

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.Kitchen Towel

Page 18: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Little baggie

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Ice Cubes

Learner drags and drops an object into the baggie on the counter top.

Kitchen Towel

Page 19: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Ice Cubes

An incorrect drag and drop object snaps to original placement. Feedback on incorrect answer displays. Learner has option to click on Hint button or close box on feedback dialog to enable try again.

Kitchen Towel

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Incorrect. Try again! X

HINT

Click here first.

Little baggie

Page 20: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Ice Cubes

Fill this baggie with more cold stuff.X

Dialog displays when learner clicks Hint button. Clicking close button closes feedback and hint dialogs and enables drag and drop functionality. Tries are unlimited until learner drags and drops the correct item.

Kitchen Towel

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Little baggie

Page 21: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the next item that goes into the baggie.

Correct! But what about the towel?X

Learner drags and drops ice cubes into baggie. Feedback on correct answer

Click here first.

Pop-up hint to close dialog appears if learner tries to drag and drop an item before closing dialog.

Little baggie

Kitchen Towel

Page 22: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the towel to finish making the ice cream.

Little baggie

Learner drags and drops the towel onto the baggie on the counter top.

Kitchen Towel

Page 23: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Now its your turn to make the ice cream.Drag and drop the towel to finish making the ice cream.

Little baggie

Learner drags and drops the towel onto the baggie on the counter top, which triggers animation of towel covering entire baggie. (Animation description continues on next slide.)

Page 24: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

How many minutes should you shake the baggie? Select the correct answer.1 minute 5 minutes 20 minutes 30 minutes

Little baggie

Learner selects “5-minutes” to trigger “5-minute baggie shake” while a 5 -minute stopwatch displays and counts down to zero. Animation should take 5 seconds to run. When animation completes, a dialog direction the learner to “Click next to continue.” displays.

Incorrect answers should have feedback similar to previous interactions.Hint feedback: More than 1 minute, but less than 20 minutes.

5 minutes

Click Next to continue.

Page 25: Story Board for a User Practice Interaction...Story Board for a User Practice Interaction •This storyboard describes how the learner would be guided through the steps of making ice

Ice Cream in 5 Practice Run

Remove the little baggie and discard the big baggie containing the ice and salt.Its time to find a spoon and dig in!

On scene entry, the towel moves to the right and the little baggie moves up and out of larger baggie to the left. A spoon displays.

Incorrect answers should have feedback similar to previous interactions.Hint feedback: More than 1 minute, but less than 20 minutes.

End of interaction