13. 1996 2002 2002 20061993
FutureSplash Animator was
created by Jonathan Gay
and Robert Tatsumi at
Future Wave Software
eHelp acquires
FlashCam. Software is
renamed RoboDemo
Macromedia Acquires
Future Wave Software and
renames software Flash
Articulate is founded
by Adam Schwartz
The Rise of Flash and e-Learning
14.
15. PC / GUI Era The More Features,
the Better
Editing Area
26. + Mobile is the fastest Technology shift in
history. Traction: Time from consumer availability
to 10% penetration
Tablets achieved 10%
traction in 2011
27. + Cisco Global Mobile Data Traffic Forecast
Update, 2012–2017
By the end of 2013, the number of mobile-connected devices will exceed the number of
people on earth, and by 2017 there will be nearly 1.4 mobile devices per capita.
50. +
Auto Insurance Companies and Mobile
Take and submit pictures using your device camera and record accident details and vehicle damage.
51. +
Airlines look to Mobile to improve Travel
Track your checked bag – just like you track a package. On Delta, iPhone users can scan the barcode – and watch your bag‘s
journey from departure to arrival and all points in between.
84. +
Mobile Era = Less is More
―… the mobile age demands new
parameters. Now we need
services that require less typing,
fewer buttons, simple swipe and
pinch actions, browsing that
seamlessly integrates vertical and
horizontal movement, larger
images, and fewer data hooks
that clutter up the user
experience.‖
⌃Hamish McKenzie, PandoDaily
86. +
Thinking Mobile First
Thinking Mobile-first forces you to focus and prioritize
Thinking Mobile-First makes Desktop eLearning better
Helps you avoid ―shrinking‖ desktop content for mobile via
HTML5 Conversion tools
Go small by going Big when designing for Mobile
Thinking Mobile-first forces to simplify, simplify, simplify
Don‘t wait until your ready for mLearning, think mobile-first now
87. “…start fresh with progressive
enhancement,building from the basic all the
way to a desktop view. When we´re done,
you´ll have a page that is optimized
regadless of the screen size.”
Small screens
(smartphones)
Medium screens
(tablets)
Larger screens
(desktops and TVs)
Progressive enhancement based on screen sizes and client features
Gardner & Grigsby (2012)
Head First Mobile Web.
O´Really Media, Inc.
91. + Minimize Text Input
Typing on mobile devices is a
challenge
Keep Text Input to a minimum
Experience-first. Ask for critical
information only
Help the User with text input, as
illustrated left via Snapguide
Full Story: http://www.technologyreview.com/news/427787/are-smart-phones-spreading-faster-than-any-technology-in-human-history/Presented below is the U.S. market penetration achieved by nine technologies since 1876, the year Alexander Graham Bell patented the telephone. Penetration rates have been organized to show three phases of a technology's spread: traction, maturity, and saturation.
Source: http://bit.ly/zBNJvY
SourceComscore, but this is already on the slide, not sure if we need to mention it again.
Catapulted us to the Post-PC Era!Take the iPod OUT because it’s not Post-PC era!
Full Story: http://www.africanglobe.net/africa/ethiopian-kids-hack-tablet-pcs-training-instructions/NOTES: One has to wonder if the same would have been true with Microsoft Surfaces?
GRREAT SLIDE!
Here I start making the case for why I believe we can make better learning on mobile
IF I FIND BETTER EXAMPLES THEY GO HERE. DO NOT LIKE TO REPEAT SAME APPS!
More about State Farm App: http://www.statefarm.com/mobile/iphone/pocketagent.asp
More about State Farm App: http://www.statefarm.com/mobile/iphone/pocketagent.asp
Taxi Magic Story on TechCrunch: http://techcrunch.com/2012/07/26/best-new-way-to-get-a-cab-taxi-magic-app/
mLearning for Language learning and Field Trips Examples!
Move this slide to Section 4Need a transition Slide
Resources, put my 10 mLearning lessons from Luke’s book
Examples go here about how it’s been done, Photoshop Touch, Avid Studio, Microsoft actually developed an environment to run Office instead of reimagining Office for touch. Maybe a slide!
Examples go here about how it’s been done, Photoshop Touch, Avid Studio, Ask about the 80 / 20 break down. 80% of tasks are possible on Tablet. 20 on PCNot about building lightweight experiences either
Minimize text inputAnyone who has used a tablet will know; typing on one can often be a chore. Unlike physical keyboards, onscreen keyboards such as those used on tablet devices can be cumbersome to use and often interrupt the flow of the process.For this reason, it’s important to be aware that text input should be kept to a minimum in order to accommodate those visitors to your website who are using a tablet. Ensure that all of the information users are required to complete within a form is actually required – if users perceive information marked as mandatory to be unnecessary, they will be more likely to abandon a process, whether that be a website registration form or the checkout process of an eCommerce website.Minimizing text input not only helps to facilitate a more positive user experience for those visitors using tablets, but also improves the efficiency of the process for users who are browsing with a traditional keyboard and mouse.Designing your website with these four key tablet considerations in mind will help to promote a more positive, user friendly experience for all visitors to your website; not just those using the traditional ‘keyboard and mouse’ combination. With the shift towards tablet browsing, there has never been a more important time to ensure that your website is ‘touch friendly’. http://u1group.com/blog/article/creating-tablet-friendly-websites-4-important-things-to-consider
Need to remember to emphasize that these apps are NOT available for Tablets, only smartphones