<!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>DiRec: A Distributed User Interface Video Recommender</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author">
          <string-name>Wessam Abdrabo</string-name>
          <email>wessam.abdrabo@in.tum.de</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <contrib contrib-type="author">
          <string-name>Wolfgang Wörndl</string-name>
          <email>woerndl@in.tum.de</email>
          <xref ref-type="aff" rid="aff1">1</xref>
        </contrib>
        <aff id="aff0">
          <label>0</label>
          <institution>Technical University of Munich</institution>
          ,
          <addr-line>Boltzmannstrasse 3, 85748 Garching Bei München</addr-line>
          ,
          <country country="DE">Germany</country>
        </aff>
        <aff id="aff1">
          <label>1</label>
          <institution>Technical University of Munich</institution>
          ,
          <addr-line>Boltzmannstrasse 3, 85748 Garching Bei München</addr-line>
          ,
          <country country="DE">Germany</country>
        </aff>
      </contrib-group>
      <abstract>
        <p>Distributed User Interfaces (DUIs) are graphical interfaces whose components are distributed in one or many of the UI distribution dimensions: Time, space, platforms, displays, or users. In this work, we have investigated the impact of the application of DUIs, with respect to the di erent DUI dimensions, on the experience of users of recommender systems. We developed two prototype video recommendation mobile applications: Monolithic Interface Recommender (MiRec), and Distributed Interface Recommender (DiRec). Sharing mostly the same interface, DiRec additionally o ers the possibility of migrating parts of the UI between the mobile application and a larger display (LD). A user study was conducted in which participants used and evaluated both MiRec and DiRec. Our results show a signi cant di erence between DiRec and MiRec in attractiveness (general impression and likability), stimulation, and novelty measures, which posits the existence of a strong interest in DUI recommender systems. Nonetheless, MiRec was found more easy-to-learn and easier to understand than DiRec which gives room for further investigation to pinpoint the reasons of DiRec's relatively lower perspicuity measures.</p>
      </abstract>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>-</title>
      <p>Human-centered computing ! User interface
design;</p>
    </sec>
    <sec id="sec-2">
      <title>INTRODUCTION</title>
      <p>With the advancement of ubiquitous computing and the
trend of the ever-increasing number of devices per user, users
of interactive systems no longer perform tasks that reside
mainly on a single device, but are rather confronted with
situations where they need to complete tasks across several
Permission to make digital or hard copies of all or part of this work for
personal or classroom use is granted without fee provided that copies are not
made or distributed for profit or commercial advantage and that copies bear
this notice and the full citation on the first page. Copyrights for components
of this work owned by others than ACM must be honored. Abstracting with
credit is permitted. To copy otherwise, or republish, to post on servers or to
redistribute to lists, requires prior specific permission and/or a fee. Request
permissions from permissions@acm.org.</p>
      <p>IntRS 2016, September 16, 2016, Boston, MA, USA.</p>
      <p>Copyright remains with the authors and/or original copyright holders.
platforms. A typical situation is a user carrying out tasks
in a multi-device environment that presents itself e ectively
to the user as a single UI, but which is actually distributed
along these platforms. Such situations represent typical cases
of Distributed User Interfaces (DUIs). Hence, DUIs represent
an attempt to overcome the limitations of user interfaces
that are manipulated by a single user, on a single platform,
in a xed environment, providing few or no variations along
these distribution dimensions.</p>
      <p>To our best knowledge, surveyed studies for the applications
of DUIs do not include any which tackle single-user
recommender systems; the fact that provided the main motivation
for this research. We hypothesize that the distribution of
recommender systems' UIs leads to an enhanced user
experience. To verify our hypothesis, we developed two high
delity prototypes for video recommendation: Monolithic
Interface Recommender (MiRec), which is a conventional
mobile video recommendation application, and Distributed
Interface Recommender (DiRec), which is a distributed
version of the mobile video recommender where the interface is
distributed among a mobile device (SD) and a large-display
screen (LD).</p>
      <p>The proceeding sections describe this research's main
contributions: A proposal for a generic model for UI distribution
for recommendation applications, the design of DiRec which
is considered as an instance of this generic model, as well as
the results and conclusion of a user study that was conducted
to test the impact of our DUI recommender's design on users'
experience.
2.</p>
      <p>BACKGROUND AND RELATED WORK
