RESPONSIVE ELEARNING
Five Reasons Why Responsive Matters: See How
Caterpillar Delivers Training Across Any device
TIPS FOR THE WEBINAR
Tweeting? Please use the tag: #ResponsiveeLearning @XylemeLearning
(800) 263-6317
WELCOME
For More Info / To Register / To Access Archive:
Search “Webinars” or “On Demand” at TrainingIndustry.com
Tweeting? Please use the tag: #ResponsiveeLearning @XylemeLearning
(800) 263-6317
YOUR HOSTS
3 ©2015 Xyleme, Inc. - All Rights Reserved.
Glenn Woodard
Sr. Training Consultant,
Global Service Training
Caterpillar Inc.
https://www.linkedin.com/in/glennwoodard http://www.cat.comMonica Kraft
Director,
Product Marketing
Xyleme
https://www.linkedin.com/in/monicakraft http://www.xyleme.com Twitter: monicakraft2#ResponsiveELearning @XylemeLearning
TODAY
Responsive Design
Learning Ecosystem
Responsive eLearning
The Caterpillar Journey
How do we get there?
4 ©2015 Xyleme, Inc. - All Rights Reserved.
RWD
Responsive Web Design
5 ©2015 Xyleme, Inc. - All Rights Reserved.
RESPONSIVE WEBSITES
6 ©2015 Xyleme, Inc. - All Rights Reserved.
• Short-form Learning / Micro-learning • Personalized
• Support at the moment of need • Informal
• Non-linear
• Do you have a SHORT video on that topic?
• Can I take that program remotely rather than travel to the
class?
• Is there a digital version of that Learning Manual that can be used on my tablet?
• If I can pass the test, do I have to take the compliance program again?
• Can I see ratings by other employees on each of those
courses so that I can choose the best one?
• Is there a simulation where I can practice my new skills?
• What is the name of a worker who is an expert in this new
topic that I can use for support?
LEARNING TRENDS
Trends Learners
7 ©2015 Xyleme, Inc. - All Rights Reserved.
8 ©2015 Xyleme, Inc. - All Rights Reserved.
9 ©2015 Xyleme, Inc. - All Rights Reserved.
A JOURNEY
THINK OUTSIDE THE PC
FROM SPECIFIC TO AGNOSTIC
Required: PC, IE9
We control the experience Any device, browser, OSUser controls the experience (get over it)
ADJUST
INTERACTIONS AND VOCABULARY
“
click and drag” click on a radio button all controls visible all the time click X to close & score“select”
large targets for fingers condensed menu & controls may be left open in background
Resize images vs. scroll bars? Interactives?
“This course will take 90 minutes”?
CHALLENGES
THE PHONE
http://www.keynote.com/solutions/testing/mobile-testing Go back to the fundamentals:
• Target audience • Target devices • User stories
Try your current output on a touch device: • What works
• What doesn’t • What’s obsolete
Create mock-ups with real content
• Helps drive design, templates, standards
Find a solution for testing on multiple devices and browsers
LESSONS
SO FAR
Where are you on your responsive design journey?
• Trying to find directions to the beach • At the beach, standing on the sand • Tipping our toes in the water
• Out swimming with the dolphins
WHERE ARE YOU?
Poll
16 ©2015 Xyleme, Inc. - All Rights Reserved.
If you aren’t swimming with the dolphins, why not?
• We don’t have the skills or tools in house • Outsourcing is cost prohibitive
• Mobile isn’t a priority for us • Other
WHAT IS STOPPING YOU?
Poll
17 ©2015 Xyleme, Inc. - All Rights Reserved.
EFFECTIVE
RESPONSIVE
DESIGN
18 ©2015 Xyleme, Inc. - All Rights Reserved.
Starts with a
single
WRITE ONCE
Output Many
19 ©2015 Xyleme, Inc. - All Rights Reserved.
Instructor Led Training
Job Aids Performance Support eLearning Participant Guides Facilitator Guides Core Knowledge
Reusable Blocks
eBooks• Content is separated from presentation • Content is built bite-sized, searchable • Content is assembled in many ways • Published to many outputs
• Web outputs are responsive
• Cloud delivery to any system or device • Centralized analytics
SINGLE SOURCE AND RWD
A MARRIAGE MADE IN HEAVEN
20 ©2015 Xyleme, Inc. - All Rights Reserved.
Instructor Led Training
Job Aids Performance Support eLearning Participant Guides Facilitator Guides eBooks
Content Assemblies Outputs/ Modalities Devices
1 3 9 27
©2015 Xyleme, Inc. - All Rights Reserved. 21
MINDSET
22 ©2015 Xyleme, Inc. - All Rights Reserved.
Content Strategy is the methodology to solve business goals through the systematic design, development, delivery, and maintenance of content.
It is a repeatable method of:
• identifying content requirements up front,
• creating consistently structured content for reuse,
• managing that content in a definitive source, and
• assembling content to meet business needs.
MINDSET SHIFT
Content=Reusable Business Asset
MINDSET SHIFT
Content <> Course
1. Request to build a course to teach New Hires about our clients
2. Write content specific to audience and output (classroom, eLearning)
3. Run class, post eLearning to LMS
1. Analysis: Consider who needs to know what about Our Clients
2. Create reusable content blocks
3. Assemble content into various outputs 4. Distribute to multiple audiences
5. Manage: Review, refine, approve, and manage content blocks
MINDSET SHIFT
Separate Content from Presentation
25 ©2015 Xyleme, Inc. - Confidential
Content Presentation
iTunes iPod
Transmission, braking system, chassis Car
Lego Blocks Lego Creations
Content: • Explanations • Checklists • Mental models • Images • Activities • Videos Presentation: • ILT • eLearning • Performance Support • Blog
P re fer en ce CMS Tool Non-linear learning
Content layering and linking Learning ecosystem
The learner is in control HTML5/CSS/JavaScript
“Google Analytics” for learning
Agile development – if it’s not working, fix it now
MINDSET SHIFT
Design like a Web Developer
26 ©2015 Xyleme, Inc. - Confidential
Expertise
TOOLSETS
27 ©2015 Xyleme, Inc. - All Rights Reserved.
TOOLS
28 ©2015 Xyleme, Inc. - All Rights Reserved.
Rapid
Authoring
Tools
Desktop
and
Creative
CMS for
Learning
SKILLSETS
29 ©2015 Xyleme, Inc. - All Rights Reserved.
YOUR DREAM TEAM
30 ©2015 Xyleme, Inc. - All Rights Reserved.
•
Project Management
•
Subject Matter Experts
•
Instructional Designers
•
Instructional Consultant
•
Measurement/Evaluation
•
Graphic Designer/Illustrator
•
Narrator
•
Assorted writers
•
Marketing
•
Sound/Video/Animation
•
Web Developer
•
Content Strategist
•
Content Librarian
•
Content Curator
•
Community Manager
•
Business Analyst
1. The end-user is in control
2. The most efficient way to get to mobile 3. Future-proof your content investment 4. Works great for translated content
5. Helps you think about content differently
SUMMARY
5 reasons why Responsive eLearning matters
31 ©2015 Xyleme, Inc. - All Rights Reserved.
THANK YOU
32 ©2015 Xyleme, Inc. - All Rights Reserved.
Glenn Woodard
Sr. Training Consultant,
Global Service Training
Caterpillar Inc.
https://www.linkedin.com/in/glennwoodard http://www.cat.comMonica Kraft
Director,
Product Marketing
Xyleme
https://www.linkedin.com/in/monicakraft http://www.xyleme.com [email protected] Twitter: monicakraft2#ResponsiveELearning @XylemeLearning
For More Info / To Register / To Access Archive:
Search “Webinars” or “On Demand” at TrainingIndustry.com
•Apr 1: Coaching Trainers for Better Virtual Classroom Sessions
•Apr 2: Leadership Storytelling: Five Narratives that Move Organizations •Apr 9: Six Strategies for Engaging the Modern Learner
Join our LinkedIn Group to continue this discussion.
Visit the TrainingIndustry.com Webinars page for more
information.
More Ways to Get Involved
Become a CPTM
Thank You
On behalf of TrainingIndustry.com, thanks to:
Today’s Speakers: Monica Kraft & Glenn Woodard Today’s Sponsor: Xyleme
