Publishing to Mobile Devices: Best Practices and Strategies

  • Published on
    25-Feb-2016

  • 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

Transcript

<p>Publishing to Mobile Devices</p> <p>Publishing toMobile Devices:Best Practices and StrategiesMike HamiltonV.P. Product EvangelismMadCap Softwaremhamilton@madcapsoftware.com1AgendaTypes of DevicesDelivery FormatsDelivery Strategy</p> <p>2</p> <p>Type of Device3Type of DeviceSmartphones</p> <p>Tablets</p> <p>4</p> <p>Smartphones/Hand HeldsSmall form factor (7cm to 13cm)Relatively low resolution320x480480x360400x800640x960Low resolution pointing device (Touch) </p> <p>5</p> <p>Smartphones/Hand HeldsPrimary Limitations:Limited screen widthFine for textProblematic for large, non-text contentTouch interfacesElements must be sized to be compatible with human touch</p> <p>6TabletsMedium form factor (17cm to 26cm)Medium to high resolution800x6001024x6001024x7681366x7682048x1536Touch/Mouse interfaces</p> <p>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</p> <p>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</p> <p>9800x600 most windows tablets1024x600 kindle and nook1024x768 iPad 22048x1536 Current iPad</p> <p>DeliveryFormats10Delivery FormatsEPUBHTML5 WebHelp Mobile</p> <p>11Designed for long, linear documents (novels)Requires a viewer Presents like a book, but reflows content like a web page</p> <p>EPUB12Advantages Comfortable book-like feelOff-line formatSingle fileStandards-based</p> <p>EPUB13</p> <p>Disadvantages Requires an installed viewerDifficulty with overflowInconsistentviewersNo branding</p> <p>EPUB14HTML5Optimized for medium or large format devices Uses the on board browserTested: Int. ExplorerChromeFirefoxSafari</p> <p>15HTML5Advantages:Cross-browser and cross-platformNo frameset!Can be brandedKnown experience</p> <p>16HTML5Disadvantages:No Internet Explorer 6 or 7 support (use the older WebHelp)</p> <p>17</p> <p>WebHelp MobileOptimized for small format devices Uses the on board browserTested: AndroidBlackberryiPhoneWindows Phone</p> <p>18WebHelp MobileAdvantages:One output supportsall devicesCan be brandedAlways up to dateHandles overflowcontent well</p> <p>19WebHelp MobileDisadvantages:Requires a livedata connectionCan be quite technical</p> <p>20</p> <p>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</p> <p>22TabletsModified WebHelp or HTML5Customize your CSS using a Mobile mediumIncrease the size of navigation items</p> <p>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</p> <p>24Questions?Mike HamiltonV.P. Product EvangelismMadCap Softwaremhamilton@madcapsoftware.com25</p>