Enhancing the experience of users of recommender systems
through developing more sophisticated recommendation
algorithms, taking in consideration aspects such as the novelty,
diversity, and accuracy of recommendations, has become
the focus of many recent studies. However, fewer studies
investigate the possibility of enhancing the user's
experience through providing novel UI solutions for recommenders.
None of the surveyed research has considered the impact of
the distribution of the UI of recommenders on the user's
experience. This is where our study provides its main
contribution.</p>
      <p>
        During the course of our investigation, we surveyed many
studies that laid the foundation of the relatively new eld
of DUIs. Mostly relevant to our study is Vanderdonckt et
al. [
        <xref ref-type="bibr" rid="ref9">9</xref>
        ] 's description of what constitutes a distributed UI
environment: \UI distribution concerns the repartition of
one or many elements from one or many user interfaces in
order to support one or many users to carry out one or many
tasks on one or many domains in one or many contexts of
use, each context of use consisting of users, platforms, and
environments." To deepen our understanding of the various
dimensions of UI distribution, we surveyed several studies ([
        <xref ref-type="bibr" rid="ref2">2</xref>
        ],
[
        <xref ref-type="bibr" rid="ref3">3</xref>
        ], [
        <xref ref-type="bibr" rid="ref5">5</xref>
        ], [
        <xref ref-type="bibr" rid="ref9">9</xref>
        ]). However, one that has been especially relevant
to our study is the 4C model described by Demeure et al.,
through which we could de ne the 4Cs of our proposed DUI
recommender: Computation (what is distributed?), in other
words the element of distribution, which could be the task
or the platform, Communication (when is it distributed?) or
time, Coordination (who initiates distribution?) which is a
variation on the user dimension, and Con guration (from
where and to where is the distribution operated? on the
physical pixel level, or the logical level) [
        <xref ref-type="bibr" rid="ref2">2</xref>
        ].
      </p>
      <p>
        On the other hand, a number of studies have found DUI
techniques useful for their applications among which are IAM
[
        <xref ref-type="bibr" rid="ref1">1</xref>
        ], Aura [
        <xref ref-type="bibr" rid="ref7">7</xref>
        ] and ConnecTables [
        <xref ref-type="bibr" rid="ref8">8</xref>
        ].
      </p>
      <p>
        For implementation of our DUI recommender, we adopt a
dual display (SD-LD) approach which is similar to Kaviani
et al's, who argue that the use of ubiquitous cell phones as
an SD component in a DUI not only o er a means to interact
with LD displays, but increasingly o er a small, but high
quality screen to complement the LD [
        <xref ref-type="bibr" rid="ref4">4</xref>
        ].
      </p>
      <p>
        Moreover, in our previous work [
        <xref ref-type="bibr" rid="ref10">10</xref>
        ], we investigated the
application of DUIs in group recommender systems. We
developed a scenario of a movie recommender, where the
UI is distributed among two platforms: a PDA that works
as a small display (SD) and a table-top that works as a
large display (LD). Users get to view and rate recommended
items on their PDAs individually, and as a group, they get to
reach a consensus by doing the voting on the table-top. This
DUI solution to the voting part of group recommendation
is proved by the study to improve the process of reaching
consensus among a group. This study takes a further step
by investigating the bene ts of using DUIs in single-user
recommender systems.
3.
      </p>
      <p>DESIGN OF A DUI SINGLE-USER
RECOMMENDER</p>
      <p>Scenarios of our DUI video recommender depict a
multidevice environment, in which the ow of control (logic) and
the application's user interface are decoupled in a way that
allows for the distribution of UI components along the
different devices. In other words, the user of such a system is
provided with a distributed solution, which enables him/her
to perform tasks on whichever device in this environment
(by for example migrating the UI components between the
di erent devices) independently of where the application is
running, and of the constraints presented by the di erent
platforms running the application.
3.1</p>
    </sec>
    <sec id="sec-3">
      <title>Generic Model for UI Distribution</title>
      <p>The following are generic scenarios for UI distribution
of interactive systems that are applicable to recommender
systems:</p>
      <p>Migration of Item Consumption: present the
recommended content on one device while giving the user the
ability to consume the content on another device.
Performing Parallel Activities: user can perform tasks
simultaneously and independently from each other.
Overview and Detail Presentations: show di erent
versions of the presented content at di erent levels of
granularity on di erent nodes.</p>
      <p>Content Filtering: distribute the task to lter the user's
choice of what to consume.</p>
      <p>Content Redirection: content could be transferred to
