Publishing to Mobile Devices: Best Practices and Strategies

  • View
    20

  • Download
    1

Embed Size (px)

DESCRIPTION

Publishing to Mobile Devices: Best Practices and Strategies. Mike Hamilton V.P. Product Evangelism MadCap Software mhamilton@madcapsoftware.com. Agenda. Types of Devices Delivery Formats Delivery Strategy. Type of Device. Type of Device. Smartphones. Tablets. Smartphones/Hand Helds. - PowerPoint PPT Presentation

Text of Publishing to Mobile Devices: Best Practices and Strategies

Publishing to Mobile Devices

Publishing toMobile Devices:Best Practices and StrategiesMike HamiltonV.P. Product EvangelismMadCap Softwaremhamilton@madcapsoftware.com1AgendaTypes of DevicesDelivery FormatsDelivery Strategy

2

Type of Device3Type of DeviceSmartphones

Tablets

4

Smartphones/Hand HeldsSmall form factor (7cm to 13cm)Relatively low resolution320x480480x360400x800640x960Low resolution pointing device (Touch)

5

Smartphones/Hand HeldsPrimary Limitations:Limited screen widthFine for textProblematic for large, non-text contentTouch interfacesElements must be sized to be compatible with human touch

6TabletsMedium form factor (17cm to 26cm)Medium to high resolution800x6001024x6001024x7681366x7682048x1536Touch/Mouse interfaces

7800x600 older windows tablets1024x600 kindle and nook1024x768 iPad 21366x768 Microsoft Surface2048x1536 Current iPadTabletsPrimary Limitations:Multiple interface optionsTouch interfacesElements must be sized to be compatible withhuman touch

8800x600 most windows tablets1024x600 kindle and nook1024x768 iPad 22048x1536 Current iPadTabletsPrimary Limitations:Multiple interface optionsTouch interfacesElements must be sized to be compatible withhuman touchMouse interfacesCan use standardelements

9800x600 most windows tablets1024x600 kindle and nook1024x768 iPad 22048x1536 Current iPad

DeliveryFormats10Delivery FormatsEPUBHTML5 WebHelp Mobile

11Designed for long, linear documents (novels)Requires a viewer Presents like a book, but reflows content like a web page

EPUB12Advantages Comfortable book-like feelOff-line formatSingle fileStandards-based

EPUB13

Disadvantages Requires an installed viewerDifficulty with overflowInconsistentviewersNo branding

EPUB14HTML5Optimized for medium or large format devices Uses the on board browserTested: Int. ExplorerChromeFirefoxSafari

15HTML5Advantages:Cross-browser and cross-platformNo frameset!Can be brandedKnown experience

16HTML5Disadvantages:No Internet Explorer 6 or 7 support (use the older WebHelp)

17

WebHelp MobileOptimized for small format devices Uses the on board browserTested: AndroidBlackberryiPhoneWindows Phone

18WebHelp MobileAdvantages:One output supportsall devicesCan be brandedAlways up to dateHandles overflowcontent well

19WebHelp MobileDisadvantages:Requires a livedata connectionCan be quite technical

20

Mikes Mobile Support Strategy21Phones and Hand HeldsWebHelp MobileUse an appropriate navigation strategy for the small screenCustomize your CSSUse conditionals / meta-data to remove any unnecessary content

22TabletsModified WebHelp or HTML5Customize your CSS using a Mobile mediumIncrease the size of navigation items

23SummaryDetermine what devices you need to supportSelect an appropriate format for each type of deviceTailor content using templates, CSS, and meta-dataModify navigation elements for touch compatibility

24Questions?Mike HamiltonV.P. Product EvangelismMadCap Softwaremhamilton@madcapsoftware.com25