270 likes | 456 Views
Text here. Going Mobile! How to Optimize Content and Select a Format. Mike Hamilton V.P. Product Evangelism MadCap Software. Types of Devices Delivery Formats Delivery Strategy. Agenda. Types of Devices. Smartphones. Tablets. Types of Devices . Small form factor (3” to 5”)
E N D
Text here • Going Mobile! • How to Optimize • Content and Select a Format Mike Hamilton V.P. Product Evangelism MadCap Software
Types of Devices • Delivery Formats • Delivery Strategy Agenda
Smartphones Tablets Types of Devices
Small form factor (3” to 5”) Relatively low resolution 320x480 480x360 400x800 640x960 Touch/Swipe interfaces Smartphones/Hand Helds
Primary Limitations: Limited screen width Fine for text Problematic for large, non-text content Touch/Swipe interfaces Elements must be sized to be compatible with human touch Smartphones/Hand Helds
Medium form factor (7” to 10”) Medium to high resolution 800x600 1024x600 1024x768 2048x1536 Touch/Swipe interfaces Tablets
Primary Limitations: Touch/Swipe interfaces Elements must be sized to be compatible with human touch Tablets
EPUB WebHelp Mobile WebHelp HTML5 (WebHelp 2) Delivery Formats
Designed for long, linear documents (novels) Requires a viewer Presents like a book, but reflows content like a web page EPUB
Advantages Comfortable book-like feel “Off-line” format Single file Standards-based EPUB
Disadvantages Requires an installed viewer Difficulty with “overflow” Inconsistentviewers No branding EPUB
Optimized for small format devices Uses the on board browser Tested: Android Blackberry iPhone Windows Phone WebHelp Mobile
Advantages: One output supportsall devices Can be branded Always up to date Handles “overflow”content well WebHelp Mobile
Disadvantages: Requires a livedata connection WebHelp Mobile
Optimized for medium or large format devices Uses the on board browser Tested: Int. Explorer Chrome Firefox Safari WebHelp
Advantages: Cross-browser and cross-platform Can be branded Known experience WebHelp
Disadvantages: Frameset technology causes security and SEO issues Some find it “dated” Not touch friendly WebHelp
Optimized for medium or large format devices Uses the on board browser Tested: Int. Explorer Chrome Firefox Safari HTML5
Advantages: Cross-browser and cross-platform No frameset! Can be branded Known experience HTML5
Disadvantages: Not as easy to configure as the older WebHelp No IE6 or IE7 support HTML5
WebHelp Mobile Use a dedicated mobile Master Page Customize your CSS using a Mobile “medium” Use conditionals to remove any unnecessary content Smartphones/Hand Helds
Modified WebHelp or HTML5 Customize your CSS using a Mobile “medium” Modify Skin file to increase the size of navigation items Tablets
Determine what devices you need to support Select an output format for each type of device Tailor content using Master Pages, Skin files, and Conditionals Modify WebHelp (HTML5) Skin files for touch compatibility Summary
Questions? Mike Hamilton V.P. Product Evangelism MadCap Software