Michael Nebeling
ABSTRACT
Current GUI builders provide a design environment for user interfaces that target either a single type or fixed set of devices, and provide little support for scenarios in which the user interface, or parts of it, are distributed over multiple devices. Distributed user interfaces have received increasing attention over the past years. There are different, often model-based, approaches that focus on technical issues. This paper presents XDStudio--a new GUI builder designed to support interactive development of cross-device web interfaces. XDStudio implements two complementary authoring modes with a focus on the design process of distributed user interfaces. First, simulated authoring allows designing for a multi-device environment on a single device by simulating other target devices. Second, on-device authoring allows the design process itself to be distributed over multiple devices, as design and development take place on the target devices themselves. To support interactive development for multi-device environments, where not all devices may be present at design and run-time, XDStudio supports switching between the two authoring modes, as well as between design and use modes, as required. This paper focuses on the design of XDStudio, and evaluates its support for two distribution scenarios.
- Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., and Vanderdonckt, J. A Unifying Reference Framework for Multi-Target User Interfaces. IWC 15 (2003).Google Scholar
- Dillenbourg, P., and Hong, F. The mechanics of cscl macro scripts. CSCL 3, 1 (2008).Google ScholarCross Ref
- Florins, M., and Vanderdonckt, J. Graceful Degradation of User Interfaces as a Design Method for Multiplatform Systems. In Proc. IUI (2004). Google ScholarDigital Library
- Genaro Motti, V., Raggett, D., Van Cauwelaert, S., and Vanderdonckt, J. Simplifying the Development of Cross-platform Web User Interfaces by Collaborative Model-based Design. In Proc. SIGDOC (2013). Google ScholarDigital Library
- Ghiani, G., Patern'o, F., and Santoro, C. Push and Pull of Web User Interfaces in Multi-Device Environments. In Proc. AVI (2012). Google ScholarDigital Library
- Ghiani, G., Patern'o, F., and Santoro, C. Interactive customization of ubiquitous web applications. VLC 24, 1 (2013). Google ScholarDigital Library
- Gjerlufsen, T., Klokmose, C. N., Eagan, J., Pillias, C., and Beaudouin-Lafon, M. Shared Substance: Developing Flexible Multi-Surface Applications. In Proc. CHI (2011). Google ScholarDigital Library
- Husmann, M., Nebeling, M., and Norrie, M. C. MultiMasher: A Visual Tool for Multi-Device Mashups. In ICWE Workshops (2013).Google Scholar
- Jetter, H.-C., Zöllner, M., Gerken, J., and Reiterer, H. Design and Implementation of Post-WIMP Distributed User Interfaces with ZOIL. IJHCI (2012).Google Scholar
- Limbourg, Q., and Vanderdonckt, J. Multipath Transformational Development of User Interfaces with Graph Transformations. In Proc. HCSE. Springer, 2009.Google Scholar
- Lin, J., and Landay, J. A. Employing Patterns and Layers for Early-Stage Design and Prototyping of Cross-Device User Interfaces. In Proc. CHI (2008). Google ScholarDigital Library
- Melchior, J., Vanderdonckt, J., and Roy, P. V. A Model-Based Approach for Distributed User Interfaces. In Proc. EICS (2011). Google ScholarDigital Library
- Meskens, J., Loskyll, M., Seibetaler, M., Luyten, K., Coninx, K., and Meixner, G. GUIDE2ux: a GUI Design Environment for Enhancing the User eXperience. In Proc. EICS (2011). Google ScholarDigital Library
- Meskens, J., Vermeulen, J., Luyten, K., and Coninx, K. Gummy for Multi-Platform User Interface Designs: Shape me, Multiply me, Fix me, Use me. In Proc. AVI (2008). Google ScholarDigital Library
- Nebeling, M., Grossniklaus, M., Leone, S., and Norrie, M. C. XCML: Providing Context-Aware Language Extensions for the Specification of Multi-Device Web Applications. WWW 15, 4 (2012). Google ScholarDigital Library
- Nebeling, M., and Norrie, M. C. jQMultiTouch: Lightweight Toolkit and Development Framework for Multi-touch/Multi-device Web Interfaces. In Proc. EICS (2012). Google ScholarDigital Library
- Nebeling, M., Speicher, M., and Norrie, M. C. CrowdAdapt: Enabling Crowdsourced Web Page Adaptation for Individual Viewing Conditions and Preferences. In Proc. EICS (2013). Google ScholarDigital Library
- Patern'o, F., and Santoro, C. A Logical Framework for Multi-Device User Interfaces. In Proc. EICS (2012). Google ScholarDigital Library
- Patern'o, F., Santoro, C., and Spano, L. MARIA: A Universal, Declarative, Multiple Abstraction-Level Language for Service-Oriented Applications in Ubiquitous Environments. TOCHI 16, 4 (2009). Google ScholarDigital Library
Index Terms
- Interactive development of cross-device user interfaces
Recommendations
Distributing User Interfaces
DUI '14: Proceedings of the 2014 Workshop on Distributed User Interfaces and Multimodal InteractionThe distribution of user interfaces is a reality. To represent this reality this paper presents a metamodel to characterize user interface distribution capabilities and states. This metamodel allows analyzers/designers to manipulate user interface ...
Systems and tools for cross-device user interfaces
EICS '15: Proceedings of the 7th ACM SIGCHI Symposium on Engineering Interactive Computing SystemsThe goal of the XDUI 2015 workshop is to bring together leading and upcoming systems researchers in the area of cross-device interfaces and define a research agenda together. The workshop aims to be useful, not only for the EICS research community, but ...
Post-transitioning user performance on cross-device menu interfaces
Highlights- First study to investigate user performance with multiple menu interfaces across devices with focusing on performance after transitioning from one device to ...
AbstractMulti-device user-interaction behavior creates a need to design cross-device menus that support users to re-locate menu items efficiently and effectively after the transition from one device to another. We conducted two laboratory ...
Comments