Downloaded 99 times
![Multi-monitor/deviceWhytake care of multiple monitors?DevicesideMonitor surface isincreasing, whilepriceisdecreasingUser sideUsersprefer more display surfaceUser’sproductivityincreasesfrom 10% to 30% (althoughsomeusabilityproblems are raised)[Harris,2002]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-17-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?User side[Harris,2002]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-18-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?Effects of Display Size on Task Times160140120100SmallAverage Task Time (Seconds)80Large6040200DISPLAY[Czerwinsky,2005]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-19-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?The tasks were easy to perform543Average Rating (1=Disagree, 5=Agree)210SmallLargeDisplay Size[Czerwinsky,2005]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-20-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?[Czerwinsky,2005]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-21-2048.jpg)
![Multi-monitor/deviceExtending a Desktop with another Monitor[Demeure et al.,2004]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-27-2048.jpg)
![The 4C Framework for DUIsC1 (Computation) represents the computation of a DUI, i.e. what are the elements to be distributed during the operationC2 (Communication) represents the dimension of distribution time, i.e. when are the elements of an interactive system distributedC3 (Coordination) represents the dimension of distribution responsibility, i.e. who is distributing the interactive systemDetection, computation, selection, execution => ISATINE framework[Lopez2006]C4 (Configuration) represents where a UI is distributed. It therefore poses the problem of how to distribute itConserving physical pixelsConserving logical pixelsConserving semantic pixels[Demeure et al.,2004]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-28-2048.jpg)
![Dimensions of the 4CC4 (Configuration) represents where a UI is distributed. It therefore poses the problem of how to distribute it by conservingPhysical pixelsLogical pixelsSemantic pixels[Demeure et al.,2004]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-29-2048.jpg)
![Multi-platform[Pierce et al.,2004]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-32-2048.jpg)
![Multi-platformProblem: how to design a UI thattakes care of multiple computingplatforms?Some solutions:DistriXML = software architecture for distributingUIsfrom one computingplatform to anotheratrun-time [Grolaux et al., 2005]MigriXML = software architecture for migratingUisfrom one platform to anotheratrun-time with adaptation [Molina et al., 2006]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-33-2048.jpg)
![Multi-platformProblem: how to design a UI thattakes care of multiple computingplatforms?PaintingPencilPaintingtoolPalette[Grolaux & Vanderdonckt,2005]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-37-2048.jpg)
![Multi-platform[Grolaux & Vanderdonckt,2005]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-38-2048.jpg)
![MigriXML architectureInteractive system architectureGUI applicationArch meta-model or ‘Slinky’ meta-modelPlatformLayered structure[Molina, Vanderdonckt, Gonzalez, 2006]](https://image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-48-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?DevicesideMonitor surface isincreasing, whilepriceisdecreasingUser sideUsersprefer more display surfaceUser’sproductivityincreasesfrom 10% to 30% (althoughsomeusabilityproblems are raised)[Harris,2002]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-17-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?User side[Harris,2002]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-18-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?Effects of Display Size on Task Times160140120100SmallAverage Task Time (Seconds)80Large6040200DISPLAY[Czerwinsky,2005]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-19-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?The tasks were easy to perform543Average Rating (1=Disagree, 5=Agree)210SmallLargeDisplay Size[Czerwinsky,2005]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-20-2048.jpg)
![Multi-monitor/deviceWhytake care of multiple monitors?[Czerwinsky,2005]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-21-2048.jpg)
![Multi-monitor/deviceExtending a Desktop with another Monitor[Demeure et al.,2004]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-27-2048.jpg)
![The 4C Framework for DUIsC1 (Computation) represents the computation of a DUI, i.e. what are the elements to be distributed during the operationC2 (Communication) represents the dimension of distribution time, i.e. when are the elements of an interactive system distributedC3 (Coordination) represents the dimension of distribution responsibility, i.e. who is distributing the interactive systemDetection, computation, selection, execution => ISATINE framework[Lopez2006]C4 (Configuration) represents where a UI is distributed. It therefore poses the problem of how to distribute itConserving physical pixelsConserving logical pixelsConserving semantic pixels[Demeure et al.,2004]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-28-2048.jpg)
![Dimensions of the 4CC4 (Configuration) represents where a UI is distributed. It therefore poses the problem of how to distribute it by conservingPhysical pixelsLogical pixelsSemantic pixels[Demeure et al.,2004]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-29-2048.jpg)
![Multi-platform[Pierce et al.,2004]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-32-2048.jpg)
![Multi-platformProblem: how to design a UI thattakes care of multiple computingplatforms?Some solutions:DistriXML = software architecture for distributingUIsfrom one computingplatform to anotheratrun-time [Grolaux et al., 2005]MigriXML = software architecture for migratingUisfrom one platform to anotheratrun-time with adaptation [Molina et al., 2006]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-33-2048.jpg)
![Multi-platformProblem: how to design a UI thattakes care of multiple computingplatforms?PaintingPencilPaintingtoolPalette[Grolaux & Vanderdonckt,2005]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-37-2048.jpg)
![Multi-platform[Grolaux & Vanderdonckt,2005]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-38-2048.jpg)
![MigriXML architectureInteractive system architectureGUI applicationArch meta-model or ‘Slinky’ meta-modelPlatformLayered structure[Molina, Vanderdonckt, Gonzalez, 2006]](https://crownmelresort.com/image.slidesharecdn.com/vanderdonckt-interaccion2010-100915101141-phpapp01/75/Distributed-User-Interfaces-How-to-Distribute-User-Interface-Elements-across-Users-Platforms-and-Environments-48-2048.jpg)
Uploaded bySerenoa Project
Distributed User Interfaces: How to Distribute User Interface Elements across Users, Platforms, and Environments
The document discusses Distributed User Interfaces (DUIs), which allow for user interface elements to be distributed across different users and platforms, addressing current challenges in design and development. It presents the 4C framework for DUIs, which includes computation, communication, coordination, and configuration as key dimensions for distribution. The document highlights the necessity for multi-user and multi-platform support, citing various design guidelines and solutions to improve usability and productivity across different computing environments.
More Related Content
Similar to Distributed User Interfaces: How to Distribute User Interface Elements across Users, Platforms, and Environments
Distributed User Interfaces: How to Distribute User Interface Elements across Users, Platforms, and Environments
- 1. Distributed User Interfaces:Howto Distribute User Interface Elements across Users, Platforms, and EnvironmentsJean VanderdoncktLouvainInteractionLabUniversitécatholique de LouvainJean.Vanderdonckt@uclouvain.be
- 2. What is thesituation today?One user performing one task on one domain in one context of useThe predominantparadigm: single…
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9. IntroductionDUI = DistributedUser Interface acrossMultiple Users: single user stereotypes vs. multiple stereotypesMultiple computingPlatforms: single platform vs. multiple platformsSimultaneouslyAsynchronouslyMultiple surroundingEnvironments(physical): same place vs. multiple placesProblem to beaddressed: the design and the development of DUIswhiletakingintoaccountAspects that are common to various distributionsAspects that are specific to some distributionsToday, thereis an ontological confusion in the various distributions possibleThe State of the Art islargelyinconsistentIt isdifficult to compare relatedwork
- 10. One dimension ata timeThe predominantparadigm: single…
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. Multi-monitor/deviceWhytake care ofmultiple monitors?DevicesideMonitor surface isincreasing, whilepriceisdecreasingUser sideUsersprefer more display surfaceUser’sproductivityincreasesfrom 10% to 30% (althoughsomeusabilityproblems are raised)[Harris,2002]
- 18. Multi-monitor/deviceWhytake care ofmultiple monitors?User side[Harris,2002]
- 19. Multi-monitor/deviceWhytake care ofmultiple monitors?Effects of Display Size on Task Times160140120100SmallAverage Task Time (Seconds)80Large6040200DISPLAY[Czerwinsky,2005]
- 20. Multi-monitor/deviceWhytake care ofmultiple monitors?The tasks were easy to perform543Average Rating (1=Disagree, 5=Agree)210SmallLargeDisplay Size[Czerwinsky,2005]
- 21. Multi-monitor/deviceWhytake care ofmultiple monitors?[Czerwinsky,2005]
- 22. Multi-monitor/deviceDistribution of UIsacrossmonitors(hardware)Coupling different monitors to the same workstation
- 23. Multi-monitor/device Hard wired,manual solution
- 24.
- 25. Lack ofreusabilityDistribution of UIsacrossmonitors (hardware)Coupling different monitors to the same workstation
- 26. Multi-monitor/deviceDistribution of UIsacrossmonitors(software)Partitioning of a window across several screens to obtain a DUI
- 27. Multi-monitor/deviceExtending a Desktopwith another Monitor[Demeure et al.,2004]
- 28. The 4C Frameworkfor DUIsC1 (Computation) represents the computation of a DUI, i.e. what are the elements to be distributed during the operationC2 (Communication) represents the dimension of distribution time, i.e. when are the elements of an interactive system distributedC3 (Coordination) represents the dimension of distribution responsibility, i.e. who is distributing the interactive systemDetection, computation, selection, execution => ISATINE framework[Lopez2006]C4 (Configuration) represents where a UI is distributed. It therefore poses the problem of how to distribute itConserving physical pixelsConserving logical pixelsConserving semantic pixels[Demeure et al.,2004]
- 29. Dimensions of the4CC4 (Configuration) represents where a UI is distributed. It therefore poses the problem of how to distribute it by conservingPhysical pixelsLogical pixelsSemantic pixels[Demeure et al.,2004]
- 30. One dimension ata timeThe predominant paradigm: single…Monitor, deviceComputing platformUserEnvironmentContext of useDomain and taskonemany16
- 31. Multi-platform(Amount of interactivesystems)(Amount of end users)10 to 50 systemsfor 1 user10000500002 or 3 systemsfor 1 user1 system for 1 user100050001005001 system for 100 users1050197019801990200020102020Source: ForresterResearch, 2002Source: M. Weiser
- 32.
- 33. Multi-platformProblem: how todesign a UI thattakes care of multiple computingplatforms?Some solutions:DistriXML = software architecture for distributingUIsfrom one computingplatform to anotheratrun-time [Grolaux et al., 2005]MigriXML = software architecture for migratingUisfrom one platform to anotheratrun-time with adaptation [Molina et al., 2006]
- 34.
- 35.
- 36. Useful area iswasted !
- 37. Multi-platformProblem: how todesign a UI thattakes care of multiple computingplatforms?PaintingPencilPaintingtoolPalette[Grolaux & Vanderdonckt,2005]
- 38.
- 39.
- 40. Example using aPocket PC
- 41.
- 42. Multi-platformDEMIPLAT Principle formigration: Detach
- 43. Multi-platformDEMIPLAT Principle formigration: Detach - Migrate
- 44. Multi-platformDEMIPLAT Principle formigration: Detach - Migrate - Plastify
- 45. Multi-platformDEMIPLAT Principle formigration: Detach - Migrate - Plastify - Attach
- 46. Multi-platformThis is nota floating barProcess
- 47.
- 48. MigriXML architectureInteractive systemarchitectureGUI applicationArch meta-model or ‘Slinky’ meta-modelPlatformLayered structure[Molina, Vanderdonckt, Gonzalez, 2006]
- 49. Case studyThe user’senvironment is a small office, with five different platforms
- 50. Case studyTwo differentuser interfaces
- 51. Case study1234Migrating fromone laptop to the otherAspire 200015”, 16:10 1280x800PT-LB10SU4:3 800x600Latitude15”, 4:3 1024x768
- 52. Case study123Migrating froma laptop to the Pocket PCAspire 200015”, 16:10 1280x800e7503,8”, 3:4240x320
- 53. One dimension ata timeThe predominant paradigm: single…Monitor, deviceComputing platformUserEnvironmentContext of useDomain and taskonemany39
- 54. Multiple usersDesign guideline#1: provide multiple ways to carry out a task by differentusersInteractive systemsshouldbetter support multiple users in multi-taskingbecause group definition changes[Mandviwalla & Olfman, 2000]
- 55. Multiple usersDesign guideline#2: support multiple workmethodsA sametaskcouldinvolvedifferentsub-tasksdepending on the contextDesign guideline #3:support group evolutionGR1 et GR2 changent en fonction du temps[Mandviwalla & Olfman, 2000]
- 56. One dimension ata timeThe predominant paradigm: single…Monitor, deviceComputing platformUserEnvironmentContext of useDomain and taskonemany42
- 57. Multi-contextThe Sedan-Bouillon TouristApplication with PlasticityThe Slides Manager[Demeure et al.,2004]
- 58. One dimension ata timeThe predominant paradigm: single…Monitor, deviceComputing platformUserEnvironmentContext of useDomain and taskonemany44
- 59. What we hadfor multi-platformApplication layer :
- 60. UI is dynamicallymigratable
- 61.
- 62. UI is dynamicallyadaptableWhat we have for multi-taskingExt/Tktoolkit
- 63. Display SiteArchitecture overviewTransparentproxy mechanismsProxies relay event bindings from the functional coreWidgets trigger these events inside the CM at the display siteThe CM relays and triggers the event at the application siteProxies store all their event bindingsApplication SiteUser InterfaceCommunication ManagerFunctional CoreWidget 1 ProxyWidget 1Widget 2 ProxyWidget 2(using TCP)Widget … ProxyWidget …Event ListenerEvent TriggererWidget N ProxyWidget N
- 64. Multi-taskingcombinedSet of servicesoffered to multiple usersusing multiple platforms in the samecontext[Vandervelpen et al., 2005]
- 65. ConclusionThinkeverythingdistributedaccording to thefollowing « template »EverythingcouldbethoughtdistributedAccessibility, evaluationVirtual, mixed reality
- 66. ConclusionAdvantages of the4C framework for DUIMultiple monitors, same platform, same userMultiple platforms, same userMultiple platforms, different users, but same technological spaceMultiple platforms, different users, different technological spacesLimitationsFramework oriented towards the context of useSome aspects not considered in the frameworkAmbient intelligencePossible extensionGeneralization needed
- 67. User Interface eXtensibleMarkupLanguagehttp://www.usixml.orgFP7Serenoaprojecthttp://serenoa.morfeo-project.org/wiki/index.php/Main_Page FP7 Selfmanprojecthttp://www.ist-selfman.org/For more information and downloading,http://www.isys.ucl.ac.be/bchiThankyouverymuch!