View stunning SlideShares in full-screen with the new iOS app!Introducing SlideShare for AndroidExplore all your favorite topics in the SlideShare appGet the SlideShare app to Save for Later — even offline
View stunning SlideShares in full-screen with the new Android app!View stunning SlideShares in full-screen with the new iOS app!
native appsmust be installed on the device written specifically for the OS
web apps reside on a servercoded once for multiple OS’s
“In general, if a Web site is a configurable tool that a user employs frequently, it should probably be a native app.But if a Web site is an information portal whose focus is on content, it should probably be a mobile-optimized Web site.” --Jordan Julien
hybrid apps written in native languages downloaded to the device can access APIscontent comes from the web
Articulate iPad AppFlash > Mobile conversion projectArticulate Storyline Desktop
Conversion from Articulate PresenterPurpose Extend delivery option of existing Flash-based desktop course to tablets.Output Web-based and native app to support Android, Windows and iOS devices.Tools Used Articulate Presenter and StorylineKey Team Me.MembersTimeline 2 weeks to convert 7 modules (2 hrs. of seat time) from Articulate Presenter to Storyline and output to both web and native versions.
Conversion from Articulate Presenter• Bottom Line: • Storyline easily converts existing Presenter files • Watch those Engage interactions • If you have substantial interaction, consider the iPad app over a web app (native). Complex tasks can be difficult using a tablet browser • Make sure your touchable areas look touchable • Know that when a user can’t activate navigation, they consider the app to be broken
Mobile App for New Hires Need to get FULL screenshot of app s Web Page using SnagIt?
Mobile App for New HiresPurpose Give new hires access to most requested information without the complication of a firewall and from whatever device they choose to use. App includes Oracle news, welcome videos from executives, a To Do list, the History of Oracle, and a game.Output Web-based mobile app that also works on a PC. By thinking mobile first, we were able to create a responsive web app that supports both mobile and desktop.Tools Used App was created in Dreamweaver with extensive use of CSS to create the responsive design.Key Team Web designer/programmer, graphic designer, instructional designers. HR SMEMembersTimeline Ongoing. While move new hire information to mobile is important, we have an iterative process with exhaustive reviews. We’re constantly refining and learning. Our goal is to get this one right and then apply our lessons learned to future apps.
Mobile App New Hires• Bottom Line: • We’re still in beta / testing. But our output is now successfully parsing to both mobile and web. Iterating constantly. • Our biggest issues have been too many cooks in the kitchen (so to speak) and disagreement over the forced landscape mode of the game. • We have learned a lot and as we continue to iterate, we are keeping a list of lessons learned on an internal wiki so that we can apply them to our future mobile apps.
Mobile App for Performance SupportPurpose Provide a support aid to reinforce critical information about a specific topic.Output Web-based mobile app optimized for iPhone.Tools Used App was created in Adobe Muse using existing templates provided by Muse.Key Team I developerMembersTimeline 3 dayshttp://tincanapi.businesscatalyst.com/overview-of-tin-can.html
Mobile App for Performance Support• Bottom Line: • Muse is a WYSIWYG editor for creating web apps • Comes loaded with templates and widgets • Real easy to build rapid prototypes: you can import PSD and Fireworks files
Case Study Debrief• Focus on goals• Iterate a lot• Launch and Iterate• Build adaptable systems that don’t force users down a single path
Why do you want the course to be available on mobile devices? How are you choosing the specific device to support? always ask whyShould the course provide a different experience on a phone vs. a tablet?Is there a business need to support deployment on mobile devices?
know mobile constraints small screens unreliable networkspeople in all kinds of situations