In this topic we will explore how storyboard authors, Learning Designers and Digital Producers collaborate effectively, discuss best practices for maintaining consistency, organisation, and communication throughout the content migration process, and shed light on the core principles that guide our work at eddy.
By using these guidelines you'll be equipped to make a significant impact on the creation of structured and engaging online courses, ensuring they meet the highest quality standards. Let's dive in.
Migrating a storyboard into the eddy LMS requires transforming content and ideas from a Word file into an interactive and captivating digital learning experiences for students.
To support you in doing this effectively, this topic will guide you though:
- Best practice when transferring content from Microsoft Word to the Content Management System (CMS).
- Mastering HTML formatting, including headings and lists, to enhance content readability.
- Seamlessly integrating HTML Snippets to bring content to life with interactive elements.
- How to apply various content types using HTML.
Key functions of the eddy CMS
Our CMS streamlines the content creation process, promotes collaboration, and ensures that students have access to structured and organised learning materials.
Here are some key functions and roles of the CMS in the eddy ecosystem:
-
Content Creation: Course developers craft and contextualize course content using the CMS, creating an engaging and effective online learning experiences.
-
Content Organisation: The CMS helps structure content logically, ensuring that it's easy for learners to navigate and digest. Our online course content is structured using Modules, Topics and Subtopics.
-
Version Control: It keeps track of content versions, preventing confusion during updates and revisions. A list of revisions is available to allow you to track differences between multiple versions of your content, and revert to older versions.
-
Asset Management: The CMS stores and manages various assets like images and documents, ensuring they're readily accessible when needed.
-
User Management: It enables user roles and permissions, allowing the right people to access and edit content. Editing permissions are limited to Digital Producers / Learning Designers and Course Development managers.
Best Practice
Copying content from a Microsoft Word file storyboard to the CMS is a crucial step in the content creation process. To ensure a seamless transition and maintain content quality, here are some best practices to follow (we will go through each of these in more detail as you make your way through this topic):
-
Use Plain Text: When copying content, paste it as plain text (paste the text into 'Source'). This ensures that no unwanted formatting from Word (such as font styles, sizes or colors) interferes with the CMS's default styling and creates messy HTML code.
-
Heading Styles: Maintain consistency in heading styles. Use CMS-specific heading styles (e.g., H3, H4, H5) rather than Word's formatting. This ensures that the content structure remains intact and visually consistent.
-
Lists and Bullet Points: Recreate lists in the CMS using its built-in list formatting tool in the menu options. Lists can either be bulleted or ordered/numbered. Avoid copying and pasting lists directly, as Word's formatting may not translate correctly.
-
Hyperlinks: Re-establish hyperlinks in the CMS using its link insertion tool in the menu options. Copying and pasting hyperlinks from Word can sometimes lead to formatting issues or broken links.
-
Images and Media: Instead of copying and pasting images directly, upload them to the CMS file manager separately. This ensures proper file management and allows you to control image placement within the content. Always include alt-text.
-
Tables and Data: Recreate tables manually within the CMS, as copying and pasting tables from Word will result in formatting discrepancies. Be sure to check you have included all rows and columns and no information is missing from the table.
-
Clean Up Extra Formatting: After pasting, review the content to remove any unnecessary formatting artifacts that may have been carried over from Word. This includes any unnecessary tags, classes and/or attributes and extra spaces (extra spaces will appear as )
-
Consistent Fonts and Styling: Always check the Learning Management System (LMS) after content in the CMS is saved/published. Ensure fonts, text sizes, and colours match the LMS's default styling. Consistency in text appearance is essential for a polished look.
-
Check Special Characters: Pay attention to special characters (e.g., em dashes, ellipses) and ensure they render correctly in the CMS. Sometimes, these characters may need manual adjustments. & is a common one to look out for, especially if used in a Topic title.
-
Accessibility Considerations: As you migrate content, keep accessibility in mind. Ensure that headings are appropriately tagged (e.g., H3 for main headings, H4 for subheadings and so on), alt text is added to images, and the content is structured for screen readers.
Note: H1 and H2 are automatically applied to the Topic Title and Subtopic Title and do not need to be formatted manually, hence, when formatting migrated content, the main heading level in the text is H3.
-
Preview and Proofread: Always review the content within the LMS to ensure it looks as intended. Proofread for any content errors that may have occurred during the migration process.
-
Version Control: Use version control features in the CMS to track changes and maintain a history of edits. This is especially useful when multiple team members are working on the same content.
-
Collaboration: Collaborate and communicate with team members involved in the content migration process. Consistency in the approach and alignment with best practices are easier to achieve with clear communication.
By following these best practices, you'll ensure that content copied from a Microsoft Word storyboard to the CMS maintains its quality, consistency, and accessibility, resulting in a polished and effective online learning experience.
Description
An accordion is a menu composed of vertically stacked labels that reveal more details when clicked on. Each section’s label describes what is hidden inside that section.
They are used to:
- condense noncritical details into hidden sections, giving the student a choice of if and when they click to see more
- help organize content on pages to keep them shorter
- group information into distinct and logical areas with clear themes
- give students an action to complete (clicking) other than just scrolling through text on a page.
Overuse Warning
Just because you can use an Accordion doesn’t mean you always should. Learning Designers sometimes get so excited about Accordions that they begin to overuse them and put them in places where they don’t belong. When using Accordions, make sure you’re using them for the right reasons. Always filter your design through the lens of the student’s experience.Best practice
Common uses include the following.
Accordions can be used to break down lengthy terms and conditions to easily digestible sections. Students can see a clear menu of Terms and Concepts and can quickly select which one they want to read more of.
Having each stage in the labels gives students a clean and organised view of the overall process. You can then include details of each stage within the accordion content.
Break down each step into easily digestible sections, students can follow along at their own pace, which can help avoid confusion and being overwhelmed. With the use of Accordions, you can enable the student to focus on one step at a time, making sure that they don't miss any important details. It can also help them visualise the sequence.
When to use
Accordions are best used in content-heavy topics where the student will not need to read all of the information but the information is still relevant enough to include.
The most critical information should be placed in the accordion labels, with less important information hidden in the accordion content.
When not to use
Avoid using accordions when the student needs to see all or most of the content.
As each section needs to be clicked on by the student to open and read, do not use accordions to present important details.
If each section in an Accordion is only going to contain a sentence or two, don’t use it. There’s no reason to make learners click and reveal a sentence when you can just include it on the page.
Questions to consider when choosing to use an accordion:
- Does the student need to access this information?
- Will a student be disadvantaged if they don’t read all of the hidden information?
- Does this Accordion enhance the natural flow of learning, or does it disrupt it?
- If each Accordion is going to contain a large volume of content, would it be best to just make each into a their own subtopic?
- Is there enough detail to include in an accordion?
- Would a simple list on the page be sufficient and more logical?
Well-designed Accordion
A badly-designed Accordion will make students wonder “why did I have to click to see that?” or “why am I clicking so much? This is pointless.” Any time a student starts to think about the user experience instead of the actual course content, you’ve lost their attention and broken their trust in the course.
On the other hand, a well-designed Accordion will feel natural. The student won’t think twice about the fact that they’re clicking at all. They’ll simply want to see the information and it will make sense that it’s organized into sections within an Accordion.Accordions can help make your content more visually appealing, organised, and easier to navigate.