be presented on a di erent node.</p>
      <p>Migration of Items Between Users: content
redirection/migration of a list of recommended items (or an
item in this list) from one user of the system to one or
more other users.</p>
      <p>We will describe more speci c scenarios that can be
considered as an extension of this generic UI distribution model
(Figure 1) in a distributed video recommender application in
the next subsection.
3.2</p>
      <p>DiRec: Distributed Interface Video
Recommender</p>
      <p>We assume the users are working with a smaller (SD), e.g.
a smartphone or other mobile device, and a larger display
(LD), e.g. a display screen.
3.2.1</p>
      <sec id="sec-3-1">
        <title>Pre-Configuring UI Distribution Options</title>
        <p>This scenario presents the initiation point of the system, in
which the user is given an option to pre-con gure the di erent
options the system o ers for UI distribution, and hence be
the initiator of UI distribution. This o ers the ability to
delay the decision of which UI components to present on
which platform, making the system distributed in time. This
is made possible by presenting the user with a Meta UI in
which he/she is asked to drag and drop the components of
their choice to the target platform.</p>
        <p>The presentation of recommended videos is shown in
parallel on the SD and LD, however, in di erent levels of
granularity. The mobile device shows a detailed list of all the
recommended videos, together with detailed information
about the video, in tabular form with di erent
categorizations. On the LD, an overview presentation is shown for
the recommended items that scored the highest for the user
without details, however shown in di erent sizes to indicate
the recommendation scores.
3.2.3</p>
      </sec>
      <sec id="sec-3-2">
        <title>Recommended Item Details Presentation</title>
        <p>Moreover, in our proposed design, we o er the possibility
of distributing parts of the UI with a ne granularity. The
user selects a single table-cell in the videos list and could
move it to the LD by applying the gesture, as opposed to just
mirroring or transferring the UI at a more coarse granularity.
3.2.4</p>
      </sec>
      <sec id="sec-3-3">
        <title>Recommended Item Consumption and Rating</title>
        <p>Starting a video on the LD is done as depicted in Figure 2 in
our prototype. On the video details page on the mobile device
(SD), the user performs a pan gesture on the video image,
which then triggers the migration of the video consumption
from the mobile device to the LD.</p>
        <p>The video player automatically starts on the LD, providing
the user with all controls for the video playback. After
the video playback starts automatically on the LD, the LD
triggers the mobile device to display the rating page for the
user on the SD. Hence, the two tasks could be carried out
simultaneously by the user (Figure 3).
3.2.5</p>
      </sec>
      <sec id="sec-3-4">
        <title>Filtering Recommended Items</title>
        <p>Filtering is done by performing a right swipe gesture on the
video item in the list on the SD which redirects the content
of the video to the LD. The display of the content on the LD
is also done in an overview-detail coupling manner. After
the user is done ltering the LD will contain all the selected
items displayed as an overview.
3.2.6</p>
      </sec>
      <sec id="sec-3-5">
        <title>Redirecting Favorites Lists</title>
        <p>Unlike previously described scenarios which involve a single
user of the system, this scenario involves two or more users.
On the SD, the user selects a favorite-items list. On applying
a long-press on the list, the user is prompted with a list of
users from which he could select one or more users to transfer
this list to.</p>
        <p>A subset of the suggested distribution scenarios was
selected for implementation. MiRec is developed as the
nondistributed version of DiRec and is meant for comparison
with DiRec's interface through our comparative user study.
Both applications share mostly the same design, however,
thorough DiRec, the user could complete tasks in a
distributed manner between a mobile application and a large
display screen, while with MiRec, users could only complete
tasks on the mobile device. MiRec is developed as an iOS
mobile application while DiRec is distributed along an iOS
application and an LD Python application with a
communication layer in between which mainly relies on light-weight
TCP-IP based message passing between both platforms (e.g.:
play:&lt;videoID&gt; is passed from SD to LD in DiRec to play a
video on LD).</p>
      </sec>
    </sec>
    <sec id="sec-4">
      <title>USER STUDY</title>
      <p>
        To evaluate our approach, we have conducted a user study
in three phases. 24 participants were asked to use both
MiRec and DiRec and rate their experiences of the products
using the User Experience Questionnaire (UEQ) method [
        <xref ref-type="bibr" rid="ref6">6</xref>
        ]
shortly after nishing the test.
4.1
      </p>
    </sec>
    <sec id="sec-5">
      <title>Setup</title>
      <p>
        Each participant was rst briefed about how to use MiRec
