1. Effective Responsive Design Breaking Down the Barriers for Learning Content Monica Kraft Director, Product Marketing Angela McClure Manager of Technical Training

2. Today, we will discuss What is responsive design and why it is the best approach for creating lasting content for any device. How responsive design can be achieved without technical expertise using the Xyleme LCMS and publishing engine. How to brand Xylemes responsive learning skin for your needs using the intuitive DIY interface 2014 Xyleme, Inc - Confidential 2 Twitter: @xylemelearning #responsivedesign 3. Responsive Web Design (RWD) 2014 Xyleme, Inc - Confidential 3 4. Example 2014 Xyleme, Inc - Confidential 4 5. Definition 2014 Xyleme, Inc - Confidential 5 Replace the word site with learning 6. Responsive Characteristics Fluid Layouts Flexible Media Adaptive content Accessible on all devices, 508 compliant Device-appropriate Scales to fit the device Horizontal scrolling 2014 Xyleme, Inc - Confidential 6 7. http://www.internetlivestats.com/internet-users/ 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 1994 1995 http://evolutionofweb.appspot.com/#/evolution/day Browser & Web Technologies Worldwide Device Shipments Sources: IDC and Gartner http://www.fool.com/investing/general/2013/07/08/whatever-happened-to-expensive-pcs.aspx 1 Billion Smartphones 100M 2B 500M 1B 1.5B 2.9B Users 25M Internet Users HTML5 CSS3 JavaScript Age of the Modern Browser 8. Responsive Learning 2014 Xyleme, Inc - Confidential 8 + Instructional Integrity 9. Authoring Learning today 2014 Xyleme, Inc - Confidential 9 Rapid Authoring Tools Desktop and Creative Tools Learning Content Management System 10. Responsive Web Design Authoring 2014 Xyleme, Inc - Confidential 10 Desktop and Creative Web Development Tools 11. Your Learning Dream Team Project Management Subject Matter Experts Instructional Designers Instructional Consultant Measurement/Evaluation Graphic Designer/Illustrator Narrator Assorted writers Marketing Sound/Video Web Developer ContentStrategist Content Curator CommunityManager BusinessAnalyst 2014 Xyleme, Inc - Confidential 11 1 Understand How People Learn 2 Design Learning/Content 3 Multimedia Production 4 Project Management 12. Authoring approaches compared Ease of Use / Skills Collaboration Search and Reuse Interactivity and Question Templates Mobile Output Responsive Publishing Offline Play/Track Xyleme LCMS Rapid Authoring Tools PowerPoint Word .PDF 13. Content Strategy 2014 Xyleme, Inc - Confidential 13 Improve your Content IQ Separate Content from Presentation Publish to many outputs 14. Author & Publish Author Publish Responsive Design 2014 Xyleme, Inc - Confidential 14 15. 2014 Xyleme, Inc - Confidential 15 16. Tailoring the responsive templates 2014 Xyleme, Inc - Confidential 16 Style Layout HTML Tailored Do it yourself (DIY) 17. PRODUCT DEMO 2014 Xyleme, Inc - Confidential 17 18. Thank You Monica Kraft Director, Product Marketing Monica.Kraft@xyleme.com Angela McClure Manager of Technical Training