E-Learning—User Interface Design

E-Learning 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 Gummy Bear Awards for Sticky Websites

I coined the “Gummy Bear Awards” for this tutorial on how to make websites “stickier” with good UI design.

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.

Lessons From the Bauhaus for UI Designers

How to apply basic design principles from the Bauhaus movement to contemporary UI design.

Gestalt Psychology in User Interface Design

How to use Gestalt psychology to produce great user interfaces.

Informational Overload in User Interface Design

What happens when the client gives you too much information, and how to fix it with great UI design.

Web Design Crime #5—White Collar Infractions

Good designers have to be careful to design for their intended audience, not to win awards.


The software used by 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. However, 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 tutorial movies on UI design for MediaBistro.

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 movie
  • uploading the finished files

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.

Below are the various skills that I employ as an eLearning or instructional designer.

eLearning Skills | Software

  • Adobe CS/Adobe CC
  • Adobe AfterEffects
  • Adobe Illustrator
  • Adobe InDesign
  • Audio Editing
  • Adobe Photoshop
  • Adobe Premiere
  • eBook Publishing
  • Print Publishing
  • Scriptwriting
  • Video Publishing/Editing
  • Voice-over Talent
  • Word/Excel
  • WordPress

eLearning Soft Skills/Creative Skills

  • Ability to communicate with a wide variety of audiences
  • Knowledge of adult learning techniques and theory
  • Experience and ability to adapt to various learning styles
  • Content Creation
  • Content Management
  • Curriculum/Program Development
  • Ideation
  • User Experience Design
  • User Interface Design