1 of 22

XYZ Company

Stakeholder

Stakeholder

15 minutes

Technical Team Interview

Client Name:

​

Client Points of Contact:

​

Project Manager:

​

Estimated Seat Time:

​

Course Title:

​

​

Course Storyboard Template

Template v.3.1 – Storyline, Lectora, Flash

2 of 22

The slide title is located at the top of the screen.

The primary area of the slide stage includes the content for the slide. This is a representation of how the slide will look once it’s been developed. Please note, this isn’t the final product. All images, shapes and other content will be refined during the actual course development.

The area to left of the stage will include any additional items not shown in the content area that are required for the course. This includes items such as a state change or samples of additional images.

The notes section of the screen will include the narration and transcript, if needed. ��It will also include any content such as on-screen text, activity feedback or assessment items.

The yellow cues on the screen are animation triggers. They let the developer know the order the items on the screen should appear.

Notes directed toward you, the client, about the storyboard are located as part of the Developer Notes and are called out in red font color. This may include questions, thoughts or suggestions about the course.

QUESTION FOR CLIENT: If you would prefer to have a different character for the manager, let us know. We have a library of images you can select from. We recommend using Julie as the manager character, but will accommodate your decision.

All notes for the course developer are included in the right side of the slide.

​

Functionality of the slide is described first. This section will tell you, and the developer, about how the course will function while the learner is on the page. It includes the details of what should happen on the slide and in what order.

​

After the functionality notes, you will see details included about the images and/or media that need to be included as well as the location they can find them when the course is ready to be developed.

​

If the course has any special navigation requirements, this will be included in this section as well. For example, if the course has a page that is “locked down”, this information will be located in the developer notes so they can make the appropriate adjustments to the course.

How To Read This Storyboard

3 of 22

Fonts: Arial

Authoring technology: Storyline 360

Is the course meant for a global audience?

Target browsers: Google Chrome, Edge, Firefox

Client requests/Additional notes:

Will the training be viewed on a mobile platform? No

Will the course be translated?

Is the course navigation locked down? No

508 Compliant:

SCORM publish version: 2014

Global Course Information

Course Design Information

4 of 22

Introduction

  • Links here

​

​

​

  • When learner logs in to take course, this is the screen that will load for them to begin the course
  • Background, logo, photo and title are present when slide begins
  • Begin narration when slide begins. The navigation and start button will appear following the narration.
  • When the learner selects the navigation tutorial, they will be taken to an overview of navigating the course
  • If the learner selects the start button, they will bypass the navigation tutorial and start with the learning objectives slide.
  • When the learner selects the navigation tutorial, they will be taken to slide 5 in the course to see an overview of navigating the course
  • If the learner selects the start button, they will bypass the navigation tutorial and start the course on slide 6

​

Questions for Quality Hires

.NET Developer Interview Training

Navigation Tutorial

Start

[1]

[2]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

5 of 22

Navigation Tutorial

  • Links here

​

  • Background image and header on screen.
  • Begin narration at beginning of slide.
  • As narration goes, highlight the areas marked by the animation triggers and arrows to allow the learner to find navigational tools.
  • When narration instructs the user to move forward in the course, all arrows but the “next” arrow disappear.

​

  • Learner clicks “next” to continue.

RESOURCES

5

3

2

6

4

1

Navigation Tutorial

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

6 of 22

Learning Objectives

  • Background image and header on screen.
  • Begin narration at beginning of slide.
  • As narration goes, each objective flies into screen from right to left.

​

  • Slide auto-advances

Define and understand the skills required for the position

Identify the characteristics that contribute to the company values

Create questions that concisely evaluate the candidate in both technical skill and personality

Learning Objectives

[1]

[2]

[3]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

7 of 22

Technical Skills Required

  • The background image and header is on screen.
  • The tabs appear on left side of screen—an accordion layout.
  • Each tab labeled:
    • .NET Framework
    • Language
    • Managed/Unmanaged Code
    • Garbage Collection

