Content gone mobile
Download as PPTX, PDF0 likes905 views
This document discusses best practices for designing content for mobile devices. It recommends keeping mobile content concise and focused on a single topic per page since reading on small screens is difficult. Content should be presented vertically and use minimal clutter, images, and scrolling. Interactions should utilize touch gestures and be optimized for thumb use. Technical instructions for mobile should incorporate visual demos, tutorials, walkthroughs and help overlays. The document provides examples and references further resources for mobile content design.
Content gone mobile
- 1. Content Gone Mobile
- 2. In This Presentation • Concepts of content for mobile reading • Mobile content best practices • A look at Technical instructions gone mobile
- 3. Mobile devices are… • Portable • Hand held • Usually refers to Smart Phones or Tablets (with a touch screen) Picture from jquerymobile.com
- 4. Mobile in 2013 • Brand wars will fuel innovation (devices) • Apps evolving and becoming more useful not just “time killers” and games. • Digital wallets • Flexible devices • Personal cloud • Seamless user experience
- 5. APP Types • Native APPs • Native to the devices operating system, are installed and run directly on the device. • Has access to the devices features, hardware, ect. • Do not work cross platform • Web APPs • Runs in the mobile device’s web browser. • Limited access to the device’s native features • Can run in different devices as long as they have a browser. Picture from http://info.actionpaper.net
- 6. Content Design Considerations Picture from www.mlwebco.com
- 7. “Reading Mobile Content Is Twice as Difficult” Jakob Nielsen reader comprehension on mobile Summary: When reading from an iPhone-sized screen, comprehension scores for complex Web content were 48% of desktop monitor scores. Analysis of Facebook's privacy policy Results: Desktop screen: 39.18% comprehension score Mobile screen: 18.93% comprehension score Source: www.nngroup.com/articles/mobile-content-is-twice-as-difficult/
- 8. Keep it Focused • Clutter free main page with links to other topics. • Each page should focus on a topic. • Reading on small devices is hard - text is often skimmed. • Useful information should be found at a glance.
- 9. Keep it Vertical • Handheld devices are usually used in vertical mode. • Scrolling down is fine, sideways is okay sometimes. • Scrolling up, down left & right is disorienting. Picture from www.funnyjunk.com/
- 10. Keep it in Style • Mobile Users have mobile design expectations layout, buttons, mobile language • Apps have character Picture from wt.blog.ictea.com/?cat=11
- 11. Keep it Light • Heavy graphics and media slow down the phone and can cause time out. Picture from www.tested.com/
- 12. Design for Easy Thumb Reach • Controls at the bottom • Scrollable content and buttons in the middle. • Headers for viewing only on top. • Consider left handers Picture from//mobile.smashingmagazine.com/2012/07/12/elements-mobile-user-experience/
- 14. Technical Content Gone Mobile Picture from 123rf.com
- 16. Sample of Demo Source: www.inspireux.com/
- 17. Sample of Tutorial Source: www.inspireux.com/
- 18. Sample of Walkthrough Source: www.inspireux.com/
- 19. Sample of Screen Overlay www.inspireux.com/
- 23. Where to Find Further Information • Tapworthy Designing Great iPhone Apps By Josh Clark Publisher: O'Reilly Media • Content Strategy For Mobile By Karen Mcgrane • www.SmashingMagazine.com • Mobile Summit • Mobile Mondays (www.momotlv.com)