Design Document for

Create a Shutterfly Photo Book

By Janet Burt

Purpose of the Course This training will help new and inexperienced Shutterfly customers gain
confidence in creating a photo book. Learners will be introduced to the
customization options available to them - photo layout and editing, background
styles, text color and font, stickers, ribbons, and framing.

Students will have opportunities to practice implementing each concept.

The training will be targeted at adults (18+) who either:
Audience Description
• Want to create a photo book with Shutterfly for the first time
• Lack confidence in using the Shutterfly software, even if they have
created Shutterfly photo books in the past
• Want an update on the most recent Shutterfly photo book functionality

The training may also be somewhat useful for anyone who wants to use
Shutterfly to create other personalized products (calendars, mugs, pillows,
blankets, etc.).

Prior to starting this class, participants will need to have some experience with
computers and using the internet. They also need to be able to physically use a
computer and mouse. More specifically, prior to starting this course,
participants must be able to:
• Click, double-click, and hover with a mouse
• Locate their photos on a computer
• Open a browser and navigate to Shutterfly.com
Major Course 1. Create a Shutterfly photo book project.
Objectives (Terminal)
2. Customize each page of the photo book with photos.

3. Customize each page of the photo book with text, backgrounds, and
embellishments (stickers, ribbons, and frames).

4. Proof and order the photo book.

Burt_CBT_Design-Document 1 6/5/2019
Course Enabling TO1 (Create Project)
Objectives
1. The learner will select the desired size for the photo book.

2. The learner will select a style for the photo book.

3. The learner will upload photos to the photo book project.

TO2 (Add Photos)

1. The learner will change and edit the photo displayed.

2. The learner will identify the photo editing effect (Red-Eye Removal,
Auto, Sunshine, B&W, Sepia, Vibrant, Vintage, or Fade) applied to
an edited photo.

3. The learner will identify the photo areas and text boxes in a page
layout.

4. The learner will select a page layout that will hold the desired
number of photos and text boxes.

TO3 (Change background and add text/embellishments)

1. The learner will change the page background.

2. The learner will change the text content, font, color, and alignment.

3. The learner will change the embellishments on the page.

TO4 (Proof and order the photo book)

1. The learner will preview the final book.

2. The learner will check for warnings that a component will not print
well and resolve warnings if necessary.

3. The learner will order the book.

RLO Enabling 1. The learner will identify the photo areas and text boxes in a page
Objective layout.

2. The learner will select a page layout that will hold the desired
number of photos and text boxes.

Learning Assessment Informal quizzes or simulations after each lesson with immediate feedback.
for Course No formal assessment or certification.

Learning Assessment Informal quizzes – click in picture questions, multi-select questions, and
for RLO single-select questions

Burt_CBT_Design-Document 2 6/5/2019
Instructional Delivery The training will be available entirely online and will be self-paced. Students
method for Course can work through the materials as they create their first Shutterfly photo book.
(overall) They will also be able to revisit the materials, if needed, for a refresher when
creating future Shutterfly projects.

Instructional Strategy Tutorial with an assessment that is almost scenario-based learning, but
for RLO likely doesn’t have enough guidance when the learner does something
unexpected to be considered true scenario-based learning

Media • Images (Screenshots, photos)

• Video (Screen capture)

• Text

• Audio (including captions)

508 Accommodations • Text size, font, and color follows 508 guidelines

• Feedback (correct or incorrect answers) will include both color and

text/icons

• Audio accompanying each screen can be stopped, paused, muted, or

volume adjusted. Captions and a transcript are provided.

• All images will include alt text

• The RLO can be navigated using either mouse or keyboard

• Screens (including assessment screens) will not include a time limit

Burt_CBT_Design-Document 3 6/5/2019
Course Structure Overall Course: 9 lessons grouped into 4 modules
Description
Create Book Project (mod 1):

Lesson 1: Select Book Size and Style (TO1-EO1 and TO1-EO2)

Lesson 2: Upload Photos (TO1-EO3)

