Icon New game New game
Get Academic Plan
Get Academic Plan
Get Academic Plan

interactys eLearning

Slideshow

Presentation designed to

Download the paper version to play

Recommended age: 21 years old
26 times made

Created by

United States

Top 10 results

  1. 1
    00:02
    time
    100
    score
  2. 2
    00:13
    time
    100
    score
Do you want to stay in the Top 10 of this game? to identify yourself.
Make your own free game from our game creator
Compete against your friends to see who gets the best score in this game

Top Games

  1. time
    score
  1. time
    score
time
score
time
score
 
game-icon

interactys eLearningOnline version

Presentation designed to

by interactys eLearning
1

Mobile Learning Definition

Mobile learning is defined as "learning across multiple contexts, through social and content interactions, using personal electronic devices” (Crompton, 2013 p. 4) 

2

Case Implementing mLearning Katy ISD

3

mLearning and Education




Seymour Papert  "You can't teach people everything they need to know. The best you can do is position them where they can find what they need to know when they need to know it."






4

Best Practices for mLearning Design

User Experience
  • Avoid scrolling because it can be more difficult on the smaller screen
  • Understand and observe how users hold the device you're designing for
  • Keep quizzes short and concise, keep options restricted to two or three
  • If linking to outside sides, notify learners they are leaving the mobile-optimized course
  • Keep course size very small, chunk into max 10-15 minute pieces
  • Consider landscape view vs. portrait view for your e-learning

5

Best Practices for mLearning Design

Consider the Device

Keep the specific device you're designing for in mind (iPad, Android device, iPhone, etc.)Beware of Flash and other formats that aren't compatible across all devicesConsider the various inputs on the device you're designing for (keyboard, scroll-wheel, touch, directional pad, etc.)

6

Best Practices for mLearning Design

Imagery 

  • Use bold imagery and images on white backgrounds
  • Maximize the use of icons and graphics to represent content instead of text
  • Don't use images that are irrelevant or too large
  • Use clear and simple images 
  • Provide strong visual cues (bright colors, descriptive icons, etc.)
7

Best Practices for mLearning Design

Fonts

  • Make your default font size at least 14pt 
  • 12pt font is the very smallest font size you should use
  • Don't use text in images, some devices compress images or render fuzzy images
  • Designing mobile learning with system fonts is safest option
  • When using custom fonts, make sure they render nicely and you have web font licenses
  • Keep the number of custom fonts to a minimum (they increase page load time)
8

Best Practices for mLearning Design

Buttons and Input Fields
  • Large buttons are a must for mobile device navigation
  • Place buttons like Submit and Cancel far away from each other (minimize users pressing the wrong button)
  • Leave a lot of space around your buttons (at the very least, 10px)
  • Make your buttons bright, bold and highly visible
  • Use clear and very descriptive action verbs on your buttons
  • Keep the input fields to a minimum (try to use large checkboxes or radio buttons instead)
9

Best Practices for mLearning Design

Additional Tips
  • Leave plenty of white space around your on screen items
  • Optimizing and compressing any audio and video files is critical for fast mobile experiences
  • Preview your mobile design early and often
  • Develop content that is crystal clear and easy to understand
10

How teachers are using mLearning

educaplay suscripción