and DiRec, then he/she was asked to complete a set of tasks
on both applications including navigating recommendations'
lists, playing and rating of videos. Each participant was given
an iPhone with both DiRec and MiRec installed and was
being asked to interact with the LD screen component during
the course of the experiment (Figure 4). During the last
phase of the experiment, participants were asked to give their
direct impression of the application using the UEQ method
[
        <xref ref-type="bibr" rid="ref6">6</xref>
        ]. UEQ consists of 6 scales with 26 items which measure
Attractiveness (overall impression or the likability),
Perspicuity (learnability and ease-of-use), E ciency (the ability to
perform tasks without exerting extra e ort), Dependability
(user's control over the experience), Stimulation (excitement
and motivation) and Novelty (innovation and creativity).
4.2
      </p>
    </sec>
    <sec id="sec-6">
      <title>Results</title>
      <p>Figure 5 shows the result of UEQ's comparison of MiRec
(left side, blue) and DiRec (right side, red). With respect to
attractiveness, stimulation, and novelty, DiRec scores higher
than MiRec. For e ciency and dependability, they measure
almost similarly with MiRec scoring slightly better than
DiRec. MiRec, however, scores much higher than DiRec when
it comes to the perspicuity scale. Conducted t-Tests showed
statistical signi cance with regard to perspicuity ( =0.0092),
stimulation ( =0.0007), and novelty ( =0.0000), but no
signi cance for attractiveness, e ciency and dependability
with an alpha level of 0.05.</p>
      <p>3.00
2.25
1.50
0.75
0.00
-0.75
-1.50</p>
      <p>Attractiveness Perspicuity Efficiency Dependability Stimulation Novelty</p>
      <p>CONCLUSIONS AND FUTURE WORK
