Hey everyone,

For this module, I decided to create a video on Figma. For those unaware, Figma is a tool used to quickly mockup user interface prototypes, and is a very good tool for any person interested in web development. For the purposes of a simple educational video, I decided to create a tutorial on using Figma to develop a very basic wireframe.

To record this video, I used Open Broadcaster Software (OBS), an open-source recording software that easily allows users to record the contents of their screen.

Applying Cognitive Load Theory

Since Figma can be pretty complex when used to it’s fullest potential, I decided to focus only focus on a few key features present in Figma. This, in my opinion, helps to prevent any extraneous load from unnecessary details that will probably not be necessary for beginners to know. I also decided to not overwhelm learners with a lot of information in a very long video. To accomplish this, I only demonstrated a select few features present in Figma, and used them to create a very simple wireframe.

Principles of Multimedia Learning

I found the principles discussed in this module to be pretty intuitive; especially the personalization principle. Whenever I’ve attempted to teach someone how to accomplish a task in the past, I’ve always used a casual but polite tone to instruct them on what to do. I believe that it helps to create a welcoming environment to learn, and so despite not specifically knowing of the personalization principle, it was always something I inherently attempted to be mindful of. In recording this screencast, I attempted to apply the personalization principle. I tried to suggest that viewers would do certain actions, and avoided using a forceful tone.

Segmenting was another principle I had in mind when creating this screencast. This principle was a bit harder to realize in terms of the content being taught, but my main “idea” was to show the basic steps in creating a wireframe on Figma. I segmented loosely based on steps (creating the Figma design file, then creating shapes in Figma, and finally using these shapes to create basic wireframes). I think there’s ways I could have segmented my lesson better, but overall I’m pretty happy with how it turned out.

I’ve embedded a link to my video down below for anyone who wishes to watch.

-Chris