+THE TIME TO MOBILIZELEARNING IS NOW!@rjacquez | #mLearningLearning. Anytime. Anywhere
+Mainframe Computing Era1960s
+Mini Computing Era1970s
+Personal Computer Revolution1980s
+Disk Operating System (DOS)
+
+1990sj / k
+Sir Tim Berners-Lee1990s
+FirstWebPage
1996 2002 2002 20061993FutureSplash Animator wascreated by Jonathan Gayand Robert Tatsumi atFuture Wave SoftwareeHelp acqu...
PC / GUI Era The More Features,the BetterEditing Area
PC / GUI Era = The morefeatures, the better
―The realproblem withthe UI is thatit is anInterface.Interfaces getin the way.‖— DonaldNorman(1990)Office Space
+Saint Peter‘s Square - 2005
No Support forAdobe FlashThere‘s an App forthat!
+Saint Peter‘s Square - 2013
There are approximately 490,000 babiesborn every day worldwide
+ Mobile is the fastest Technology shift inhistory. Traction: Time from consumer availabilityto 10% penetrationTablets ach...
+ Cisco Global Mobile Data Traffic ForecastUpdate, 2012–2017By the end of 2013, the number of mobile-connected devices wil...
+Mobile Web Users to Surpass Desktopusers in 2014
+Mobile Changes Everything
mobile
+There‘san Appfor that
+There‘san Appfor that
+There‘san Appfor that(Area Code) POPCORN
+There‘san Appfor that
+There‘san Appfor that
+There‘san Appfor 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 thebuilt-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 MobileTake and submit pictures using your device camera and record accident details and vehi...
+Airlines look to Mobile to improve TravelTrack your checked bag – just like you track a package. On Delta, iPhone users c...
+Transportation goes Mobile
+The App Store has almost 200 Appswhich can aid people with diabetes
+ Apps help adults and children diagnosed withautism, cerebral palsy, Down‘s Syndrome
+Mobilizing Learning is the Next Big Thing
Andrew Vanden Heuvel[through Glass]Physics teacher/GlassExplorer Andrew VandenHeuvel takes a classroomon a virtual field t...
+eLearning vs. mLearningeLearning was about consuming. mLearning will be about consuming plus creating via the sensorsuper...
+
+ Moving Forward without AdobeFlash on Mobile
+ If your existing Learning is Flash-based and yourlearners try to access it on mobile devices, this is whatthey are seeing:
+The Comfort Zone of the Desktop
A Myriad ofScreenSizes
+The Current State of eLearningTools for #mLearningAdobe Captivate 6 converted to HTML5 across multiple devices
Today wecannotcontrolwhichdevicelearnersuse toaccess ourLearning— meLearningLearningLearning LearningLearningLearningLearn...
+
+
+Even baby fingers are wider than mosttouch targets.Microsoft Windows 8Touch Guidance
+Target size influences error rateMicrosoft Windows 8 Touch Guidance
Internet Explorer on Windows 8 touch-enabled Ultrabooks
+ Ideal Touch Target Placement formultiple screens
+ Examples of iPad Apps [Camera]
+Embracing Simplicity―Increase simplicity by subtracting the obviousand adding the meaningful‖ – The Laws ofSimplicity
PC / GUI Era The More Features,the Better
+Mobile Era = Less is More―… the mobile age demands newparameters. Now we needservices that require less typing,fewer butt...
+
+Thinking Mobile First Thinking Mobile-first forces you to focus and prioritize Thinking Mobile-First makes Desktop eLea...
“…start fresh with progressiveenhancement,building from the basic all theway to a desktop view. When we´re done,you´ll hav...
+Adobe Photoshop on the Desktop
+Adobe ‗Reimagined‘ Photoshop forTouch
+LinkedInSimplify!Simplify!From 2,000Pages on thedesktop to 71 onmobile
+ Minimize Text Input Typing on mobile devices is achallenge Keep Text Input to a minimum Experience-first. Ask for cri...
+ Use Sliders as InputTrulia American Red Cross
+Case Study: American Red CrossLesson: Smartphone-only Apps. No Tablet support
+ Lesson: Leverage SensorSuperpowers
+ Lesson: Keep it Simple!
+ Lesson: Keep it Engaging &Lightweight!
+ Lesson: Make Learning Fun
+ Lessons: Engaging and Effective Tests
+Lessons: Be Creative. Reimagine. ThinkOutside the eLearning Box
+ SIMPLIFY. SIMPLIFY. SIMPLIFY
+In Closing…
+Facebook
+
+RJ Jacquez@rjacquezwww.rjacquez.comrjjacquez@mac.comThankYou !
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
Upcoming SlideShare
Loading in …5
×

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