This work investigates the impact of using distributed user
interfaces on the experience of users of recommendation
applications. Our comparative user study's UEQ results could be
interpreted as follows: The use of DUIs aids the stimulation
and novelty of recommendation applications, hence, enriches
the user's experience, does not hinder the e ciency or limit
the span of the user's control of recommendation
applications, results in more attractive recommendation applications,
however, might a ect the learnability and ease-of-use of
recommendation applications. Notwithstanding the promising
results of our study, the study has fallen short in providing
an explanation of whether the relatively lower perspicuity
measures of DiRec is a result of insu cient explanation of
the study's procedure, or if it was DiRec's design that was
relatively less easy to understand and learn. A possible
future work would be to further investigate this aspect. Lastly,
we strongly believe that giving more span of control to the
user through allowing pre-con guration of UI distribution
schemes could further enhance the DUI experience.
6.</p>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          [1]
          <string-name>
            <given-names>J.</given-names>
            <surname>Coutaz</surname>
          </string-name>
          ,
          <string-name>
            <given-names>L.</given-names>
            <surname>Balme</surname>
          </string-name>
          ,
          <string-name>
            <given-names>C.</given-names>
            <surname>Lachenal</surname>
          </string-name>
          , and
          <string-name>
            <given-names>N.</given-names>
            <surname>Barralon</surname>
          </string-name>
          .
          <article-title>Software infrastructure for distributed migratable user interfaces</article-title>
          .
          <source>In Proc. of UbiHCISys Workshop on UbiComp</source>
          , volume
          <year>2003</year>
          . Citeseer,
          <year>2003</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          [2]
          <string-name>
            <given-names>A.</given-names>
            <surname>Demeure</surname>
          </string-name>
          ,
          <string-name>
            <given-names>J.-S.</given-names>
            <surname>Sottet</surname>
          </string-name>
          , G. Calvary,
          <string-name>
            <given-names>J.</given-names>
            <surname>Coutaz</surname>
          </string-name>
          ,
          <string-name>
            <given-names>V.</given-names>
            <surname>Ganneau</surname>
          </string-name>
          , and
          <string-name>
            <given-names>J.</given-names>
            <surname>Vanderdonckt</surname>
          </string-name>
          .
          <article-title>The 4c reference model for distributed user interfaces</article-title>
          .
          <source>In Autonomic and Autonomous Systems</source>
          ,
          <year>2008</year>
          .
          <article-title>ICAS 2008</article-title>
          . Fourth International Conference on, pages
          <volume>61</volume>
          {
          <fpage>69</fpage>
          . IEEE,
          <year>2008</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          [3]
          <string-name>
            <given-names>N.</given-names>
            <surname>Elmqvist</surname>
          </string-name>
          .
          <article-title>Distributed user interfaces: State of the art</article-title>
          .
          <source>In Distributed User Interfaces</source>
          , pages
          <fpage>1</fpage>
          <lpage>{</lpage>
          12. Springer,
          <year>2011</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref4">
        <mixed-citation>
          [4]
          <string-name>
            <given-names>N.</given-names>
            <surname>Kaviani</surname>
          </string-name>
          ,
          <string-name>
            <given-names>M.</given-names>
            <surname>Finke</surname>
          </string-name>
          ,
          <string-name>
            <given-names>R.</given-names>
            <surname>Lea</surname>
          </string-name>
          , and
          <string-name>
            <given-names>S.</given-names>
            <surname>Fels</surname>
          </string-name>
          .
          <article-title>Dual displays: towards an interaction model and associated design guidelines</article-title>
          .
          <source>DUI</source>
          <year>2011</year>
          , page
          <volume>69</volume>
          ,
          <year>2011</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref5">
        <mixed-citation>
          [5]
          <string-name>
            <given-names>J.</given-names>
            <surname>Melchior</surname>
          </string-name>
          .
          <article-title>Distributed user interfaces in space and time</article-title>
          .
          <source>In Proceedings of the 3rd ACM SIGCHI symposium on Engineering interactive computing systems</source>
          , pages
          <volume>311</volume>
          {
          <fpage>314</fpage>
          . ACM,
          <year>2011</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref6">
        <mixed-citation>
          [6]
          <string-name>
            <given-names>M.</given-names>
            <surname>Schrepp</surname>
          </string-name>
          .
          <article-title>User experience questionnaire handbook</article-title>
          .
          <source>ueq-online.org</source>
          ,
          <year>2015</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref7">
        <mixed-citation>
          [7]
          <string-name>
            <given-names>J. P.</given-names>
            <surname>Sousa</surname>
          </string-name>
          and
          <string-name>
            <given-names>D.</given-names>
            <surname>Garlan</surname>
          </string-name>
          .
          <article-title>Aura: an architectural framework for user mobility in ubiquitous computing environments</article-title>
          .
          <source>In Software Architecture</source>
          , pages
          <volume>29</volume>
          {
          <fpage>43</fpage>
          . Springer,
          <year>2002</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref8">
        <mixed-citation>
          [8]
          <string-name>
            <given-names>P.</given-names>
            <surname>Tandler</surname>
          </string-name>
          ,
          <string-name>
            <given-names>T.</given-names>
            <surname>Prante</surname>
          </string-name>
          ,
          <string-name>
            <surname>C.</surname>
          </string-name>
          <article-title>Muller-</article-title>
          <string-name>
            <surname>Tomfelde</surname>
            ,
            <given-names>N.</given-names>
          </string-name>
          <string-name>
            <surname>Streitz</surname>
            , and
            <given-names>R.</given-names>
          </string-name>
          <string-name>
            <surname>Steinmetz</surname>
          </string-name>
          .
          <article-title>Connectables: dynamic coupling of displays for the exible creation of shared workspaces</article-title>
          .
          <source>In Proceedings of the 14th annual ACM symposium on User interface software and technology</source>
          , pages
          <volume>11</volume>
          {
          <fpage>20</fpage>
          . ACM,
          <year>2001</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref9">
        <mixed-citation>
          [9]
          <string-name>
            <given-names>J.</given-names>
            <surname>Vanderdonckt</surname>
          </string-name>
          et al.
          <article-title>Distributed user interfaces: how to distribute user interface elements across users, platforms, and environments</article-title>
          .
          <source>Proc. of XI Interaccion</source>
          ,
          <volume>20</volume>
          ,
          <year>2010</year>
          .
        </mixed-citation>
      </ref>
      <ref id="ref10">
        <mixed-citation>
          [10]
          <string-name>
            <given-names>W.</given-names>
            <surname>Wo</surname>
          </string-name>
          <article-title>rndl and</article-title>
          <string-name>
            <given-names>P.</given-names>
            <surname>Saelim</surname>
          </string-name>
          .
          <article-title>Voting operations for a group recommender system in a distributed user interface environment</article-title>
          .
          <source>In RecSys Posters. Citeseer</source>
          ,
          <year>2014</year>
          .
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>