<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.0 20120330//EN" "JATS-archivearticle1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta />
    <article-meta>
      <title-group>
        <article-title>A User Model to Support User Interface Navigation Adaptation Patterns in Web Applications</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author">
          <string-name>Juan Bautista Cabotà</string-name>
          <email>Juan.Cabota@uv.es</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <contrib contrib-type="author">
          <string-name>José Ignacio Panach</string-name>
          <email>J.Ignacio.Panach@uv.es</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <contrib contrib-type="author">
          <string-name>Silvia Rueda</string-name>
          <email>Silvia.Rueda@uv.es</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <contrib contrib-type="author">
          <string-name>Damiano Distante</string-name>
          <email>damiano.distante@unitelma.it</email>
          <xref ref-type="aff" rid="aff1">1</xref>
        </contrib>
        <aff id="aff0">
          <label>0</label>
          <institution>Escola Tècnica Superior d'Enginyeria, Departament d'Informàtica, Universitat de València Avenida de la Universidad</institution>
          ,
          <addr-line>s/n, 46100 Burjassot, Valencia</addr-line>
          ,
          <country country="ES">Spain</country>
        </aff>
        <aff id="aff1">
          <label>1</label>
          <institution>Unitelma Sapienza University Viale Regina Elena</institution>
          ,
          <addr-line>295, 00161 Rome</addr-line>
          ,
          <country country="IT">Italy</country>
        </aff>
      </contrib-group>
      <abstract>
        <p>Nowadays there are few real Web applications that support adaptive interfaces, and existing sites adapt interfaces depending on the information saved in the client browser (usually using cookies or logs). This implies that adaptations are carried out for each user independently, and that these adaptations cannot be shared among different devices used by the same user. Moreover, the system cannot extract knowledge to adapt interfaces through all the users. This paper proposes a user model for capturing attributes, behaviors and preferences of different users of a Web application, and the use of Bayesian Networks on the collected data to adapt the Web application user interface. Even though the proposed user model is generic enough to support different adaptive mechanisms, this paper focuses on mechanisms related to navigations. We have packaged the problems and solutions of such mechanisms in interaction patterns. A study on the top seven Web applications on the Internet has shown that only a few of these sites support some of our patterns, and that their implementation is not based on a user model that saves the data of all users.</p>
      </abstract>
      <kwd-group>
        <kwd>User Model</kwd>
        <kwd>Interaction Patterns</kwd>
        <kwd>Adaptive Interfaces</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>-</title>
      <p>
        Adaptive systems are those systems able to adapt to the goals, characteristics and
interests of their users, according to the knowledge represented in a user model [
        <xref ref-type="bibr" rid="ref1">1</xref>
        ].
Focusing on the user interface of a Web application, there are many aspects that can
be adapted such as menus and navigation among others. In order to support these
adaptations, many authors have defined a set of guidelines to consider when systems
are being built. Examples of such guidelines, among others, are the ones defined by
Park and Han [
        <xref ref-type="bibr" rid="ref2">2</xref>
        ] for menus, the ones defined by Brusilovsky for navigation links [
        <xref ref-type="bibr" rid="ref3">3</xref>
        ]
and the ones defined by Knutov et al. [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ] which are more generic . Even though some
authors (such as Brusilovsky [
        <xref ref-type="bibr" rid="ref3">3</xref>
        ]) have defined a set of mechanisms to support their
guidelines, how the guidelines are operationalized in a particular system depends on
the specific problem to solve and on the analysts’ skills. Moreover, all adaptive
elements described in the guidelines depend on user’ preferences, but no details are
provided concerning how to save, analyze, interpret and adapt the Web application
according to those preferences. All these tasks, which are not covered by existing
guidelines, can be achieved through a user model. A user model represents the information
about users that is essential to support the adaptation functionality [
        <xref ref-type="bibr" rid="ref5">5</xref>
        ].
      </p>
      <p>
        Our contribution in this work is the definition of a user model to represent user’
preferences in such a way that this information can drive the adaptation of the Web
application. The model is based on interaction patterns as a solution to describe how
to support adaptive elements using Bayesian Networks [
        <xref ref-type="bibr" rid="ref6">6</xref>
        ] as a way to save
information on the use of pages and widgets by the user. The use of patterns derive from
the work of Alexander [
        <xref ref-type="bibr" rid="ref7">7</xref>
        ] and has been widely used by the software engineering
community. According to Tidwell [
        <xref ref-type="bibr" rid="ref8">8</xref>
        ], patterns improve the “habitability” of
something and they make things easier to understand, more useful and usable.
      </p>
      <p>
        From all the existing guidelines for building adaptive interfaces, we focus our work
on the adaptive of navigation, since most of the existing adaptive systems work with
this type of adaptation. Adaptive navigation is the mechanism that supports
personalized access to information, adapting the links or altering their appearance. Studies
such as the ones presented in [
        <xref ref-type="bibr" rid="ref3">3</xref>
        ] and [
        <xref ref-type="bibr" rid="ref9">9</xref>
        ] support the fact that users using interfaces
with adaptive navigations were faster, needed fewer clicks and made fewer errors.
      </p>
      <p>As an illustrative example to show the applicability of the patterns, we have chosen
Amazon, as it is one of the biggest e-commerce Web applications that already
supports several adaptive interfaces. Amazon only supports a few of the navigation
adaptation patterns proposed in this paper, but it is useful to illustrate how all patterns
could work on Amazon in the case of implementation. Note that the fact that Amazon
already supports some of our adaptive interfaces does not mean that they rely on a
user model to represent users’ preferences and share them among all users as our
proposal aims to do. How Amazon stores users’ preferences and how it adapts
navigations accordingly is undisclosed, which prevents the same solution from being used in
other Web systems. Moreover, supported adaptations depend exclusively on the
interaction of the current user, which is saved through cookies and logs. Information
extracted from the interaction of other users can not be used to adapt the interfaces of
the current user. The example of Amazon can help to better understand the problems
that our patterns aim to solve, even though our solution is not the same as Amazon’s.</p>
      <p>Apart from Amazon, there are a huge number of Web applications that already
