Sign in / Register
CONTACT US:(801) 537-7800

Mapping Your Flash to HTML5 Conversion

This was originally posted on elearningindustry.com on June 7, 2018.

What You Need To Keep In Mind When Mapping Your Flash To HTML5 Conversion

HTML5 has the ability to deliver learning across devices, a capability every company should use to the benefit of their training program. But, like all transitions, it has the potential to be bogged down with inefficient conversion methodology, resulting in an expensive and sluggish timetable. It is important to establish the exact changes you want to make before diving into the conversion process. Here are some things you should keep in mind when mapping your legacy Flash courses to HTML5.

Do Audio and Video Need an Upgrade?

When you’re in the process of converting to HTML5, you should also evaluate the media in your courses. Is the information in your video outdated? Do audio segments portray dated methodologies? Are the stock photos obviously dated? Now is the perfect time to invest in a change. This technology update provides the best time to update media to reflect new branding, policy and procedure.

When considering these updates, don’t forget about Virtual Reality. From Google Cardboard to Oculus Rift, there are Virtual Reality options available for all budgets. Only 11% of the population has donned a Virtual Reality headgear, but 91% feel positive about the potential experience when given information about the platform. This technology is still evolving, but it represents all kinds of untapped potential.

Should You Gamify?

This time of transition gives you the opportunity to consider implementing another eLearning trend— gamification. If you are planning on updating audio and video, why not also consider using HTML5 to enable a learning-based game. When gamification is deployed to impact a specific learning objective, your learners benefit from more interactivity with higher retention. (Plus, games are often appreciated by employees.)

Like learning modules, games created in HTML5 can be accessed through any web browser. With an engaging game, you tap into the activities user are doing anyway—mobile gaming—and provide them with ways to stay connected and informed throughout the day.

Should You Keep the Course Fixed or Open It?

Flash-based courses offer only fixed navigation. And with phones and many browsers lacking Flash functionality, they can only be operated on a certain number of select, local devices. HTML5 allows a greater degree of freedom with open navigation, which allows for learning modules to be accessed through a browser on desktops, laptops, tablets or smartphones.

This offers a range of fantastic mobile learning opportunities for employees. Not only can they learn at their convenience, but the information contained in the courses is also available for easy access on their personal mobile device. If an issue arises in the workplace, a solution from the curriculum you’ve built is only a couple taps away. Plus, the flexibility of an open HTML5 navigation is more in line with the characteristics of adult learners.

Should Modules be Reorganized to Fit within a Fluid Formatting Structure?

HTML5 allows for fluid reformatting across devices. If you only export a legacy course into an elastic HTML5 format, it will difficult to view or navigate on phones and tablets. However, if you include a responsive redesign in your conversion process, the course now becomes easy to use on any device.

It is important to consider how these smaller chunks are presented and in what order. Walls of text may require rewriting, or some modules need to be redesigned to make sense in a more fluid design. These will require active reorganizing in order to accommodate all devices.

There are many benefits to transitioning legacy Flash courses, and most companies will eventually convert to HTML5 or abandon their Flash courses. But many companies are jumping into conversion without properly fleshing out and mapping the entirety of the process. Flash to HTML5 conversion is an opportunity to ensure your training is more aligned with your learning strategy. Make sure you get it right by thinking through the conversion process. To help with the process, get our free eBook on mapping your Flash to HTML5 conversion here.

representative talent profile

instructional writer

Position(s): Lead or supporting writer
Years of Instructional Experience: 2+
Number of Completed Projects: 15+

Key Skills: Instructional Writing, Technical Writing, Instructional Design, Content Curation, eLearning Development, Curriculum Development, Course Authoring, Storytelling, Learning Assessment, Editing, Proofreading, AI Prompt Engineering

Media Skills: Use of stock media libraries

Strengths: Problem-Solving, Clear and Concise Writing, Tone and Style, Formatting, Consistency, Creativity, Communication, Active Listening, Research, Brainstorming, Collaboration, Attention to Detail, Adaptability

Career Highlights:

  • Scripted over 100 hours of learning content and supporting materials for different modalities for both US and global audiences  
  • Adapted writing style and reading grade level to suit design specifications and learner needs in several different industries (finance, healthcare, manufacturing, etc.) 
  • Used generative AI to supplement source content and to accelerate the writing process (without plagiarism) 

Technical Skills:

representative talent profile

learning experience designer

Position(s): Learning Experience (LX) Designer or Strategist
Years of Instructional Experience: 7+
Number of Completed Projects: 30+

Key Skills: Learner Experience Design (LXD),  Instructional Design, Learning Assessment,  Hybrid Learning, Learning in the Flow of Work, Project-Based Learning Methodologies, Cohort and Social Learning, Learner Experience Platforms

Media Skills: LX journey maps and representations of other interconnected or integrated learning strategies 

Strengths: Systems Thinking, Stakeholder Communication, Instructional Design Strategy, Learning Theory, Training Effectiveness

Career Highlights:

  • Designed personalized learner experience (LX) journeys for an organization of 30k (with 5 tiered tracks) 
  • Curated existing LXs that could be leveraged in new learning journeys for other roles, with measurement at key milestones to evaluate progress and success 
  • Wrote up the specifications for branching scenarios, question libraries, options for audio/visual media, and more, connecting each learner experience to a personalized journey 

Technical Skills:

representative talent profile