​

​

When the user clicks each of the tabs, the text definition is revealed on each layer.

  • When the user clicks each tab, the rectangle shape slides across to the right side of the screen like an accordion to reveal the layer with text defining each term.
  • The Learner clicks next to continue

.NET Framework

Language

Managed/Unmanaged Code

Garbage Collection

Technical Skills

Our network supports the common languages: C++, C#, and Cobol.

​

​

​

.NET Framework is a virtual machine that assists with compilation, conversion, and execution of code.

Managed Code runs inside the CLR and needs the .NET Framework.

Unmanaged Code does not need CLR or the framework to execute.

The garbage collector releases unused code lying in memory.

​

​

​

​

​

​

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

8 of 22

Technical Skills

  • Background image and header on screen.
  • Four orange boxes will fly in one at a time with a motion path from each of the four corners of the screen following the narration.
  • 1) Orange box with text “Collaborate”
  • 2) Orange box with text “Translate”
  • 3) Orange box with text “Integrate”
  • 4) Orange box with text “Cultivate”

​

  • When the user clicks on each box, the state will change, revealing the blue box with the text details.
  • The learner will click on each of the four orange boxes to reveal information about each topic—revealing the blue text boxes.
  • The learner clicks the next button to continue.

How Those Skills Contribute to XYZ

Collaborate

Translate

Integrate

Cultivate

Collaborate with a team to develop applications

​

Translate storyboards into functional applications

Integrate data storage solutions

​

​

Cultivate code quality over time

​

​

[1]

[2]

[3]

[4]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

9 of 22

Knowledge Check

  • Background image and header on screen.
  • Instructions for knowledge check—match definition to technical term.
  • All four terms and definitions are in a “matching” quiz question slide.

​

  • Correct Answers are as they appear on the screen.
  • If the user chooses correctly, the learner is given a feedback layer of “right answer.” If the user chooses incorrectly, the learner is given a feedback layer of “incorrect” and the correct answer is given.

​

  • On the feedback layer, the learner is given the option to click next to continue.

​

​

​

​

  • The learner will match the term with the definition and hit submit.
  • The learner clicks next to continue.

​

Knowledge Check

Match each definition to the technical term and then click “submit.”

​

​

.NET Framework

a virtual machine that assists with the conversion and execution of code

Language

​

C++, C#, and Cobol

​

Managed Code

​

​

runs inside the CLR and needs the .NET Framework

​

Garbage Disposal

​

​

releases unused code lying in memory

​

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

10 of 22

Values of the Company

  • Background image and header on screen.
  • Following the narration, the three values (in blue rectangles) will fly into screen from right to left.
  • When the user clicks on each rectangle, the shape will change state to reveal the text detail.
  • The learner will click on each of the blue boxes to reveal information about each topic—revealing the new state with the text.
  • The learner can then click the next button to continue.

​

Values of the Company

Quality

Teamwork

Integrity

Quality: We provide outstanding products and unsurpassed service that, together, deliver premium value to our customers.

Teamwork: We work together, across boundaries, to meet the needs of our customers and to help our Company win.

Integrity: We uphold the highest standards of integrity in all of our actions.

[1]

[2]

[3]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

11 of 22

Values in the Candidate

  • Background image and header on screen.
  • Following the narration, the three values (in blue circles) will slide into screen using a motion path. Accountability and collaboration come in from the top of the screen, and integrity comes in from the bottom.
  • When the user clicks on each circle, a layer with text is revealed.

​

  • The learner will click on each of the blue circles to reveal information about each topic—revealing the layer with the text.
  • The learner can then click the next button to continue.

​

Values of the Candidate

Accountability

Collaboration

Integrity

The candidate exhibits a dedication to the quality of the work.

The candidate exhibits enthusiasm for being part of a team.

The candidate exhibits honesty and transparency.

[1]

[2]

[3]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

12 of 22