support navigation adaptation only considering the interaction with the current user.
We have also carried out a study of such real Web applications that have already
faced with the same problems we aim to solve through patterns. This will help to
show that our generic solution specified through patterns could be useful for real Web
applications, enriching their adaptations through information gathered from the
interaction of any user.</p>
      <p>The remainder of the paper is structured as follows. Section 2 overviews related
work on adaptive interfaces. Section 3 introduces our model for representing
knowledge about the user and his/her behavior. Section 4 describes the patterns for
adaptive navigation. Section 5 studies how many top Web applications support our
patterns. Finally, Section 6 concludes the paper and introduces future work.</p>
    </sec>
    <sec id="sec-2">
      <title>Related Work</title>
      <p>
        The use of adaptive navigation interfaces aims to help users find useful information in
a Web application. Several works in the area of recommender systems have pursued
this objective, such as Bobadilla et al. [
        <xref ref-type="bibr" rid="ref10">10</xref>
        ], who have conducted a survey and
identified three groups of systems: (1) systems based on recommendations through
filtering; (2) systems that use algorithms that include social information; (3) hybrid
ensemble algorithms that incorporate location information. Other works focus
recommender systems on contextual opinions from user reviews, such as the work of Chen
and Chen [
        <xref ref-type="bibr" rid="ref11">11</xref>
        ]. These authors propose using a contextual weighting strategy to adapt
interfaces through a linear-regression algorithm.
      </p>
      <p>
        There are other works that tackle the problem of interaction adaptation, such as the
work of Hollink et al. [
        <xref ref-type="bibr" rid="ref12">12</xref>
        ]. These authors propose a framework that gives a
systematic overview of alternative assumptions to optimize menus. The assumptions
consider the navigation behaviour of users in the site’s log file, so adaptations are specific
for each user. Hammer et al. [
        <xref ref-type="bibr" rid="ref13">13</xref>
        ] have proposed an automatic decision-making
system based on Bayesian Networks to support adaptive interaction. The system
monitors the user over time and applies appropriate reactions according to what the system
learnt from the user. The adaptation only considers the interaction of the own user.
Nascimento and Schwabe [
        <xref ref-type="bibr" rid="ref14">14</xref>
        ] propose a data-driven, rule-based interface definition
model that adapt interfaces taking into account the semantics of the data.
      </p>
      <p>
        There are earlier approaches to abstractly represent how users interact with a
system through a user model. Some of these approaches are only focused on content
filtering, such as the one proposed by Kim et al. [
        <xref ref-type="bibr" rid="ref15">15</xref>
        ], who propose a collaborative
approach to user modelling for personalized recommendations. The user model stores
meaningful user patterns extracted from collaboration with similar users. Other
approaches for building a user model are based on Artificial Intelligence, such as
Papatheocharous et al. [
        <xref ref-type="bibr" rid="ref16">16</xref>
        ], who propose interface adaptations according to cognitive
styles. The authors aim to find any possible relationships between the cognitive styles
of users and their characteristics in navigation behaviour. Dim et al. [
        <xref ref-type="bibr" rid="ref17">17</xref>
        ] propose
building user models from component-based software development. Their approach
consists of building blocks that can be integrated as parts of the user model. The used
architecture allows several blocks to be composed and the reuse of blocks in different
systems. Sato et al. [
        <xref ref-type="bibr" rid="ref18">18</xref>
        ] propose a prediction model adapted for purchase prediction.
The approach is based on the use of logs that are exclusive for each user.
      </p>
      <p>After analyzing all the related works, we can conclude that there are very few
proposals that allow adapting interfaces which consider the interaction of all users; most
works focus their adaptations on current user’s logs or cookies. Moreover, works that
propose adaptation techniques based on knowledge extracted from several users do
not present a sufficiently abstract solution which is suitable for any system. Next we
present our proposal for a user model that aims to cover both gaps: (i) the model
allows the storing of information from any user who interacts with the system; and (ii)
the approach is based on the notion of interaction patterns, thus opening up the
possibility of reusing the solution.</p>
    </sec>
    <sec id="sec-3">
      <title>User Model</title>
      <p>
        In the domain of Human Computer Interaction (HCI), a user model is a representation
of the knowledge of users and their preferences [
        <xref ref-type="bibr" rid="ref19">19</xref>
        ] that gives an overview of their
characteristics and helps with systems adaptation. In [
        <xref ref-type="bibr" rid="ref20">20</xref>
        ], a study of different user
modeling techniques used in HCI concludes that user models are usually based on
logic, fuzzy logic, neural networks, or probabilistic models. Out of all of these,
probabilistic models seem to be the most suitable, since they can reflect, quantify and infer
uncertainty about the users’ preferences [
        <xref ref-type="bibr" rid="ref21">21</xref>
        ]. Within the group of probabilistic
models, Bayesian Networks [
        <xref ref-type="bibr" rid="ref6">6</xref>
        ] have been widely used to represent user models. They
consist of directed acyclic graphs with nodes and arches. Nodes represent observable
quantities, unknown parameters or hypotheses, while the arcs between the nodes
represent probabilistic dependencies among them.
      </p>
      <p>Fig. 1 shows the metamodel of the proposed user model, which includes classes to
store user data and classes to represent the adaptation mechanisms, in particular those
based on Bayesian Networks and probabilistic data. The User Model is composed of
several Mechanisms that aim to support interface’ adaptation based on the previous
actions of any user. Each mechanism provides a different technique to adapt
interfaces. Examples of mechanisms are the filtering or ordering of navigation links, or the
customization of the combination of colors used in the interface. Each mechanism is
supported through several Patterns. Each pattern proposes a solution for a specific
problem. Examples of patterns are described in next sections of this paper in detail.
The solution of the pattern can be tackled in several ways, each one is called a
Function. For example, a pattern to guide the user can use a function to highlight the
suggested navigation links through different colors or a function to highlight them based
on their size. The function depends on probabilistic data stored through a set of
Bayesian Networks. These Bayesian Networks store two types of probabilities:
Probability of Use and Probability per User. Probability of Use stores the probability for a
specific Widget on a Page to be used. Probability of Use is useful for example to
identify the most used widgets on a specific page. Probability per User stores the
probability that a specific user uses a Widget on a Page. This information is useful to know
the most frequently used widgets per type of user according to user characteristics.
Widgets used in both Probability of Use and Probability per User can involve
navigation to another page. In the Bayesian Network, each Page represents a node and the
use of each Widget represents an arc. Widgets can be grouped to display options
through the class Widget Grouping. The existence of both probabilities allows us to
register users’ preferences while they interact with the system.</p>
      <p>The User Model saves the data of each user through User Data. For each user, the
