Instructional Design 101 Content Library

Want to dive into the basics?

Check out the library below. 🙂

I’ve spent a good long while curating some foundational, must-know content that all new instructional designers will benefit from learning. Hopefully you enjoy/have fun!

Many of the new IDs I work with seem
a little confused and pretty overwhelmed by all of the different file types in eLearning. I get it! PNGs! JPEGS! SVGs!<br /><br />I get it! There are countless acronyms, and it can be confusing to know which type of file to use, when, as well as what program creates which. <br /><br />While everyone’s process will be a little different, there are a few different graphic file formats I tend to use most with my eLearning development work, and I’ll walk you through those in this lesson. <br /><br />0:48 - PNG<br />1:25 - JPEG<br />2:06 - GIF<br />2:50 - SVG<br />3:22 - EPS<br />3:50 - Other File Formats<br /><br />Before we get going, please know that this is not an all-encompassing list. Also, we won’t be discussing video or audio file formats today, as we’re honing in specifically on graphics in this mini video course. <br /><br />___<br /><br />PNG <br /><br />This stands for Portable Network Graphic. This is a type of image that uses transparent or semi-transparent backgrounds, so it’s perfect for logos and layering. I find myself using PNG as my go-to image type, simply due to the crisp, high-quality result it produces. To get that effect, PNGs use something called lossless compression, which means they retain all of their original data when compressed. That means higher-quality output, which is great—but also a larger file size, which can lead to slower loading times.<br /><br />JPEG <br /><br />This stands for Joint Photographic Experts Group. This is a graphic file type used namely in photography and web publishing. Unlike PNGs, JPEGs have solid backgrounds, so they can be trickier to work with when you’re creating layered compositions. JPEGs are great for everyday graphics that don’t require transparent backgrounds or super-high quality. They use something called “lossy” compression—which means that in order to keep image size small, the file will lose some original data along the way. That means JPEGs can lead to faster loading times—but also, a lower quality output. Keep that in mind.<br /><br />GIF<br /><br />This stands for Graphical Interchange Format. These file types are often used to share short clips of movies or movement. GIFs are essentially a series of still images strung together to create a small scene—similar to a flipbook animation. Like PNGs, GIFs are also saved in a lossless format, meaning no image quality is sacrificed when its saved. Again, this leads to larger file sizes and slower loading times. GIFs are popular in today’s meme culture, but they also have some applicability when it comes to eLearning design, especially for basic animation.<br /><br />SVG<br /><br />This stands for Scalable Vector Graphic. Vector graphics rely on coordinates on a plane rather than pixels, which means they don’t lose resolution when they’re scaled up. SVGs are great to use in projects with responsive design, as the output will look crisp no matter how large the screen. You can modify vector graphics using PowerPoint, which we’ll talk about later in this course, but only if they’re converted to .SVG file types first. That makes this file type a very useful one for folks without an additional vector-image software, such as Illustrator or Inkscape.<br /><br />EPS<br /><br />This stands for Encapsulated PostScript. This is another vector graphic file type, which can be universally accessed by almost all systems and software. It’s often used for large-scale print projects (such as a billboards), but you’ll also find these file types when you download vector packs, which we’ll talk about in the next lesson. Vector graphics are highly valuable for LXDs, because the various components can be easily recolored and reshaped to suit the needs and palettes of our projects. <br /><br />There are also a few types that don’t exactly pertain to the scope of this course, but they’re still worth mentioning. <br /><br />TIFFs - Stands for Tagged Image File Format. This is another graphic file type, mostly used for high-resolution scans or photography. Because I typically source stock photos online for the work I do (as opposed to shooting photos myself), I really don’t find any use for this file type.<br /><br />And while I said I wouldn’t dive into video or audio, just so you have this on the record: MP4 and .MOV are video file types  and MP3s or .WAV files are used for audio.<br /><br />Hopefully this is a pretty good overview of the common types of file formats used in instructional design and eLearning!

Many of the new IDs I work with seem
a little confused and pretty overwhelmed by all of the different file types in eLearning. I get it! PNGs! JPEGS! SVGs!

I get it! There are countless acronyms, and it can be confusing to know which type of file to use, when, as well as what program creates which.

While everyone’s process will be a little different, there are a few different graphic file formats I tend to use most with my eLearning development work, and I’ll walk you through those in this lesson.

