This document discusses the differences between responsive HTML5 and multi-screen HTML5 output when creating help content in RoboHelp. Responsive HTML5 layouts adapt content to fit different devices, while multi-screen HTML5 allows specifying unique layouts and content for specific devices. The document recommends using responsive HTML5 for most cases but using multi-screen HTML5 if you need device-specific content or movies. It also discusses using a responsive layout within multi-screen HTML5 for a hybrid approach. Contact information is provided for the presenters.

1. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Easily create, manage,
and deliver rich,
interactive content
experiences across
screens
RoboHelp 11 Sess 1) HTML5 Single Source vs. Responsive
Layout
Maxwell Hoffmann | Adobe Product Evangelist | Twitter @maxwellhoffmann | mhoffman@adobe.com
Willam van Weelden | Tech Writer, etc. | www.wvanweelden.eu | contact@wvanweelden.eu

2. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
WATCH THE LIVE WEBINAR
 These slides accompanied a live webinar, featuring Willem van Weelden,
held on 19 March 2014.
 To view the webinar, click the link below, and use your Adobe.com credentials
for User ID and Password:
http://adobe.ly/1eSJfvv
2

3. Responsive
HTML5
Responsive
HTML5
Creating HTML5 output with
RoboHelp

4. Technical writer & Functional designer
Consulting
Training
Help for 16 applications
Loves: reading, philosophy and studying
IntroductionIntroduction

5. HTML for the interactive web
Widely supported
Specification not final
HTML5HTML5

6. Author in XHTML
Create all kinds of output, including:
Multiscreen HTML5
Responsive HTML5
RoboHelp capabilitiesRoboHelp capabilities

7. Adaptive:
Content and layout specific for every device.
Multiscreen HTML5
Responsive:
Layout specific for device
Responsive HTML5
Adaptive vs ResponsiveAdaptive vs Responsive

8. Pro of adaptive help:
Fine grained control of content.
Layout fits device OS.
Allows you to choose which devices you want to support.
Cons of adaptive help:
You need to specify every device with Screen Layouts.
Visiting help with several devices may give a different
experience.
Adaptive vs ResponsiveAdaptive vs Responsive

9. Pros of responsive help:
Easy to configure.
Device agnostic.
Every device has a consistent experience.
Cons of responsive help:
Content is the same for all devices.
Adaptive vs ResponsiveAdaptive vs Responsive

10. Choose Multiscreen HTML5 if:
You need specific content for a device.
You include Captivate movies for both desktop and
mobile.
You want a specific Screen Layout for different devices.
Choose Responsive HTML5 if:
All other scenarios.
Which do you need?Which do you need?

11. Use the Responsive HTML5 layout for Multiscreen
HTML5
Layouts consistent on all devices.
Only specific content for the devices you choose.
Best of both worldsBest of both worlds

12. Questions?Questions?
Willam van Weelden
@WvWeelden
www.wvanweelden.eu

13. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Contact Information
13
Information
Willam van Weelden
Writer/Functional designer
Web www.wvanweelden.eu
Email contact@wvanweelden.eu
Twitter @WvWeelden
Maxwell Hoffmann
Adobe Systems, Inc.
Product Evangelist
Blog blogs.adobe.com/techcomm
Blog blogs.adobe.com/mbhoffmann
Twitter @maxwellhoffmann & @AdobeTCS
Email mhoffman@adobe.com
Web www.adobe.com
LinkedIn www.linkedin.com/in/maxwellhoffmann
Facebook Adobe Technical Communication Professionals
Previously recorded eSeminars: http://adobe.ly/qo3pzc
Calendarof upcoming eSeminars: http://adobe.ly/xdzOYa