model stores his/her User Characteristics, which saves any information on the user
that may be useful to adapt interfaces, such as his/her age or profession (among any
other characteristic). Adaptation rules are defined through the class Rule, which
includes an Operator that defines the type of comparison to check between a Value and
probabilities stored in the Bayesian Network. Rules can be based both on the
Probabilities of Use of any user, or on the Probability per User to adapt interfaces to users
with specific User Characteristics. Note that the definition of rules (Operators and
MECHANISM
Name
1..n
1
USER MODEL</p>
      <p>PATTERN</p>
      <p>Title
1 1..n PCroonbtleexmt</p>
      <p>Solution
Motivation
Function
Application</p>
      <p>USER DATA
1 1..n Name</p>
      <p>Surname
login
DISPLAY</p>
      <p>OPTION
Configuration
1
0..n
0..1
0..n</p>
      <p>USER 0..n
1..n NCaHmAeRACTERISTIC 0..1</p>
      <p>Value 0..n</p>
      <p>PROBABILITY</p>
      <p>PER USER
Number
0..n</p>
      <p>0..1
0..n</p>
      <p>RULE</p>
      <p>
        Operator
0..n Value
0..n
Values) to know when to apply the function of adaptation is beyond the scope of this
paper and is more related with HCI and psychology. When the condition expressed
through this formula is satisfied, the interface is adapted according to what is
specified in the class Display Option. Note also that this work does not tackle how to
represent interaction features through the attribute Configuration. There are already
many notations in the literature that propose conceptual primitives to model
interfaces, such as UsiXML [
        <xref ref-type="bibr" rid="ref22">22</xref>
        ] or IFML [
        <xref ref-type="bibr" rid="ref23">23</xref>
        ].
      </p>
      <p>1..n FUNCTION</p>
      <p>Description</p>
      <p>
        As an example of a User Model, we can specify a Mechanism such as “arranging
widgets” through the Pattern “link ordering”. This pattern has the function to “order
the widgets”. The Bayesian Network can store Probabilities of Use to adapt interfaces
according to the use of any user and Probabilities per User to adapt interfaces to users
with User Characteristics similar to the current user, such as “Age”. The Rule defines
when to apply the ordering according to probabilities, the Widget Grouping defines
the group of widgets to order and the Display Options defines how to show the
ordered widgets. Due to reasons of space, out of all the existing Mechanisms which
adapt interfaces, this paper focuses on Navigation which is also the most frequently
used [
        <xref ref-type="bibr" rid="ref12">12</xref>
        ] [
        <xref ref-type="bibr" rid="ref24">24</xref>
        ]. Next, we define a set of interaction patterns for adaptive navigation..
      </p>
    </sec>
    <sec id="sec-4">
      <title>Specification of Adaptive Interaction Patterns for Navigations</title>
      <p>
        From all the existing guidelines to define interaction patterns, we focus our proposal
on the work of Brusilovsky [
        <xref ref-type="bibr" rid="ref3">3</xref>
        ]. The choice is based on three main reasons: (1) the
Brusilovsky’s set of guidelines is wide, (2) the proposed adaptation techniques can be
found in many real Web applications, and (3) they are focused on navigation features
compliant with the idea of working with Bayesian Networks to represent
probabilities. The guidelines defined by Brusilovksy are the following:
1
1
1..n
      </p>
      <p>PAGE</p>
      <p>URL
0..1</p>
      <p>Navigates to
0..n
1..n 0..n WIDGET</p>
      <p>OID
1
WIDGET</p>
      <p>GROUPING
0..1 ArrangeCriterion
1..n
0..1
1</p>
      <p>PROBABILITY</p>
      <p>OF USE
1..n Number
0..1
 Direct Guidance: Suggest the “next best” node (or several alternative nodes) to