0:48 - PNG
1:25 - JPEG
2:06 - GIF
2:50 - SVG
3:22 - EPS
3:50 - Other File Formats

Before we get going, please know that this is not an all-encompassing list. Also, we won’t be discussing video or audio file formats today, as we’re honing in specifically on graphics in this mini video course.

___

PNG

This stands for Portable Network Graphic. This is a type of image that uses transparent or semi-transparent backgrounds, so it’s perfect for logos and layering. I find myself using PNG as my go-to image type, simply due to the crisp, high-quality result it produces. To get that effect, PNGs use something called lossless compression, which means they retain all of their original data when compressed. That means higher-quality output, which is great—but also a larger file size, which can lead to slower loading times.

JPEG

This stands for Joint Photographic Experts Group. This is a graphic file type used namely in photography and web publishing. Unlike PNGs, JPEGs have solid backgrounds, so they can be trickier to work with when you’re creating layered compositions. JPEGs are great for everyday graphics that don’t require transparent backgrounds or super-high quality. They use something called “lossy” compression—which means that in order to keep image size small, the file will lose some original data along the way. That means JPEGs can lead to faster loading times—but also, a lower quality output. Keep that in mind.

GIF

This stands for Graphical Interchange Format. These file types are often used to share short clips of movies or movement. GIFs are essentially a series of still images strung together to create a small scene—similar to a flipbook animation. Like PNGs, GIFs are also saved in a lossless format, meaning no image quality is sacrificed when its saved. Again, this leads to larger file sizes and slower loading times. GIFs are popular in today’s meme culture, but they also have some applicability when it comes to eLearning design, especially for basic animation.

SVG

This stands for Scalable Vector Graphic. Vector graphics rely on coordinates on a plane rather than pixels, which means they don’t lose resolution when they’re scaled up. SVGs are great to use in projects with responsive design, as the output will look crisp no matter how large the screen. You can modify vector graphics using PowerPoint, which we’ll talk about later in this course, but only if they’re converted to .SVG file types first. That makes this file type a very useful one for folks without an additional vector-image software, such as Illustrator or Inkscape.

EPS

This stands for Encapsulated PostScript. This is another vector graphic file type, which can be universally accessed by almost all systems and software. It’s often used for large-scale print projects (such as a billboards), but you’ll also find these file types when you download vector packs, which we’ll talk about in the next lesson. Vector graphics are highly valuable for LXDs, because the various components can be easily recolored and reshaped to suit the needs and palettes of our projects.

There are also a few types that don’t exactly pertain to the scope of this course, but they’re still worth mentioning.

TIFFs - Stands for Tagged Image File Format. This is another graphic file type, mostly used for high-resolution scans or photography. Because I typically source stock photos online for the work I do (as opposed to shooting photos myself), I really don’t find any use for this file type.

And while I said I wouldn’t dive into video or audio, just so you have this on the record: MP4 and .MOV are video file types and MP3s or .WAV files are used for audio.

Hopefully this is a pretty good overview of the common types of file formats used in instructional design and eLearning!

6 0

YouTube Video UExZUW9LSExIZEFmeDVhdU55OEpUOUltajZUUUs2VWhYdy45NDk1REZENzhEMzU5MDQz

Graphic File Formats for eLearning and Design (JPEG, PNG, GIF, EPS, SVG, and more!)

Kaborzi Learning Network October 9, 2022 11:28 pm

Are you an instructional designer exploring LXD? Find out how to use learner personas to design better learning experiences and training! <br /><br />In Part 2 of 3 of this LXD Mini-Series, I explain some of the downfalls of relying on stakeholders to provide information about our learners during the Intake process. <br /><br />Often, stakeholders just see learners as employees. But LXDs understand that these learners are people! They have lives outside of work and lived experiences that are going to greatly affect how they show up to take our courses. <br /><br />By creating learner personas and assigning a persona to represent an entire learner group, we can build empathy—the first step in design thinking—to really put ourselves in their shoes. Once we understand more about who they are as people (not just employees!), we can consider that as we move to define our project goal and begin to brainstorm solutions to our problems. <br /><br />NOTE: This is part of a recorded webinar I presented earlier this year. While I do believe my design background, UX training, and 9 years of ID/LXD experience makes me qualified to weigh in on this topic... please understand that these are just my own opinions. YMMV. <br /><br />Regardless, creating personas whenever we're designing anything—be it a course, training, program, process, or product—will help us understand our end-user more to be able to better create experiences that truly meet their needs.

