The user interface design you use in your eLearning modules are key to your user’s ability to see, read, interact, navigate, and in the end, comprehend your content. The user interface (often called a UI) also refers to the elements of design, or the “look and feel” of the project. We have all used custom based modules, as well as PowerPoint, Articulate, Captivate, and Lectora (to name a few) based modules and have seen the way they use user interfaces to guide the user through the content using a menu or next button. This basic, or 101 level introduction of eLearning user interfaces will look at what is often used and why.
Let’s first take a look at an interface that has elements that we often see. Take a little time looking at the design below. Pay attention to the content, the navigation, and other components. We will break them down shortly.