Knowledge Check

  • Background image and header on screen.
  • Instructions for knowledge check—match behavior with value.
  • All three values and examples are in a “matching” quiz question slide.

​

  • Correct Answers are as they appear on the screen.
  • If the user chooses correctly, the learner is given a feedback layer of “right answer.” If the user chooses incorrectly, the learner is given a feedback layer and the correct answer is given.
  • The learner can click the next button from the feedback layer.

​

  • The learner will match the value with the example and hit submit.
  • On the answer layer, the user can click next to continue.

​

Knowledge Check

​

​

Accountability

Taking responsibility for the decisions made and quality of the product.

Collaboration

Working with colleagues and teams in an amicable manner.

​

Integrity

​

Acting with honesty and professionalism, respecting company policies.

​

Match the candidate’s behavior to the value and click “submit.”

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

13 of 22

Questions for the Candidate

  • Background image and header and sub-header on screen.
  • Following the narration, the two categories will grow into the screen.
  • When the user clicks on each rectangle, a layer with text is revealed.
  • Technical Skills – text will fly into screen from above and land below the box.
  • Personal Values- the text will come from below and land above the box.

​

  • The learner will click on each of the blue boxes to reveal information about each topic—revealing the layer with the text.
  • The learner can then click the next button to continue.

​

Questions for the Candidate

Technical Skills Questions

Personal Values Questions

Technical Skills:

  • What is the .NET Framework?
  • What languages does the .NET Framework Support?
  • What is the difference between managed and unmanaged code?
  • Describe the garbage collection process.

​

Personal Values:

Integrity

  • Have you ever faced an ethical dilemma at work? If so, what was the issue and what did you do?

Collaboration

  • What would you do if you had to work with a person you didn’t get along with?

Accountability

  • Describe a successful team project you worked on so far. What was your contribution?

​

[1]

[2]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

14 of 22

Summary

  • Background image and header on screen.
  • Following the narration, the three objectives will slide into screen using a motion path from right to left.

​

  • The learner can then click the next button to continue.

​

Summary

Define and understand the skills required for the position

Identify the characteristics that contribute to the company culture

Create questions that concisely evaluate the candidate in both technical skill and personality

[1]

[2]

[3]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

15 of 22

Quiz

  • Background image and header on screen.
  • Directions for the quiz will be on screen.
  • The user must select Start button to take quiz.

​

  • The learner can then click the start button to continue.

​

Quiz

It’s time to apply what you’ve learned!

​

Answer five multiple choice questions

​

You must score at least 80% to pass

START

[1]

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

16 of 22

Final Assessment

Yes, after each question

Feedback with be provided with each question.

Just the score

5

Right answer. If incorrect, give the right answer.

80%

No retakes

Retake course

No

  • Learner clicks submit to continue.

Final Assessment

Multiple Choice—Choose the best answer, then select submit.

​

​

A.

What is a .NET Framework and what languages does it support?

​

B.

Why do you like .NET developing?

C.

How long have you been a .NET developer?

What is the best question to ask a candidate to determine technical skills?

DEVELOPER NOTES

Quiz Functionality

Number of questions:

​

​

Will each question provide instant feedback or no feedback?

​

​

What type of feedback is provided (right/wrong/why)?

​

​

Is the question’s answer provided to the learner at any point?

Quiz Behavior

Is the learner able to see their test details at the end or just their score?

​

​

Passing score requirements:�

​

How many retakes may the user have?

​

​

May the user immediately retake the test or must they retake the entire course?

​

​

May the user navigate backwards in the test, and if so can they change their answer?

Images/Media

Slide Title:

17 of 22

  • Learner clicks submit to continue.

Final Assessment

What is the best question to ask a candidate to determine technical skills?

​

​

A.

Explain the difference between managed and unmanaged code.

​

B.

What is the language you are most comfortable working with?

C.

How do you fix broken code?

Multiple Choice—Choose the best answer, then select submit.

DEVELOPER NOTES

