parts: a menu at the left side (1), a larger center top
area (2), and two smaller areas at the center bottom (3
and 4) as shown in Figure 5.
The left sidebar (1) shows the same items for each
of the learning styles. These items have the same
symbols associated with their descriptions in order
to ensure consistency and system patterns, thus en-
hancing users’ action recognition and system usabil-
ity (Nielsen and Molich, 1990).
The larger area (2) lists a student’s in-progress
courses while the two other areas are adaptable, re-
served for components targeted to specific learning
styles. For an activist profile, Forums and Latest Up-
dates are prominent (Figure 5-a) while, for a reflector,
Notices and Tasks are highlighted (Figure 5-d). For a
theorist, Latest Updates and Forums are visible (Fig-
ure 5-c) while, for pragmatists, Tasks and Forums call
their attention (Figure 5-b).
Besides interaction objects, the color palette is
distinct for each learning style as shown above (Fig-
ure 4). This form of adaptation is compliant with the
page variants technique since acreen layout and other
visible components are presented in different ways for
distinct users (Batista, 2008).
5.2 Course Screen Adaptation
In the Courses module screen (Figure 6), the left side-
bar is divided into two regions: course menu items
are displayed at the top two-thirds, and the student’s
performance is highlighted at the bottom one-third.
Performance information is presented differently ac-
cording to the learning style. The content of the main
area varies in accordance with the Adaptation Model.
An activist obtains feedback on their performance
through a bar graph that shows their individual statis-
tics compared to the class average. Content, in turn, is
presented with an image and title without any access
restrictions (Figure 6-a).
For a reflector, performance feedback compares
student self-analysis to the system’s analysis over
time. Content topics start with a question or problem
for reflection purposes. Since learning style explo-
ration pattern is linear, new topics are unlocked only
upon completion of previous ones (Figure 6-d).
For a theorist, feedback is presented in a line chart
so that they can visualize their performance over time.
Ideally, this graph should be interactive in order to al-
low the student to explore specific mistakes or suc-
cesses. Contents listed present an image, title and ed-
ucational objective. As their form of exploration is
networked, content can be acessed in any order (Fig-
ure 6-c).
A pragmatist has performance data presented as
pie charts for a better understanding. Their form of
exploration is linear, therefore certain navigation re-
strictions between content topics are imposed. Con-
tent list shows a title with an image and it highlights
practical applications and benefits of the content (Fig-
ure 6-b).
5.3 Content Screen Adaptation
Last but not least, the Content module has been
adapted considering Resources, Exploration Form,
Detailing Order and Composition Order, as com-
mented in Section 3.1. The Content screen shown in
Figure 7 exhibits two areas on the left sidebar: the
content navigation area (top) and additional resources
(bottom). The main area on the right side is reserved
for course content.
Content navigation area presents contents so that
the student can understand the structure of the course.
This area has been adapted according to the explo-
ration form (EF). If EF is networked, the whole con-
tent will be readily available to the user for naviga-
tion purposes. If EF is linear, content will be released
gradually according to student progress. In this case,
Link Annotation navigation technique has been used.
The content under study is highlighted in larger bold
letters while other content not currently relevant ap-
pears in a lighter font.
Additional resources refer to materials that are
complementary to student learning. They are indi-
cated based on the types of resources recommended
to their learning style and also based on the detailing
order of these resources. For instance, an activist stu-
dent could find a Mind Map, whose detailing is from
specific to general. To a theorist, on the other hand,
the LMS might recommend a paper discussing a cer-
tain content from a general to a more specific perspec-
tive,
The main area, or content area, presents content
divided into Activity, Example, Exercise and Theory
distributed in four tabs. Tag order is determined by
the learning style composition order. For instance, a
reflective student will see the sequence Example, The-
ory, Exercise and Activity (Figure 7-d). A theorist
student, on the other hand, will find Theory, Exam-
ple, Exercise and Activity, in conformance with their
learning style (Figure 7-c). The exploration form dic-
tates whether all tabs will be open for navigation (the
case of activists and theorists) or will be gradually
made available for reflectors and pragmatists (observe
the padlocks on the tabs).
An Interface Adaptation Model for LMSs According to Learning Styles
357