Are you an instructional designer exploring LXD? Find out how to use learner personas to design better learning experiences and training!

In Part 2 of 3 of this LXD Mini-Series, I explain some of the downfalls of relying on stakeholders to provide information about our learners during the Intake process.

Often, stakeholders just see learners as employees. But LXDs understand that these learners are people! They have lives outside of work and lived experiences that are going to greatly affect how they show up to take our courses.

By creating learner personas and assigning a persona to represent an entire learner group, we can build empathy—the first step in design thinking—to really put ourselves in their shoes. Once we understand more about who they are as people (not just employees!), we can consider that as we move to define our project goal and begin to brainstorm solutions to our problems.

NOTE: This is part of a recorded webinar I presented earlier this year. While I do believe my design background, UX training, and 9 years of ID/LXD experience makes me qualified to weigh in on this topic... please understand that these are just my own opinions. YMMV.

Regardless, creating personas whenever we're designing anything—be it a course, training, program, process, or product—will help us understand our end-user more to be able to better create experiences that truly meet their needs.

8 0

YouTube Video UExZUW9LSExIZEFmeDVhdU55OEpUOUltajZUUUs2VWhYdy5DQUNERDQ2NkIzRUQxNTY1

LXD and User Personas for Instructional Design (What is LXD: Part 2 of 3!)

Kaborzi Learning Network September 25, 2022 11:48 pm

You've probably heard the letters "LXD" floating around in the instructional design space. But what exactly does "Learning Experience Design" mean, and how does it different from regular ID work? <br /><br />In this 3-part series, we'll walk over some fundamentals about the paradigm shift that's happening in the L&D and training field. <br /><br />Here's the breakdown of content, which will be released over the next handful of weeks. <br /><br />Part 1: <br />ID to LXD - What's the difference between these titles and approaches to learning design?<br /><br />Part 2: <br />LXD and Learner Personas - How can creating learner personas help you design more effective experiences? <br /><br />Part 3: <br />Personas Deep-Dive - What information should you include in your personas, and why does it matter? <br /><br />This video was originally recorded as part of a webinar, so there's some user engagement. However, as an LXD (who prides myself in the creation of new, innovative content), I've layered the original video with some fresh new visuals to really drive this story home. <br /><br />Really want to reiterate that this is merely my lived experience! Many other LXDs may have a different perspective of what the differences are, and that's just peachy. <br /><br />The most important takeaway, at least in the Kaborzi book: "LXD" is not merely a rebrand from Instructional Design. Just because you craft storyboards for companies does NOT mean you can design effective experiences for learners. It's a true Jack/Jane of all Trades kind of profession. <br /><br />We wear LOTS of hats!

You've probably heard the letters "LXD" floating around in the instructional design space. But what exactly does "Learning Experience Design" mean, and how does it different from regular ID work?

In this 3-part series, we'll walk over some fundamentals about the paradigm shift that's happening in the L&D and training field.

Here's the breakdown of content, which will be released over the next handful of weeks.

Part 1:
ID to LXD - What's the difference between these titles and approaches to learning design?

Part 2:
LXD and Learner Personas - How can creating learner personas help you design more effective experiences?

Part 3:
Personas Deep-Dive - What information should you include in your personas, and why does it matter?

This video was originally recorded as part of a webinar, so there's some user engagement. However, as an LXD (who prides myself in the creation of new, innovative content), I've layered the original video with some fresh new visuals to really drive this story home.

Really want to reiterate that this is merely my lived experience! Many other LXDs may have a different perspective of what the differences are, and that's just peachy.

The most important takeaway, at least in the Kaborzi book: "LXD" is not merely a rebrand from Instructional Design. Just because you craft storyboards for companies does NOT mean you can design effective experiences for learners. It's a true Jack/Jane of all Trades kind of profession.

We wear LOTS of hats!

11 0

YouTube Video UExZUW9LSExIZEFmeDVhdU55OEpUOUltajZUUUs2VWhYdy4xMkVGQjNCMUM1N0RFNEUx

What’s the Difference Between LXD and Instructional Design?

Kaborzi Learning Network August 1, 2022 10:33 pm