Quiz Functionality

Number of questions:

​

​

Will each question provide instant feedback or no feedback?

​

​

What type of feedback is provided (right/wrong/why)?

​

​

Is the question’s answer provided to the learner at any point?

Quiz Behavior

Is the learner able to see their test details at the end or just their score?

​

​

Passing score requirements:�

​

How many retakes may the user have?

​

​

May the user immediately retake the test or must they retake the entire course?

​

​

May the user navigate backwards in the test, and if so can they change their answer?

Images/Media

Slide Title:

18 of 22

  • Learner click submit to continue.

Final Assessment

​

​

A.

Have you ever faced an ethical dilemma at work? If so, what was the issue and what did you do?

​

B.

Why did you leave your last job?

C.

Where do you see yourself in five years?

What is the best question to ask a candidate to determine personal values?

Multiple Choice—Choose the best answer, then select submit.

DEVELOPER NOTES

Quiz Functionality

Number of questions:

​

​

Will each question provide instant feedback or no feedback?

​

​

What type of feedback is provided (right/wrong/why)?

​

​

Is the question’s answer provided to the learner at any point?

Quiz Behavior

Is the learner able to see their test details at the end or just their score?

​

​

Passing score requirements:�

​

How many retakes may the user have?

​

​

May the user immediately retake the test or must they retake the entire course?

​

​

May the user navigate backwards in the test, and if so can they change their answer?

Images/Media

Slide Title:

19 of 22

  • Learner clicks submit to continue.

Final Assessment

​

​

A.

What would you do if you had to work with a person you didn’t get along with?

​

B.

What did you think of your former company?

C.

What made you pursue this career?

What is the best question to ask a candidate to determine personal values?

Multiple Choice—Choose the best answer, then select submit.

DEVELOPER NOTES

Quiz Functionality

Number of questions:

​

​

Will each question provide instant feedback or no feedback?

​

​

What type of feedback is provided (right/wrong/why)?

​

​

Is the question’s answer provided to the learner at any point?

Quiz Behavior

Is the learner able to see their test details at the end or just their score?

​

​

Passing score requirements:�

​

How many retakes may the user have?

​

​

May the user immediately retake the test or must they retake the entire course?

​

​

May the user navigate backwards in the test, and if so can they change their answer?

Images/Media

Slide Title:

20 of 22

  • Learner clicks submit to continue.

Final Assessment

​

​

A.

Describe a team project you worked on. What went wrong and how did you handle it?

​

B.

How do you handle criticism?

C.

Do you like an office or a cubicle?

What is the best question to ask a candidate to determine personal values?

Multiple Choice—Choose the best answer, then select submit.

DEVELOPER NOTES

Quiz Functionality

Number of questions:

​

​

Will each question provide instant feedback or no feedback?

​

​

What type of feedback is provided (right/wrong/why)?

​

​

Is the question’s answer provided to the learner at any point?

Quiz Behavior

Is the learner able to see their test details at the end or just their score?

​

​

Passing score requirements:�

​

How many retakes may the user have?

​

​

May the user immediately retake the test or must they retake the entire course?

​

​

May the user navigate backwards in the test, and if so can they change their answer?

Images/Media

Slide Title:

21 of 22

Results

  • The Results slide would appear—automatically calculate the user’s score.
  • If the user passed, the green check mark and a “congratulations” message would appear. The learner can click next to conclude.
  • If the user did not pass, the learner would be taken to a layer that would allow the learner to “try again.”
  • With a pass score, the Learner can click next to continue.
  • With a fail score, the learner can click “try again.”

Results

Results

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title:

22 of 22

Conclusion

  • Background image and header on screen.
  • Following the narration, the “congratulations” message and “exit course” button would grow into screen.

​

  • The user can click “Exit course” to leave the training.

Conclusion

Congratulations!

You’ve completed the training!

Exit Course

DEVELOPER NOTES

Images/Media

Functionality

Navigation

Slide Title: