KEMBAR78
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez | PDF
+
THE TIME TO MOBILIZE
LEARNING IS NOW!
@rjacquez | #mLearning
Learning. Anytime. Anywhere
+
Mainframe Computing Era
1960s
+
Mini Computing Era
1970s
+
Personal Computer Revolution
1980s
+
Disk Operating System (DOS)
+
+
1990s
j / k
+
Sir Tim Berners-Lee
1990s
+
First
Web
Page
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
PC / GUI Era The More Features,
the Better
Editing Area
PC / GUI Era = The more
features, the better
―The real
problem with
the UI is that
it is an
Interface.
Interfaces get
in the way.‖
— Donald
Norman
(1990)
Office Space
+
Saint Peter‘s Square - 2005
No Support for
Adobe Flash
There‘s an App for
that!
+
Saint Peter‘s Square - 2013
There are approximately 490,000 babies
born every day worldwide
+ Mobile is the fastest Technology shift in
history. Traction: Time from consumer availability
to 10% penetration
Tablets achieved 10%
traction in 2011
+ 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.
+
Mobile Web Users to Surpass Desktop
users in 2014
+
Mobile Changes Everything
mobile
+
There‘s
an App
for that
+
There‘s
an App
for that
+
There‘s
an App
for that
(Area Code) POPCORN
+
There‘s
an App
for that
+
There‘s
an App
for that
+
There‘s
an App
for that
+
e-Learning
+
+
+
Mobile means
―capable of being moved‖
Conversations Calendars E-mail Music
+
Mobile is ALWAYS with you. ALWAYS on.
+
Instant On. Always On.
+
Cohesiveness. Built-in.
+ Mobile‘s ―killer app‖ is the
built-in sensor superpowers
+ Location Awareness:
Google Maps on Desktop PC vs. Mobile Maps
+
Banks are Reimagining the Experience
+ Snap Photos to File Taxes via TurboTax
+
Auto Insurance Companies and Mobile
Take and submit pictures using your device camera and record accident details and vehicle damage.
+
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.
+
Transportation goes Mobile
+
The App Store has almost 200 Apps
which can aid people with diabetes
+ Apps help adults and children diagnosed with
autism, cerebral palsy, Down‘s Syndrome
+Mobilizing Learning is the Next Big Thing
Andrew Vanden Heuvel
[through Glass]
Physics teacher/Glass
Explorer Andrew Vanden
Heuvel takes a classroom
on a virtual field trip
+
eLearning vs. mLearning
eLearning was about consuming. mLearning will be about consuming plus creating via the sensor
superpowers
+
+ Moving Forward without Adobe
Flash on Mobile
+ If your existing Learning is Flash-based and your
learners try to access it on mobile devices, this is what
they are seeing:
+
The Comfort Zone of the Desktop
A Myriad of
Screen
Sizes
+
The Current State of eLearning
Tools for #mLearning
Adobe Captivate 6 converted to HTML5 across multiple devices
Today we
cannot
control
which
device
learners
use to
access our
Learning
— me
Learning
Learning
Learning Learning
Learning
Learning
Learning
Learning
Learning
Learning
Learning
Learning
+
+
+
Even baby fingers are wider than most
touch targets.
Microsoft Windows 8
Touch Guidance
+
Target size influences error rate
Microsoft Windows 8 Touch Guidance
Internet Explorer on Windows 8 touch-enabled Ultrabooks
+ Ideal Touch Target Placement for
multiple screens
+ Examples of iPad Apps [Camera]
+
Embracing Simplicity
―Increase simplicity by subtracting the obvious
and adding the meaningful‖ – The Laws of
Simplicity
PC / GUI Era The More Features,
the Better
+
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
+
+
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
“…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.
+
Adobe Photoshop on the Desktop
+
Adobe ‗Reimagined‘ Photoshop for
Touch
+
LinkedIn
Simplify!
Simplify!
From 2,000
Pages on the
desktop to 71 on
mobile
+ 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
+ Use Sliders as Input
Trulia American Red Cross
+
Case Study: American Red Cross
Lesson: Smartphone-only Apps. No Tablet support
+ Lesson: Leverage Sensor
Superpowers
+ Lesson: Keep it Simple!
+ Lesson: Keep it Engaging &
Lightweight!
+ Lesson: Make Learning Fun
+ Lessons: Engaging and Effective Tests
+
Lessons: Be Creative. Reimagine. Think
Outside the eLearning Box
+ SIMPLIFY. SIMPLIFY. SIMPLIFY
+
In Closing…
+
Facebook
+
+
RJ Jacquez
@rjacquez
www.rjacquez.com
rjjacquez@mac.com
Thank
You !

ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez

Editor's Notes

  • #4 And here we are over 100 years later and I think even he would agree, we are NOT doing too bad.
  • #18 “The real problem with the UI is that it is an Interface. Interfaces get in the way.” — Donald Norman (1990)
  • #22 http://www.washingtonpost.com/blogs/innovations/post/about-those-2005-and-2013-photos-of-the-crowds-in-st-peters-square/2013/03/14/aaf1067a-8cf9-11e2-9f54-f3fdd70acad2_blog.html
  • #23 http://instagram.com/p/W2BuMLQLRB/
  • #27 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.
  • #28 Source: http://bit.ly/zBNJvY
  • #29 SourceComscore, but this is already on the slide, not sure if we need to mention it again.
  • #39 Catapulted us to the Post-PC Era!Take the iPod OUT because it’s not Post-PC era!
  • #41 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?
  • #44 GRREAT SLIDE!
  • #48 Here I start making the case for why I believe we can make better learning on mobile
  • #50 IF I FIND BETTER EXAMPLES THEY GO HERE. DO NOT LIKE TO REPEAT SAME APPS!
  • #52 More about State Farm App: http://www.statefarm.com/mobile/iphone/pocketagent.asp
  • #53 More about State Farm App: http://www.statefarm.com/mobile/iphone/pocketagent.asp
  • #54 Taxi Magic Story on TechCrunch: http://techcrunch.com/2012/07/26/best-new-way-to-get-a-cab-taxi-magic-app/
  • #59 mLearning for Language learning and Field Trips Examples!
  • #61 Source: http://blogs.adobe.com/conversations/2011/11/flash-focus.html
  • #65 Screen Sizes
  • #84 Move this slide to Section 4Need a transition Slide
  • #88 Resources, put my 10 mLearning lessons from Luke’s book
  • #90 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!
  • #91 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
  • #93 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
  • #95 Need to remember to emphasize that these apps are NOT available for Tablets, only smartphones
  • #96 Resource: Screen shot of Snapguide for iPhone
  • #97 Resource: Screen shot of Snapguide for iPhone
  • #98 Resource: Screen shot of Snapguide for iPhone
  • #102 Resource: Screen shot of Snapguide for iPhone