This project involved developing a Storyline-based learning module using design documents and storyboard specifications created by another designer. The goal was to translate the provided vision into a functional, interactive learning experience while addressing gaps and inconsistencies in the source materials.
The provided design documentation outlined the module's general structure but lacked clarity and consistency in several key areas. Missing instructional elements, unclear sequencing, and undefined media assets created challenges in translating the design into a cohesive and usable learning experience.
Without intervention, these gaps could lead to learner confusion, inconsistent navigation, and reduced instructional effectiveness. The challenge was to interpret the original design's intent while making informed decisions to ensure a functional, user-friendly final product.
Partial instructional alignment: While the storyboard included defined content and some assessment elements, alignment between learning objectives, practice activities, and assessments was not always explicit, requiring interpretation during development
Inconsistent structure and sequencing: Slide numbering and navigation behaviors varied across the storyboard, creating ambiguity in module flow and requiring adjustments to ensure a logical progression
Undefined or incomplete media elements: Certain assets, such as video components and visual elements, were referenced but not provided, requiring substitution or redesign to maintain continuity
Mixed levels of specificity in design guidance: While visual and styling requirements were highly detailed (e.g., fonts, colors, button states), instructional and interaction details were sometimes vague or implied
Need to preserve original design intent: All improvements needed to remain aligned with the original vision while enhancing usability and learner experience
Developer's conceptualization of the designer's original intent of the selected slide
The module was developed in Articulate Storyline 360, with a focus on translating the provided design into a cohesive and interactive learning experience. Development required both technical implementation and instructional decision-making to address gaps in the source materials.
Key aspects of the approach included:
Building the course structure and navigation to support a logical progression
Implementing interactive elements with feedback to reinforce learning
Interpreting and refining content to improve clarity and usability
Making design adjustments to enhance readability and learner experience
1. Reconciling Detailed Visual Design with Incomplete Instructional Guidance
The storyboard provided highly specific visual and styling requirements but less clarity around instructional flow and interaction design. Development required balancing strict adherence to visual specifications with informed decisions to improve instructional coherence and usability.
2. Interpreting Incomplete Instructional Elements
Where learning objectives and assessments were unclear or missing, instructional elements were inferred and aligned to support meaningful learner interaction and feedback.
3. Improving Readability and Visual Clarity
Text color, font size, and layout were adjusted to improve readability and ensure content was accessible and easy to process.
4. Enhancing Interactivity and Feedback
Interactive elements were refined to include immediate feedback and multiple attempts, supporting learner engagement and reinforcing understanding.
5. Resolving Navigation and Sequencing Issues
Inconsistencies in slide order and navigation behavior were corrected to create a smoother and more intuitive user experience.
6. Addressing Missing Media Assets
Placeholder or substitute visuals were used where necessary to maintain continuity and prevent gaps in the learning experience.
This project demonstrates the ability to translate incomplete or inconsistent design documentation into a functional and user-centered learning experience. Reviewing the original storyboard and design documents underscores the importance of aligning visual design specifications with instructional intent throughout the development process.
The experience reinforced the importance of flexibility and critical thinking when working with stakeholder-provided materials. It also highlighted the need to balance adherence to an existing design vision with the responsibility to improve clarity and usability where needed.
If expanded further, additional collaboration with the original designer or subject-matter experts would strengthen alignment between instructional intent and final implementation.
Original design documents and storyboard created by Jennie Brown.