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
I really liked your screencasting presentation! I agree that applying the Cognitive Load Theory is really important, especially when doing an introduction-level tutorial with the target audience being people who have never used the platform before.
Hey! I really like the point you made about the tone of voice you have when trying to teach someone. Even when we do all the “right” things while teaching someone if we use a forceful tone it causes unnecessary stress to the learner, leading to that cognitive overload that we reflected on this week.
Your screencast was very well done. I was able to understand each step you did and feel that I would have been able to follow along as a learner. Great job Chris!
Hi Chris,
Your approach to simplifying Figma for beginners in your video is spot on! The way you’ve applied Cognitive Load Theory and Principles of Multimedia Learning shows your dedication to creating an effective and engaging tutorial. Your video will undoubtedly be a valuable resource for those diving into web development. Keep up the fantastic work!