Add Photos (mod 2):

Lesson 3: Add and Edit Photos (TO2-EO1 and TO2-EO2)

Lesson 4: Page Layout (TO2-EO3 and TO2-EO4)

Customizations (mod 3):

Lesson 5: Page Background (TO3-EO1)

Lesson 6: Text Formatting (TO3-EO2)

Lesson 7: Embellishments (TO3-EO3)

Proof and Order Book (mod 4):

Lesson 8: Proof the Book (TO4-EO1 and TO4-EO2)

Lesson 9: Order the Book (TO4-EO3)

Seat Time of Course 2-2.5 hours

Seat Time of RLO 10-12 minutes (depending on how fast they go through the assessment)

Burt_CBT_Design-Document 4 6/5/2019
RLO Outline Lesson 4: Page Layout

1. Explain why the learner would want to change the page layout

2. Navigate to the layout options

3. Filter layouts based on the number of photos included on the page

a. Explain Components of the layout (photo spaces and text

boxes)

b. Describe Filtering options (number of photos, text only,

spreads)

c. Filter to layouts that hold exactly the desired number of

photos

i. Caution about choosing layouts with more or fewer

photo spaces than the number of photos to display

4. Select a layout

a. Select the photo book page to change

b. Click different layouts to apply them to the page – indicate

that the layout can be changed at any time.

i. Choose a spread first

ii. Change layout to one with all photos on one page

c. Drag photos to adjust or swap them (if needed) after layout

is selected

5. Assessment

a. Click-in-picture questions to give the learner practice

filtering to layouts that hold a specific number of photos

b. Multi-select and single-select questions to give the learner

practice selecting a layout for a specific set of photos

c. Multi-select question to give the learner practice critiquing a

layout once it has been selected.

Burt_CBT_Design-Document 5 6/5/2019
RLO Flowchart

Screens/Pages in RLO 19

Knowledge Checks or ____Dichotomous (T/F, Y/N, etc.)

Other Assessments or
1 Multiple Choice
Practices for RLO
2 Multiple Select
____Drag and Drop
____Custom – describe; if appropriate, supply flowchart in an Appendix
and reference it here.
3 Other – Click-in-picture

Rollovers/click events (not including knowledge check questions)

0 Rollovers
5 Click Events

Burt_CBT_Design-Document 6 6/5/2019
RLO Navigation A Menu on Demand will be accessible from any screen of the RLO. The
Menu will expand to display the Logical Map that serves as a menu with
links to each module (or lesson?) in the entire course

Paging (Next/Back Buttons) will be displayed on each information screen of

the lesson.

Additional buttons will exist on the question and feedback screens.

Question screens will include a button that the user will click to check their
answer. Feedback screens will include buttons to go to the next question.

Screen Layouts for Title Page and Content/Instructional (no Back button on title page)
RLO

Learner Choice

Burt_CBT_Design-Document 7 6/5/2019
 Knowledge Check

A) Explain Scenario

B) Click-In-Picture/Critique Questions

C) Multiple Choice and Single-Select Questions

Burt_CBT_Design-Document 8 6/5/2019
Development Tools Adobe Captivate, Adobe Photoshop, Microsoft Office PowerPoint, Snipping
for RLO Tool, Internet Browser (Edge or Chrome)

Ownership Janet Burt will develop the initial course and will maintain the course. The
course is being developed for Shutterfly users (I’m not affiliated with
Shutterfly)

Development Time of RLO: 50-70 hours dev time

entire course and
RLO

Support requirements • Free trial of software

for RLO and course
• Online tutorials (to teach me how to use the software)

• Access to Shutterfly website for screenshots

• Nicholle (to continue guiding the design and dev for the RLO and
course)

Project Please sign below indicating agreement with the proposed course plan and
Sign-off [optional] approving start-up of the storyboard and development phases.

Instructional Designer Date

Project Manager/Sponsor Date

Burt_CBT_Design-Document 9 6/5/2019