3,119 views

Published on

Here's the Keynote Presentation I delivered at this year's annual ASTD Houston Conference entitled "The Time to Mobilize Learning is Now!"

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,119
On SlideShare
0
From Embeds
0
Number of Embeds
1,208
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • And here we are over 100 years later and I think even he would agree, we are NOT doing too bad.
  • “The real problem with the UI is that it is an Interface. Interfaces get in the way.” — Donald Norman (1990)
  • 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
  • http://instagram.com/p/W2BuMLQLRB/
  • 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!
  • Source: http://blogs.adobe.com/conversations/2011/11/flash-focus.html
  • Screen Sizes
  • 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
  • Resource: Screen shot of Snapguide for iPhone
  • Resource: Screen shot of Snapguide for iPhone
  • Resource: Screen shot of Snapguide for iPhone
  • Resource: Screen shot of Snapguide for iPhone
  • ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez

    1. 1. +THE TIME TO MOBILIZELEARNING IS NOW!@rjacquez | #mLearningLearning. Anytime. Anywhere
    2. 2. +Mainframe Computing Era1960s
    3. 3. +Mini Computing Era1970s
    4. 4. +Personal Computer Revolution1980s
    5. 5. +Disk Operating System (DOS)
    6. 6. +
    7. 7. +1990sj / k
    8. 8. +Sir Tim Berners-Lee1990s
    9. 9. +FirstWebPage
    10. 10. 1996 2002 2002 20061993FutureSplash Animator wascreated by Jonathan Gayand Robert Tatsumi atFuture Wave SoftwareeHelp acquiresFlashCam. Software isrenamed RoboDemoMacromedia AcquiresFuture Wave Software andrenames software FlashArticulate is foundedby Adam SchwartzThe Rise of Flash and e-Learning
    11. 11. PC / GUI Era The More Features,the BetterEditing Area
    12. 12. PC / GUI Era = The morefeatures, the better
    13. 13. ―The realproblem withthe UI is thatit is anInterface.Interfaces getin the way.‖— DonaldNorman(1990)Office Space
    14. 14. +Saint Peter‘s Square - 2005
    15. 15. No Support forAdobe FlashThere‘s an App forthat!
    16. 16. +Saint Peter‘s Square - 2013
    17. 17. There are approximately 490,000 babiesborn every day worldwide
    18. 18. + Mobile is the fastest Technology shift inhistory. Traction: Time from consumer availabilityto 10% penetrationTablets achieved 10%traction in 2011
    19. 19. + Cisco Global Mobile Data Traffic ForecastUpdate, 2012–2017By the end of 2013, the number of mobile-connected devices will exceed the number ofpeople on earth, and by 2017 there will be nearly 1.4 mobile devices per capita.
    20. 20. +Mobile Web Users to Surpass Desktopusers in 2014
    21. 21. +Mobile Changes Everything
    22. 22. mobile
    23. 23. +There‘san Appfor that
    24. 24. +There‘san Appfor that
    25. 25. +There‘san Appfor that(Area Code) POPCORN
    26. 26. +There‘san Appfor that
    27. 27. +There‘san Appfor that
    28. 28. +There‘san Appfor that
    29. 29. +e-Learning
    30. 30. +
    31. 31. +
    32. 32. +Mobile means―capable of being moved‖Conversations Calendars E-mail Music
    33. 33. +Mobile is ALWAYS with you. ALWAYS on.
    34. 34. +Instant On. Always On.
    35. 35. +Cohesiveness. Built-in.
    36. 36. + Mobile‘s ―killer app‖ is thebuilt-in sensor superpowers
    37. 37. + Location Awareness:Google Maps on Desktop PC vs. Mobile Maps
    38. 38. +Banks are Reimagining the Experience
    39. 39. + Snap Photos to File Taxes via TurboTax
    40. 40. +Auto Insurance Companies and MobileTake and submit pictures using your device camera and record accident details and vehicle damage.
    41. 41. +Airlines look to Mobile to improve TravelTrack your checked bag – just like you track a package. On Delta, iPhone users can scan the barcode – and watch your bag‘sjourney from departure to arrival and all points in between.
    42. 42. +Transportation goes Mobile
    43. 43. +The App Store has almost 200 Appswhich can aid people with diabetes
    44. 44. + Apps help adults and children diagnosed withautism, cerebral palsy, Down‘s Syndrome
    45. 45. +Mobilizing Learning is the Next Big Thing
    46. 46. Andrew Vanden Heuvel[through Glass]Physics teacher/GlassExplorer Andrew VandenHeuvel takes a classroomon a virtual field trip
    47. 47. +eLearning vs. mLearningeLearning was about consuming. mLearning will be about consuming plus creating via the sensorsuperpowers
    48. 48. +
    49. 49. + Moving Forward without AdobeFlash on Mobile
    50. 50. + If your existing Learning is Flash-based and yourlearners try to access it on mobile devices, this is whatthey are seeing:
    51. 51. +The Comfort Zone of the Desktop
    52. 52. A Myriad ofScreenSizes
    53. 53. +The Current State of eLearningTools for #mLearningAdobe Captivate 6 converted to HTML5 across multiple devices
    54. 54. Today wecannotcontrolwhichdevicelearnersuse toaccess ourLearning— meLearningLearningLearning LearningLearningLearningLearningLearningLearningLearningLearningLearning
    55. 55. +
    56. 56. +
    57. 57. +Even baby fingers are wider than mosttouch targets.Microsoft Windows 8Touch Guidance
    58. 58. +Target size influences error rateMicrosoft Windows 8 Touch Guidance
    59. 59. Internet Explorer on Windows 8 touch-enabled Ultrabooks
    60. 60. + Ideal Touch Target Placement formultiple screens
    61. 61. + Examples of iPad Apps [Camera]
    62. 62. +Embracing Simplicity―Increase simplicity by subtracting the obviousand adding the meaningful‖ – The Laws ofSimplicity
    63. 63. PC / GUI Era The More Features,the Better
    64. 64. +Mobile Era = Less is More―… the mobile age demands newparameters. Now we needservices that require less typing,fewer buttons, simple swipe andpinch actions, browsing thatseamlessly integrates vertical andhorizontal movement, largerimages, and fewer data hooksthat clutter up the userexperience.‖⌃Hamish McKenzie, PandoDaily
    65. 65. +
    66. 66. +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 viaHTML5 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
    67. 67. “…start fresh with progressiveenhancement,building from the basic all theway to a desktop view. When we´re done,you´ll have a page that is optimizedregadless of the screen size.”Small screens(smartphones)Medium screens(tablets)Larger screens(desktops and TVs)Progressive enhancement based on screen sizes and client featuresGardner & Grigsby (2012)Head First Mobile Web.O´Really Media, Inc.
    68. 68. +Adobe Photoshop on the Desktop
    69. 69. +Adobe ‗Reimagined‘ Photoshop forTouch
    70. 70. +LinkedInSimplify!Simplify!From 2,000Pages on thedesktop to 71 onmobile
    71. 71. + Minimize Text Input Typing on mobile devices is achallenge Keep Text Input to a minimum Experience-first. Ask for criticalinformation only Help the User with text input, asillustrated left via Snapguide
    72. 72. + Use Sliders as InputTrulia American Red Cross
    73. 73. +Case Study: American Red CrossLesson: Smartphone-only Apps. No Tablet support
    74. 74. + Lesson: Leverage SensorSuperpowers
    75. 75. + Lesson: Keep it Simple!
    76. 76. + Lesson: Keep it Engaging &Lightweight!
    77. 77. + Lesson: Make Learning Fun
    78. 78. + Lessons: Engaging and Effective Tests
    79. 79. +Lessons: Be Creative. Reimagine. ThinkOutside the eLearning Box
    80. 80. + SIMPLIFY. SIMPLIFY. SIMPLIFY
    81. 81. +In Closing…
    82. 82. +Facebook
    83. 83. +
    84. 84. +RJ Jacquez@rjacquezwww.rjacquez.comrjjacquez@mac.comThankYou !

    ×