E-Learning

I have created online videos and interactive teaching interfaces for most of my career as a designer. One of the biggest e-learning projects I worked on was the Hummer multimedia repair manual for the Army. I designed and programmed the user interface, and then headed up a team of designers to create the interactive movies. The manual included text, video, voice-overs, graphics and sound in two languages inside an interactive interface. The final project included hundreds of files and movies. We achieved this herculean feat in less than 6 months.

The software used by my last client, MediaBistro, required that I cut the video/sound in one shot; editing was not allowed. So, I could not make a mistake or I would have to do the recording all over again. I had to read from a script while running the accompanying visuals on screen. I felt a bit like a Chameleon, with one eye on my paper and the other on the computer. The students reported that my tutorials were their favorites; I like to think that they enjoyed my sense of humor. In the end I created over 100 movies for MediaBistro.

E-learning is a wonderful tool that enables anyone to learn at their own pace. Featured in this collection is a sampling of a series of videos I created for Media Bistro and Create Magazine about how to design on the web.

The process of producing these e-learning tutorials was very involved:

  • ideation
  • brainstorming with the editor
  • gathering the content (visuals)
  • arranging the information
  • writing the voice-over script
  • cutting the video/voice-over
  • editing the video/sound
  • uploading the finished files

How to Use Gestalt Psychology in User Interface Design

User Interface Design: 5 Simple Principles of Perception (Using Gestalt Psychology in Graphic Design) Gestalt is a term which means “unified whole.” It refers to theories of visual perception developed by German psychologists in the 1920s. These theories describe the way people see and understand visual input, which is directly […]

Design Police Report 5 Web Design Crimes

In this tutorial series, I get to be a police officer and report on crimes in user interface design.  This tutorial series is from the collection of over 100 video tutorials for web designers that I created for MediaBistro and Create Magazine. Each tutorial series consisted of four videos: an introduction and […]

Lessons From the Bauhaus

How to apply basic design principles from the Bauhaus movement to contemporary UI design. This tutorial series is from the collection of over 100 video tutorials for web designers that I created for MediaBistro and Create Magazine. Each tutorial series consisted of four videos: an introduction and three instructional videos. I taught graphic design […]

The Gummy Bear Awards for Sticky Websites

I coined the phrase, “Gummy Bear Awards” for this tutorial on how to make websites more “sticky” through good user interface design. :-:-: INTRO   AWARD #1 Eyecandy AWARD #2 Sticky Rice AWARD #3 Jelly Beans AWARD #4 Chewing Gum AWARD #5 S’mores More e-learning projects –> This tutorial series […]

Informational Overload in User Interface Design

What happens when the client gives you too much information, and how to fix it with great user interface design. This tutorial series is from the collection of over 100 video tutorials for web designers that I created for MediaBistro and Create Magazine. Each tutorial series consisted of four videos: an […]