instructional media specialist

Position(s): Lead or supporting graphic designer, lead motion video artist
Years of Instructional Experience: 6+
Number of Completed Projects: 40+

Key Skills: Visual Design, Illustration, UX/UI Design, Storyboarding, Animation, Audio Engineering

Media Skills: Engaging illustrations, 3D models, character design, storyboarding, live-action and motion graphic video creation, audio recording and editing, client branding, and more to enhance media and create engaging touchpoints that resonate with learners 

Strengths: Brainstorming, Collaboration, Visual Communication,  Color Theory, Typography, Layout and Composition

Career Highlights:

  • Completed projects with extreme attention to fonts, colors, spacing, and more that ensured integrity with client branding requirements 
  • Designed and integrated media based on project-specific content that reflected the learner audience, established realistic learning environments, allowed for hands-on practice in virtual environments, and promoted diversity and engaging storytelling
  • Created quick-reference illustrations learners could access on the job to help them make fast, effective decisions   

Technical Skills:

representative talent profile

lms admin

Position(s): Admin or sub-admin for Learning Management System (LMS)
Years of Instructional Experience: 5+
Number of Completed Projects: 15+

Key Skills: LMS Configuration, User Management, Course Management, System Maintenance, Reporting, Data Analysis, System Integrations

Media Skills: Network and tech-stack diagrams to communicate system architecture and integration 

Strengths: Troubleshooting and Analysis, Learning Analytics, User Administration, Technical Proficiency, Documentation, Adaptability

Career Highlights:

  • Managed a curriculum of more than 1,450 course offerings in the LMS for more than 10,000 learners 
  • Uploaded, tested, and ensured the readiness of new and relaunched programs 
  • Created and maintained reporting workflows to meet stakeholder needs 
  • Provided on-demand support to the learning team to answer questions and promptly address concerns 

Technical Skills:

representative talent profile

learning project manager

Position(s): Learning project manager, project lead, or coordinator
Years of Instructional Experience: 5+
Number of Completed Projects: 35+

Key Skills: eLearning Development, Resource Coordination, Project Management (PMP Certified), Agile and Waterfall PM Methodologies, Budgeting and Forecasting, Scheduling, Quality Assurance

Media Skills: Visual reporting of project plans via Gantt charts and other standard formats

Strengths: Problem-Solving, Communication, Active Listening, Collaboration, Decision-Making, Attention to Detail, Adaptability, Time Management, Risk Management, Budget Management, Team Coordination and Delegation

Career Highlights:

  • Managed concurrent award-winning projects without missing deadlines or wasting resources 
  • Completed several projects earlier than the expected timeline and under the anticipated budget 
  • Built strong relationships with returning client partners for multi-phase initiatives or course maintenance projects 

Technical Skills:

representative talent profile

SUBJECT MATTER EXPERT (SME)

Position(s): Industry-specific specialist
Years of Instructional Experience: 5+
Number of Completed Projects: 5+

Key Skills: Content Curation, Specialized Content Development, Industry-Specific Expertise, Domain Expertise (e.g., Leadership, Onboarding, Compliance), Content Review

Media Skills: Recommendation and review of technical diagrams or industry-specific images

Strengths: Specialized Content Knowledge, Content-Gathering, Simplifying and Organizing Complex Material, Brainstorming, Collaboration, Documentation of Source Content, Decision-Making, Technical Content Review

Career Highlights:

  • Helped create, gather, and organize over 50 hours of content for projects with specific industry or learning needs and contextual nuances
  • Facilitated the decision-making process and collaboration between internal and external teams to consolidate feedback into actionable next steps 

Technical Skills:

representative talent profile

LEARNING STRATEGIST

Position(s): Lead strategist or performance consultant
Years of Instructional Experience: 7+
Number of Completed Projects: 20+

Key Skills: Needs Analysis, Learning Theory, Learner Experience Design, Learning Analytics and Measurement, Performance Mapping, Behavioral and Performance Analysis, Content Curation, Curriculum Analysis, Change Management

Media Skills: Curriculum maps, learner experience journeys, and conceptual program wireframes

Strengths: Big-Picture Thinking, Critical Thinking and Analysis, Problem-Solving, Creativity, Stakeholder Communication, Research, Design, Collaboration, Facilitation

Career Highlights:

  • Conducted a comprehensive learning needs analysis for customer services representatives that included both product knowledge and interpersonal skills development 
  • Prioritized alignment of business and learner needs, such as high-impact accessible design solutions within budgets or agile timelines, for award-winning projects
  • Designed strategies for measuring performance and results over time to inform continued client success 

Technical Skills:

representative talent profile

Instructional Designers

Position(s): Lead or supporting designer
Years of Instructional Experience: 3+
Number of Completed Projects: 15+

Key Skills: Instructional Design, Adult Learning Theories, eLearning Development, Learner Experience Design, Curriculum Development, Course Authoring, Writing, Learning Assessment

Media Skills: Simple graphic design using stock imagery, audio production

Strengths: Adaptability, Problem-Solving, Creativity, Communication, Collaboration, Technical Proficiency, Attention to Detail

Career Highlights:

  • Led the design and development of an onboarding program for new manufacturing employees
  • Scripted technical instructional content for high-tech, product knowledge training
  • Developed hybrid materials for both instructor-led training (ILT) and microlearning tutorials

Technical Skills: