Leverage the Latest Learning Technologies to Overcome Global Training Challenges
Share Twitter Facebook LinkedIn Google+

Designing Attractive GUIs Aligned to Course Content

Written By

Designing Attractive GUIs Aligned to Course Content

The whole purpose of Graphical User Interface design is to enable learners to interact with your course by communication and function. Good Graphical User Interface design is an important part of eLearning. It will help learners to navigate through the course. A Graphical User Interface that is attractive, easy to understand, and easy to navigate, helps learners to explore and learn what they want to, when they want.

Usually, Graphical User Interface or GUI is designed based on the corporate branding of the organization. This provides the common look and feel for all courses of that organization.

Sometimes, content related elements are incorporated in the GUI, giving a different look and feel to the course, and the learner connects with the content also. This might not add anything to the functionality of the GUI, but it definitely adds that little something extra to the visual strategy.

Here are a few examples of GUIs we had designed for some of our clients incorporating the theme of the course in them.

Example 1:

For a new employee orientation course for a company operating off-shore rigs, we designed a GUI incorporating the theme of water and sea.

Examples-of-GUI

In this GUI, we had taken the image of the Sea as the background, and water droplets for ‘Next’, ‘Previous’, ‘Play’ and ‘Audio’ buttons. This adds to the visual element and helps the learner to identify with the course content.

Example 2:

For a course about Sustainable Development, we designed a GUI, using colors related to trees and the environment. We added greenery in the banner and bottom. It gave a fresh look and feel to the course.

Examples-of-GUI

Points to Consider:

Before we start any design, we need to consider organization’s branding and content.

Understanding the content is the only way to know which visual strategy is appropriate for the course. Content comprehension is the key for any design.

Last Word:

Designing Attractive GUIs Aligned to Course Content might not add anything to the functionality of the GUI, but it definitely adds something extra to the visual strategy. Do you agree?

View Webinar on Designing eLearning: Make or Buy - Understanding eLearning Process & Players

Share
Topics:

Subscribe to Our Blogs

Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below:

 
eLearning Learning
  • I hate to be contrary, but I actually disagree with the last statement: “Designing Attractive GUIs Aligned to Course Content might not add anything to the functionality of the GUI, but it definitely adds something extra to the visual strategy”

    Attractive GUIs actually ENHANCE the functionality of a course. If, for example, the navigation buttons are designed so that they are pleasant to the eye, then these buttons help GUIDE the eye to appropriate actions. Thus, attractive design ATTRACTS the user to their next steps, thus increasing the overall functionality of the module.

    Nice article!