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.
For a new employee orientation course for a company operating off-shore rigs, we designed a GUI incorporating the theme of water and sea.
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.
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.
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.
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?