visit for the user, according to the user’s goals, knowledge, or/and other parameters
that have been represented in the user model.
 Link Ordering: Prioritize all links of a particular page according to the user`s
preferences and some user-valuable criteria: the closer to the top, the more relevant the
link is.
 Link Hiding: Restrict the navigation space by hiding, removing, or disabling links
to irrelevant pages.
 Link Annotation: Augment the links with some form of annotation, which lets the
user know more about the current state of the page behind the annotated links.
 Link Generation: Create new links on a page. There are three types of link
generation: (1) discovering new useful links between the documents and adding them
permanently to the set of existing links; (2) generating links for similar items; and
(3) dynamic recommending links that are useful within the current context (i.e., the
current goal, knowledge, or interests, as reflected in user’s preferences).</p>
      <p>Brusilovsky describes these guidelines in such a generic way that makes their
implementation difficult. There are not details about what we can measure to personalize
the adaptation or how to store the information extracted from each subject. In order to
solve these problems, we have defined a set of patterns based on our proposal of a
user model.
4.2</p>
      <sec id="sec-4-1">
        <title>Template Definition</title>
        <p>
          Patterns are usually described as formal ways of documenting solutions to common
design problems, and they are used in different fields of expertise [
          <xref ref-type="bibr" rid="ref8">8</xref>
          ]. More
specifically, a pattern is the description of a common problem and a possible solution to it,
following a defined structure. It provides important benefits to software development
in terms of re-usability and flexibility.
        </p>
        <p>
          User interface analysts usually have to design user interfaces taking into account
different issues such as, technical and functional requirements, graphical richness,
responsiveness, accessibility and also efficiency and usability. The use of interaction
patterns to deal with these problems is very common. Examples of interaction patterns
are those provided by the Yahoo User Interface Design Pattern Library [
          <xref ref-type="bibr" rid="ref25">25</xref>
          ]. We
propose the use of interaction patterns as a solution to build adaptive interfaces. These
patterns must allow any system to learn from the interaction of each subject and to
build a user model (particularly the one proposed in Fig. 1) that gathers users’
preferences. Next, this user model can be used to adapt interfaces for each subject. For the
description of our patterns we will adopt a template derived from the one most widely
used to specify Yahoo patterns. This template includes the following elements:
1. A title, an intuitive name that unequivocally identifies the pattern.
2. The description of the problem that we intend to solve.
3. The context of application, the types of widgets where the pattern could be applied.
4. The navigation support technology that we suggest as a solution to the problem.
5. The motivation, explaining the origin of the interaction technology solution.
6. The function used to save users’ preferences and to adapt interfaces according to
them. This is an instance of the class Function in Fig. 1.
7. A concrete application of the pattern illustrated with an example.
        </p>
        <p>Note that the element function has been added as an extension of Yahoo User
Interface Design Pattern Library patterns, since the original template does not have
sufficient expressiveness to represent users’ preferences through a user model. How
we propose working with functions is explained in next section.
4.3</p>
      </sec>
      <sec id="sec-4-2">
        <title>Adaptive Interaction Patterns for Navigation</title>
        <p>
          This section defines the set of interaction patterns that we propose to tackle the
adaptation mechanism Navigation (see Fig. 1). From all the existing Web applications, to
illustrate the applicability of the patterns, we have chosen Amazon, since it is widely
used and known [
          <xref ref-type="bibr" rid="ref26">26</xref>
          ]. Amazon already supports some adaptation mechanisms based
on navigation. However, these mechanisms have not been tackled as patterns. The
lack of patterns implies that the reuse of the solution in other Web applications is not
possible, moreover, it is impossible to find out how Amazon saves and works with
data on users’ profiles and behaviors, since the adopted user model (if any) is not
known. What we aim to illustrate with the example of Amazon is to show how the
patterns that we propose can work in a practical way. This does not mean that real
Web applications already support our proposal, but that some of them (such as
Amazon) implement some guidelines to support adaptability in their own way. In some
other cases, Amazon does not support the functionality of the pattern yet but it is
useful to illustrate how the pattern could be applied. Taking as input Brusilovsky’s
guidelines [
          <xref ref-type="bibr" rid="ref3">3</xref>
          ], we have proposed a set of user interface adaptation patterns:
        </p>
        <sec id="sec-4-2-1">
          <title>Direct guidance</title>
          <p>
            Problem: The existence of too many links on a Web page might confuse the users,
especially in the case of novice users, when they have a concrete goal and they only
need a few links to achieve it. Context of application: Processes in which the user has
to follow different links in consecutive order to reach a concrete goal (e.g., buying a
product). This is suitable for contextual links, non-contextual links, tables of contents,
indexes and hyperspace maps [
            <xref ref-type="bibr" rid="ref3">3</xref>
            ]. Solution: The most used links in each step of the
process can be emphasized, or generated automatically by the system according to the
user model. Motivation: Several studies such as [
            <xref ref-type="bibr" rid="ref1">1</xref>
            ] demonstrated that novice users
have problems in dealing with different navigation choices and are better supported
by direct guidance technology.
          </p>
          <p>Function: The Bayesian Network saves data about the most used links (through
their probabilities) and data about users’ characteristics that use such widgets. This
way, the system can display with a different Display Option the links whose
Probabilities of Use fit within an Operator and a Value defined through a Rule. Moreover, we
can also define Rules to highlight the most used links through a specific Display
Option for users with the same User Characteristic as the current user. Probability per
User saves the most used widgets for a specific user. Concrete application: In the
BAYESIAN
NETWORK:</p>
          <p>Guidance
PROBABILITY Is composed of</p>
          <p>OF USE: 0.8
RULE:&gt;0.7</p>
          <p>DISPLAY
OPTIONS. yellow</p>
          <p>WIDGET:Ship to
This Address
Navigates to
PAGE:Gift
Options</p>
          <p>PROBABILITY</p>
          <p>OF USE: 0.05
WIDGET:Delete
Navigates to
PAGE:Delete</p>
          <p>Confirmation
PAGE:Select
Shipping Address
WIDGET: Edit
Navigates to
PAGE:Edition</p>
          <p>Is composed of
PROBABILITY
OF USE: 0.15
process of buying a product on Amazon, there is a wizard that guides the user
throughout the process. Imagine that we would like to highlight in yellow the most
used link for all users in general (this functionality is not supported by Amazon
currently, which always highlight the same button). Fig. 2a shows the links presented on
the Web page for selecting the shipping address in the Amazon checkout process
while Fig. 2b shows an example of an Object Model to represent that the most
probable links must be highlighted. The object “Guidance” is a Bayesian Network that
saves the different Probabilities of Use of each widget on the page. For the widget
“Ship to this address” we have specified a Bayesian Rule in such a way that widgets
whose Probability of Use is greater than 0.7 must be displayed in “Yellow”.</p>
        </sec>
        <sec id="sec-4-2-2">
          <title>Link ordering</title>
          <p>
            Problem: In some Web applications, a page may present a huge quantity of items
in an irrelevant order for the user, who would spend a considerable amount of time
browsing them in order to find target items, thus entailing a lack of usability. Context
of application: Non-contextual links such as lists of learning topics, lists of news, list
of products, ideas and tags clouds, and any other lists of resources where the unstable
order of links creates no problem. Several studies, such as [27], have demonstrated
that unstable order creates problems for some categories of users. Solution: The links
are ordered according to users’ preferences stored in the user model, which can be
done by monitoring the browsing history, or collecting user characteristics such as
age, gender, nationality, etc. Motivation: Kaplan et al. [
            <xref ref-type="bibr" rid="ref24">24</xref>
            ] demonstrated that link
ordering reduces navigation time and the number of steps that are required to locate
the information that the user is looking for.
          </p>
          <p>Functions: The Bayesian Network registers the percentage of clicks executed on
each link, so that the system may order the links according to them. Another option is
to implement a Rule that orders the links according to how they are Probably Used by
other users with the same User Characteristics as the current user. For example, a list
of links may be more suitable for users with ages in a specific range, so the age of the
user could determine the order in which the links are presented. Links are grouped in
a Widget Grouping in such a way that the ones which are most accessed by users with
the same age as the current user can be displayed at the top of the list. Concrete
application: This pattern is already supported by Amazon, when the user visits a page
presenting a specific product, he/she is also presented with a long list of other
recommended products, as Fig. 3a shows. As an example of applying the Link Ordering
pattern, this list could be sorted according to the age of the user. The links most used
by users with the same age as the current user could appear first. Fig. 3b shows an
example of an Object Model. The object Widget Grouping defines the order criterion
based on the User Characteristic Age which is equal to the age of the current user.</p>
        </sec>
        <sec id="sec-4-2-3">
          <title>Link hiding</title>
          <p>Problem: The existence of irrelevant links in a Web application increases the
complexity of the navigation space and the cognitive overload of the users. Context of
application: Contextual links (disabling them), non-contextual links and hyperspace
maps. Solution: Hide, remove or disable links to irrelevant pages according to the
User Model. Motivation: Some systems include large collections of links, resources,
options, form fields and navigational elements on a single Web page, which creates a
huge quantity of information and different choices that may confuse the user.</p>
          <p>PROUBSAEBRIL:IT0Y.6PER
PROUBSAEBRIL:IT0Y.3PER
PROUBSAEBRIL:IT0Y.2PER</p>
          <p>BAYESIAN
NETWORK:
Ordering</p>
          <p>WIDGET. Book1
WIDGET. Book2
WIDGET. Book3</p>
          <p>WIDGETGROUPING
: decreasing</p>
          <p>RULE: equal
CHARAUCSTEERRISTIC
:Age
RULE: &gt;0.5</p>
          <p>DISPLAY
OPTION: show</p>
          <p>BAYESIAN
NETWORK:</p>
          <p>Hiding
PROBABILITYIs composed of
PER USER: 0.7</p>
          <p>PAGE:Add
Payment Method</p>
          <p>Function: The Bayesian Network saves the percentages of use of each link, in such
a way that the system can be adapted by hiding the less used elements, and showing
them only on demand. Another option is to hide (through Display Option) the least
used widgets for users with the same Users Characteristics as the current user. For
example, the least used links among users of the same age as the current user.
Concrete application: This pattern is not supported by Amazon yet, but we can explain
how it could be applied. When the user has to select the payment method in the
Amazon checkout process, it is presented with four choices: Credit or Debit Cards, Gift
Cards &amp; Promotional Codes, Amazon.com Store Card and Add a bank account, as
shown in Fig. 4a. Three of these options could be hidden by default, showing only the
one most frequently used: Pay with Credit or Debit Card. Fig. 4b shows an Object
Model with the examples of Probabilities and a Rule to define that the widget of Add
a Card must be shown when its probability is greater than 0.5 (for example).</p>
        </sec>
        <sec id="sec-4-2-4">
          <title>Link annotation</title>
          <p>Problem: The users may have access to every link in lists such as menus, tables of
contents and indexes, in order to look for the target information. In such lists, there
are links to information which is more or less suitable depending on the user profile.
Context of application: Contextual and non-contextual links, menus and sub-menus,
tables of contents, indexes, hyperspace maps. Solution: Provide more information on
the target page of a link through a graphical annotation, such as using different colors,
adding an icon, attaching a tooltip with a small text or a number, altering the font
format, or adding an extra description on the browser’s status bar or on a pop-up that
appears when the user passes the mouse pointer over the link. Motivation: The
annotation mechanism lets the user know more about the current state of the target page of
an annotated link. Unlike link hiding which can distinguish only two states (available
or not available), this pattern can distinguish more than two states.</p>
          <p>Function: The Bayesian Network stores information about the most used links in
such a way that the state of each link can depend on the level of use of each one of
them. The states can be defined through Rules and Display Options, which defines the
layout. For example, the most used link may appear in green, links used sporadically
may be displayed in yellow, and the least used ones may be represented by red. We
can also define Rules to assign a state to any link depending on User Characteristics.
Links that are frequently used by users with similar characteristics can be represented
in different states depending on the Probability per User. Concrete application: Fig.</p>
          <p>USER
DISPLAY OPTION: CHARACTERISTIC</p>
          <p>Green circle : Profession</p>
          <p>WIDGET:UML...</p>
          <p>RULE: biggest
5a shows an illustrative example of an application in Amazon (this example is not
real). The link with the circle in green means that it is the most accessed for users
with the same User Characteristic (“Profession”) as the current user. Yellow means
that the link is accessed with less Probability per User and red means that it has not
been accessed yet by people with the same “Profession”. The colors and how they are
displayed, can be defined in Display Options. Fig. 5b shows an example of an Object
Model to represent this scenario. Even though this pattern is not currently supported
by Amazon, it implements a similar feature to highlight best seller products by adding
an orange “Best seller” tag to them (this is also shown in Figure 5a).</p>
        </sec>
        <sec id="sec-4-2-5">
          <title>Link generation</title>
          <p>Problem: The abundance of resources and the existence of many links in a Web
application, make it difficult to look for a specific item. Context of application:
Noncontextual links. Solution: Creating new links as shortcuts to other pages or
generating similarity-based links that may be useful within the current context according to
the user model. Motivation: Most of the previous patterns such as annotation or
hiding, adapt the presentation of the existing links on a page to the characteristics or
preferences of the user, but they do not generate new links nor create shortcuts.</p>
          <p>Function: The Bayesian Network with the representation of the user model stores
the Probability of Use of each link. This way, the most used ones can be added as
shortcuts to other pages. We can also define Rules to create shortcuts to the pages
most frequently used by users with similar User Characteristics to the current user.
For example, we can create shortcuts of links most frequently used among users with
the same “Profession”. Concrete application: Fig.6.a shows an example of shortcuts
in Amazon that have been created depending on information stored in previous
interactions. This functionality is already supported by Amazon. Fig. 6.b shows an
example of an Object Model that supports this feature. The Bayesian Network saves the
Probability of Use of each link during the interaction of any user. Most users who
access the UML book next navigate to the link to the Design Patterns book, so
Amazon creates Design Patterns link inside the page of the UML book.</p>
          <p>BAYESIAN
NETWORK: PAGE:UML
Generation</p>
          <p>Is composed of
PROBABILITY
OF USE: 0.5</p>
        </sec>
      </sec>
    </sec>
    <sec id="sec-5">
      <title>Use of Interface Adaptation Patterns in Real Web Sites</title>
      <p>
        This section analyzes the top 7 Web sites in the world (excluding Chinese Web sites)
according to [
        <xref ref-type="bibr" rid="ref26">26</xref>
        ]. For each Web site, we study whether or not the functionalities of
our proposed adaptive interaction patterns are supported. Note that the fact of
supporting the functionalities does not mean that their design follows our patterns. All Web
sites store preferences through logs or cookies in the client browser and some of them,
such as Amazon, save information about the purchases. However, there is not a
common repository that reports the preferences of all subjects and actions beyond logs, as
our proposal aims to do through the user model. If users’ preferences are saved in the
client browser through logs, they cannot be shared among different devices.
Moreover, systems cannot adapt interfaces by analyzing information of all users, which
implies that adaptations are exclusive for each subject. This makes impossible to
adapt interfaces regarding user preferences with characteristics similar to the current
user.
      </p>
      <p>The results of the study are shown in Table 1. Youtube is the Web site that best
supports the adaptability, while Google or Wikipedia are the least adaptable to
navigation’s preferences. Patterns that depend on the historical data of several users are
not supported by any of the Web sites, for example there is no Web site that
implements Annotation since it needs to report information on users with similar
characteristics to the current user. In general, supported patterns are those that depend on
previous actions of the subject (independently of other subjects).</p>
      <p>These results show that most used Web sites in the world support some adaptation
mechanisms, but there is still a wide scope to include new techniques in order to
enhance user experience. All adaptation mechanisms depend exclusively on information
extracted from the current user. The user model that we propose contributes, with
sufficient flexibility, to report data from different users depending on their
characteristics or behaviour during their interaction. Moreover, existing Web sites have their
own solution which is not made public. One of the advantages of using patterns in our
approach is the reusability that they offer.
This paper proposes a user model to represent users’ preferences in such a way that
Web applications can be adapted according to them. The user model reports
information from any interaction of any user, allowing the sharing of adaptations of users
with similar characteristics. The user model is abstract enough to support any type of
preference, but for space reasons we focus on the mechanisms to adapt navigations.
To this aim, we have defined a set of patterns that specify how to adapt navigations
through our user model.</p>
      <p>Note, importantly, that our approach focuses on how to model users, but we do not
discuss how to model interfaces to support adaptability. How the information reported
in the user model is transferred to interfaces is beyond the scope of our work. The
definition of interaction patterns aims to reduce the cognitive load to use the user
model, but how interfaces are described depends on the software development
method. There are already widely used notations such as UsiXML or IFML.</p>
      <p>We have detected some limitations of the proposed user model. First, the user
model becomes very large for a real Web application. Moreover, the use of Bayesian
Networks increases the size of the user model since each page and link is represented
in it. Second, the user model fits with any mechanism of adaptation, so it must be
instantiated to a specific mechanism. Third, the storage of users’ preferences in a Web
server allows for the customization of the pages but it involves more traffic on the net.</p>
      <p>As future work, we plan to build a tool to support building models through the user
model and a validation of the approach implementing the patterns in a real Web site.
We also plan to define patterns for adaptation mechanisms different from navigation
and the inclusion of accessibility mechanisms. We aim to study optimization
algorithms to better look for information in huge Bayesian Networks needed for real web
system with millions of users.</p>
    </sec>
    <sec id="sec-6">
      <title>Acknowledgement</title>
      <p>This work has been supported by Generalitat Valenciana under Project IDEO
(PROMETEOII/2014/039) and the Spanish Ministry of Science and Innovation
through project DataMe (TIN2016-80811-P).</p>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          1.
          <string-name>
            <surname>Brusilovsky</surname>
            ,
            <given-names>P.</given-names>
          </string-name>
          :
          <article-title>Adaptive Hypermedia. User Modeling and User-Adapted Interaction 11 (</article-title>
          <year>2001</year>
          )
          <fpage>87</fpage>
          -
          <lpage>110</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          2.
          <string-name>
            <surname>Park</surname>
            , J., Han,
            <given-names>S.H.</given-names>
          </string-name>
          :
          <article-title>Complementary menus: Combining adaptable and adaptive approaches for menu interface</article-title>
          .
          <source>International Journal of Industrial Ergonomics</source>
          <volume>41</volume>
          (
          <year>2011</year>
          )
          <fpage>305</fpage>
          -
          <lpage>316</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          3.
          <string-name>
            <surname>Brusilovsky</surname>
            ,
            <given-names>P.</given-names>
          </string-name>
          :
          <article-title>Adaptive navigation support</article-title>
          . In: Peter,
          <string-name>
            <given-names>B.</given-names>
            ,
            <surname>Alfred</surname>
          </string-name>
          ,
          <string-name>
            <given-names>K.</given-names>
            ,
            <surname>Wolfgang</surname>
          </string-name>
          , N. (eds.):
          <article-title>The adaptive web</article-title>
          . Springer-Verlag (
          <year>2007</year>
          )
          <fpage>263</fpage>
          -
          <lpage>290</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref4">
        <mixed-citation>
          4.
          <string-name>
            <surname>Knutov</surname>
            ,
            <given-names>E.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Bra</surname>
            ,
            <given-names>P.D.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Pechenizkiy</surname>
            ,
            <given-names>M.:</given-names>
          </string-name>
          <article-title>AH 12 years later: a comprehensive survey of adaptive hypermedia methods and techniques</article-title>
          .
          <source>New Rev. Hypermedia Multimedia</source>
          <volume>15</volume>
          (
          <year>2009</year>
          )
          <fpage>5</fpage>
          -
          <lpage>38</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref5">
        <mixed-citation>
          5.
          <string-name>
            <surname>Brusilovsky</surname>
            ,
            <given-names>P.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Millán</surname>
            ,
            <given-names>E.</given-names>
          </string-name>
          :
          <article-title>User Models for Adaptive Hypermedia and Adaptive Educational Systems</article-title>
          . In: Brusilovsky,
          <string-name>
            <given-names>P.</given-names>
            ,
            <surname>Kobsa</surname>
          </string-name>
          ,
          <string-name>
            <given-names>A.</given-names>
            ,
            <surname>Nejdl</surname>
          </string-name>
          , W. (eds.):
          <source>The Adaptive Web: Methods and Strategies of Web Personalization</source>
          . Springer Berlin Heidelberg, Berlin, Heidelberg (
          <year>2007</year>
          )
          <fpage>3</fpage>
          -
          <lpage>53</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref6">
        <mixed-citation>
          6.
          <string-name>
            <surname>Charniak</surname>
          </string-name>
          , E.:
          <article-title>Bayesian networks without tears: making Bayesian networks more accessible to the probabilistically unsophisticated</article-title>
          .
          <source>AI Mag</source>
          .
          <volume>12</volume>
          (
          <year>1991</year>
          )
          <fpage>50</fpage>
          -
          <lpage>63</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref7">
        <mixed-citation>
          7.
          <string-name>
            <surname>Alexander</surname>
            ,
            <given-names>C.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Ishikawa</surname>
            ,
            <given-names>S.</given-names>
          </string-name>
          &amp;
          <string-name>
            <surname>Silverstein</surname>
            ,
            <given-names>M.</given-names>
          </string-name>
          :
          <string-name>
            <given-names>A Pattern</given-names>
            <surname>Language: Towns</surname>
          </string-name>
          , Buildings, Construction. Oxford University Press (
          <year>1977</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref8">
        <mixed-citation>
          8.
          <string-name>
            <surname>Tidwell</surname>
          </string-name>
          , J.:
          <article-title>Designing interfaces. "</article-title>
          <string-name>
            <surname>O'Reilly Media</surname>
          </string-name>
          ,
          <source>Inc."</source>
          (
          <year>2010</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref9">
        <mixed-citation>
          9.
          <string-name>
            <surname>Reinecke</surname>
            ,
            <given-names>K.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Bernstein</surname>
            ,
            <given-names>A.:</given-names>
          </string-name>
          <article-title>Improving performance, perceived usability, and aesthetics with culturally adaptive user interfaces</article-title>
          .
          <source>ACM Trans. Comput.-Hum. Interact</source>
          .
          <volume>18</volume>
          (
          <year>2011</year>
          )
          <fpage>1</fpage>
          -
          <lpage>29</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref10">
        <mixed-citation>
          10.
          <string-name>
            <surname>Bobadilla</surname>
            ,
            <given-names>J.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Ortega</surname>
            ,
            <given-names>F.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Hernando</surname>
            ,
            <given-names>A.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Gutiérrez</surname>
            ,
            <given-names>A.</given-names>
          </string-name>
          :
          <article-title>Recommender systems survey</article-title>
          .
          <source>Knowledge-Based Systems</source>
          <volume>46</volume>
          (
          <year>2013</year>
          )
          <fpage>109</fpage>
          -
          <lpage>132</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref11">
        <mixed-citation>
          11.
          <string-name>
            <surname>Chen</surname>
            ,
            <given-names>G.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Chen</surname>
            ,
            <given-names>L.</given-names>
          </string-name>
          :
          <article-title>Augmenting service recommender systems by incorporating contextual opinions from user reviews</article-title>
          .
          <source>User Modeling and User-Adapted Interaction</source>
          <volume>25</volume>
          (
          <year>2015</year>
          )
          <fpage>295</fpage>
          -
          <lpage>329</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref12">
        <mixed-citation>
          12.
          <string-name>
            <surname>Hollink</surname>
            , V., van Someren,
            <given-names>M.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Wielinga</surname>
            ,
            <given-names>B.J.:</given-names>
          </string-name>
          <article-title>Navigation behavior models for link structure optimization. User Modeling and User-Adapted Interaction 17 (</article-title>
          <year>2007</year>
          )
          <fpage>339</fpage>
          -
          <lpage>377</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref13">
        <mixed-citation>
          13.
          <string-name>
            <surname>Hammer</surname>
            ,
            <given-names>S.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Wißner</surname>
            ,
            <given-names>M.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>André</surname>
          </string-name>
          , E.:
          <article-title>Trust-based decision-making for smart and adaptive environments. User Modeling and User-Adapted Interaction 25 (</article-title>
          <year>2015</year>
          )
          <fpage>267</fpage>
          -
          <lpage>293</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref14">
        <mixed-citation>
          14.
          <string-name>
            <surname>Nascimento</surname>
            ,
            <given-names>V.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Schwabe</surname>
            ,
            <given-names>D.</given-names>
          </string-name>
          :
          <article-title>Semantic Data Driven Interfaces for Web Applications</article-title>
          . In: Daniel,
          <string-name>
            <given-names>F.</given-names>
            ,
            <surname>Dolog</surname>
          </string-name>
          ,
          <string-name>
            <given-names>P.</given-names>
            ,
            <surname>Li</surname>
          </string-name>
          ,
          <string-name>
            <surname>Q</surname>
          </string-name>
          . (eds.): Web Engineering: 13th International Conference, ICWE 2013, Aalborg, Denmark, July 8-
          <issue>12</issue>
          ,
          <year>2013</year>
          . Proceedings. Springer Berlin Heidelberg, Berlin, Heidelberg (
          <year>2013</year>
          )
          <fpage>22</fpage>
          -
          <lpage>36</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref15">
        <mixed-citation>
          15.
          <string-name>
            <surname>Kim</surname>
            ,
            <given-names>H.-N.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Ha</surname>
            ,
            <given-names>I.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Lee</surname>
            ,
            <given-names>K.-S.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Jo</surname>
          </string-name>
          , G.-S.,
          <string-name>
            <surname>El-Saddik</surname>
            ,
            <given-names>A.</given-names>
          </string-name>
          :
          <article-title>Collaborative user modeling for enhanced content filtering in recommender systems</article-title>
          .
          <source>Decis. Support Syst</source>
          .
          <volume>51</volume>
          (
          <year>2011</year>
          )
          <fpage>772</fpage>
          -
          <lpage>781</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref16">
        <mixed-citation>
          16.
          <string-name>
            <surname>Papatheocharous</surname>
            ,
            <given-names>E.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Belk</surname>
            ,
            <given-names>M.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Germanakos</surname>
            ,
            <given-names>P.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Samaras</surname>
          </string-name>
          , G.:
          <article-title>Towards Implicit User Modeling Based on Artificial Intelligence, Cognitive Styles and Web Interaction Data</article-title>
          .
          <source>International Journal on Artificial Intelligence Tools</source>
          <volume>23</volume>
          (
          <year>2014</year>
          )
          <fpage>1440009</fpage>
        </mixed-citation>
      </ref>
      <ref id="ref17">
        <mixed-citation>
          17.
          <string-name>
            <surname>Dim</surname>
            ,
            <given-names>E.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Kuflik</surname>
            ,
            <given-names>T.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Reinhartz-Berger</surname>
            ,
            <given-names>I.</given-names>
          </string-name>
          :
          <article-title>When user modeling intersects software engineering: the info-bead user modeling approach. User Modeling and User-Adapted Interaction 25 (</article-title>
          <year>2015</year>
          )
          <fpage>189</fpage>
          -
          <lpage>229</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref18">
        <mixed-citation>
          18.
          <string-name>
            <surname>Sato</surname>
            ,
            <given-names>M.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Izumo</surname>
            ,
            <given-names>H.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Sonoda</surname>
            ,
            <given-names>T.</given-names>
          </string-name>
          :
          <article-title>Modeling Individual Users' Responsiveness to Maximize Recommendation Impact</article-title>
          .
          <source>Proceedings of the 2016 Conference on User Modeling Adaptation and Personalization</source>
          . ACM, Halifax, Nova Scotia,
          <string-name>
            <surname>Canada</surname>
          </string-name>
          (
          <year>2016</year>
          )
          <fpage>259</fpage>
          -
          <lpage>267</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref19">
        <mixed-citation>
          19.
          <string-name>
            <surname>Benyon</surname>
            ,
            <given-names>D.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Murray</surname>
            ,
            <given-names>D.</given-names>
          </string-name>
          :
          <article-title>Applying user modeling to human-computer interaction design</article-title>
          .
          <source>Artificial Intelligence Review</source>
          <volume>7</volume>
          (
          <year>1993</year>
          )
          <fpage>199</fpage>
          -
          <lpage>225</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref20">
        <mixed-citation>
          20.
          <string-name>
            <surname>Biswas</surname>
            ,
            <given-names>P.</given-names>
          </string-name>
          :
          <article-title>A Brief Survey on User Modelling in Human Computer Interaction. Speech, Image, and Language Processing for Human Computer Interaction: Multi-Modal Advancements</article-title>
          .
          <source>IGI Global</source>
          (
          <year>2012</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref21">
        <mixed-citation>
          21.
          <string-name>
            <surname>Pearl</surname>
            ,
            <given-names>J.</given-names>
          </string-name>
          :
          <article-title>Probabilistic reasoning in intelligent systems: networks of plausible inference</article-title>
          . Morgan Kaufmann Publishers Inc. (
          <year>1988</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref22">
        <mixed-citation>
          22.
          <string-name>
            <surname>Vanderdonckt</surname>
            ,
            <given-names>J.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Limbourg</surname>
            ,
            <given-names>Q.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Michotte</surname>
            ,
            <given-names>B.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Bouillon</surname>
            ,
            <given-names>L.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Trevisan</surname>
            ,
            <given-names>D.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Florins</surname>
            ,
            <given-names>M.:</given-names>
          </string-name>
          <article-title>USIXML: a User Interface Description Language for Specifying Multimodal User Interfaces</article-title>
          .
          <source>Proceedings of W3C Workshop on Multimodal Interaction WMI'</source>
          <year>2004</year>
          ,
          <string-name>
            <given-names>Sophia</given-names>
            <surname>Antipolis</surname>
          </string-name>
          ,
          <string-name>
            <surname>Greece</surname>
          </string-name>
          (
          <year>2004</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref23">
        <mixed-citation>
          23. OMG:
          <article-title>Interaction Flow Modeling Language (IFML) : http://www</article-title>
          .ifml.org/.
        </mixed-citation>
      </ref>
      <ref id="ref24">
        <mixed-citation>
          24.
          <string-name>
            <surname>Kaplan</surname>
            ,
            <given-names>C.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Fenwick</surname>
            ,
            <given-names>J.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Chen</surname>
            ,
            <given-names>J.</given-names>
          </string-name>
          :
          <article-title>Adaptive hypertext navigation based on user goals and context. User Modeling and User-Adapted Interaction 3 (</article-title>
          <year>1993</year>
          )
          <fpage>193</fpage>
          -
          <lpage>220</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref25">
        <mixed-citation>
          25.
          <string-name>
            <surname>Yahoo</surname>
          </string-name>
          <article-title>: Yahoo Developer Network</article-title>
          . URL https://developer.yahoo.com/ypatterns/.
        </mixed-citation>
      </ref>
      <ref id="ref26">
        <mixed-citation>
          26. Alexa: http://www.alexa.com/topsites. Debevc, M., Meyer,
          <string-name>
            <given-names>B.</given-names>
            ,
            <surname>Donlagic</surname>
          </string-name>
          ,
          <string-name>
            <given-names>D.</given-names>
            ,
            <surname>Svecko</surname>
          </string-name>
          , R.:
          <article-title>Design and evaluation of an adaptive icon toolbar. User Modeling and User-Adapted Interaction 6 (</article-title>
          <year>1996</year>
          )
          <fpage>1</fpage>
          -
          <lpage>21</lpage>
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>