rapid e-learning
          HOW DO WE GET FROM HERE TO THERE?



colin gray // upstate technology conference // 25 june 2009
WHY ARE YOU HERE?
e-learning is the “cool thing” to do


       WHY ARE YOU HERE?
legacy powerpoints

e-learning is the “cool thing” to do


       WHY ARE YOU HERE?
tips & tricks

                legacy powerpoints

e-learning is the “cool thing” to do


       WHY ARE YOU HERE?
WHAT HAVE YOU USED?
something else

      qarbon viewletbuilder

           articulate studio

           adobe presenter


WHAT HAVE YOU USED?
WHAT DO YOU WANT TO LEARN?
why


WHAT DO YOU WANT TO LEARN?
what

                       why


WHAT DO YOU WANT TO LEARN?
how

                       what

                       why


WHAT DO YOU WANT TO LEARN?
WHO AM I?
m.ed. candidate


 WHO AM I?
graphic designer

m.ed. candidate


  WHO AM I?
web developer

graphic designer

m.ed. candidate


  WHO AM I?
Aa
Aa
INTERACTIVITY
Aa
VISUAL STYLE
Aa
     NAVIGATION
SOME ASSUMPTIONS
+
SOME ASSUMPTIONS
Aa   INTERACTIVITY
BUILT-IN INTERACTIVITY
BUILT-IN INTERACTIVITY
‣ media hyperlinks
BUILT-IN INTERACTIVITY
‣ media hyperlinks

‣ directional hyperlinks
REPURPOSING
REPURPOSING

TRADITIONAL   E-LEARNING
REPURPOSING

     TRADITIONAL   E-LEARNING


presenter-led      learner-directed
REPURPOSING

            TRADITIONAL   E-LEARNING


      presenter-led       learner-directed

big screen, far away      big screen, close up
REPURPOSING

            TRADITIONAL   E-LEARNING


      presenter-led       learner-directed

big screen, far away      big screen, close up

no decision making        interactive-based
REPURPOSING

TRADITIONAL   E-LEARNING
REPURPOSING

         TRADITIONAL   E-LEARNING


hyperlinked media      in output package
REPURPOSING

          TRADITIONAL   E-LEARNING


hyperlinked media       in output package

hyperlinked slides      direct user flow
                        create basic logic
                        navigation (more later)
REPURPOSING
ADDED INTERACTIVITY
ADDED INTERACTIVITY
‣ embedded swfs
ADDED INTERACTIVITY
‣ embedded swfs

‣ video support
EXTRA INTERACTIVITY
EXTRA INTERACTIVITY
‣ often through add-on products
EXTRA INTERACTIVITY
‣ often through add-on products

‣ allows pre-built interactivity
  scenarios
EXTRA INTERACTIVITY
‣ often through add-on products

‣ allows pre-built interactivity
  scenarios
‣ limited customization
Aa   VISUAL STYLE
Aa   WHY IS THIS IMPORTANT?
Aa   WHY IS THIS IMPORTANT?
     ‣ not just “window dressing”
Aa   WHY IS THIS IMPORTANT?
     ‣ not just “window dressing”

     ‣ new medium, new rules
Aa   WHY IS THIS IMPORTANT?
     ‣ not just “window dressing”

     ‣ new medium, new rules

     ‣ usability is key to positive learning
       experiences
Aa   VISUAL ELEMENTS
Aa   VISUAL ELEMENTS




          branding
Aa           VISUAL ELEMENTS


     color

                  branding
Aa           VISUAL ELEMENTS


     color    type

                     branding
Aa           VISUAL ELEMENTS


     color    type      art

                     branding
Aa           VISUAL ELEMENTS


     color    type      art     visual


                     branding
Aa   E-LEARNING IS NOT PPT
Aa   E-LEARNING IS NOT PPT
     ‣ think “stationary web page”
Aa   E-LEARNING IS NOT PPT
     ‣ think “stationary web page”

     ‣ create stability & hierarchy
Aa   E-LEARNING IS NOT PPT
     ‣ think “stationary web page”

     ‣ create stability & hierarchy

     ‣ stick to standards
Aa   STABILITY & HIERARCHY
Aa   STABILITY & HIERARCHY

        STABILITY   HIERARCHY
Aa   STABILITY & HIERARCHY

         STABILITY   HIERARCHY
some elements on
       every page
Aa   STABILITY & HIERARCHY

          STABILITY   HIERARCHY
some elements on
       every page

limited, consistent
      type & colors
Aa   STABILITY & HIERARCHY

          STABILITY   HIERARCHY
some elements on      “bread crumbs”
       every page

limited, consistent
      type & colors
Aa   STABILITY & HIERARCHY

          STABILITY   HIERARCHY
some elements on      “bread crumbs”
       every page
                      tiered type treatments
limited, consistent
      type & colors
Aa   STABILITY & HIERARCHY

          STABILITY   HIERARCHY
some elements on      “bread crumbs”
       every page
                      tiered type treatments
limited, consistent
      type & colors   contextualize
Aa   HOLISTIC BRANDING
Aa   HOLISTIC BRANDING
Aa   HOLISTIC BRANDING
Aa   NAVIGATION
CUSTOM OR BUILT-IN
CUSTOM OR BUILT-IN
‣ seamless visual experience
CUSTOM OR BUILT-IN
‣ seamless visual experience

‣ OR no extra work
CUSTOM
CUSTOM
WHAT HAVE WE LEARNED?
overview of ppt based e-learning


WHAT HAVE WE LEARNED?
interactive possibilities

 overview of ppt based e-learning


WHAT HAVE WE LEARNED?
visual style

          interactive possibilities

 overview of ppt based e-learning


WHAT HAVE WE LEARNED?
navigation
                       visual style

          interactive possibilities

 overview of ppt based e-learning


WHAT HAVE WE LEARNED?
QUESTIONSORCOMMENTS?

rapid e-learning: how do we get from here to there?