More Web Proxy on the site http://driver.im/

research-article

Generative pattern-based design of user interfaces

Authors:

Jean Vanderdonckt,

Francisco Montero SimarroAuthors Info & Claims

PEICS '10: Proceedings of the 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems

Pages 12 - 19

https://doi.org/10.1145/1824749.1824753

Published: 20 July 2010 Publication History

Abstract

This paper suggests a method for developing graphical user interfaces based on generative patterns. A generative pattern contains portions of previously designed user interfaces are expressed through models that are either partially or totally instantiated. These portions could be identified and re-applied to a new design case study by generating code by instantiating the specifications contained in the models. The method involves typical models found in user interface development life cycle such as task, domain, abstract user interface, concrete user interface, final user interface, context model, and mappings between them. Any model could virtually be the source of a pattern and could be described, searched, matched, retrieved, and assembled together so as to create a new graphical user interface. For this purpose, a software has been developed that manages generative patterns by combining an existing user interface description language (UsiXML -- user interface extensible markup language) with concepts addressing problems raised by pattern description and matching in a pattern-based language (PLML -- Pattern Language Markup Language, a language was introduced to uniformly represent user interface patterns). Once instantiated from the generative patterns, the models give rise to a model-driven engineering based on model-to-model transformation and model-to-code compilation.

References

[1]

Alexander, C. 1979. The Timeless Way of Building, Oxford University Press, New York.

[2]

Bastien, J. M. Ch. and Scapin, D. L. Evaluating a User Interface with Ergonomic Criteria. Int. J. of Human-Computer Interaction 7, 2 (1995), pp. 105--121.

Digital Library

[3]

Bayle, E., Bellamy, R. Casaday, G., Erickson, T., Fincher, S., and Grinter, B. Putting it all Together: Towards a Pattern Language for Interaction Design. SIGCHI Bulletin 30, 1 (1998), pp. 17--24.

Digital Library

[4]

Borchers, J. 2001. A Pattern Approach to Interaction Design, John Wiley & Sons, New York.

Digital Library

[5]

Budinsky, F., Finnie, M., Vlissides, J., and Yu, P. Automatic Code Generation from Design Patterns. IBM Systems Journal 35, 2 (1996), pp. 151--171. Accessible at http://www.research.ibm.com/designpatterns/pubs/codegen.pdf

Digital Library

[6]

Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., and Vanderdonckt, J. A Unifying Reference Framework for Multi-Target User Interfaces. Interacting with Computers 15, 3 (2003), pp. 289--308.

[7]

Campos, P. and Nunes, N. J. Towards useful and usable interaction design tools: CanonSketch. Interacting with Computers 19, 5--6 (2007), pp. 597--613.

Digital Library

[8]

Coad, P., Mayfield, M., and North, D. 1997. Object Models: Strategies, Patterns, and Applications, Prentice Hall, New Jersey.

Digital Library

[9]

Constantine, L. 2003. Canonical Abstract Prototypes for Abstract Visual and Interaction Design. In Proc. of 10^th Int. Conf. on Design, Specification, and Verification of Interactive Systems DSV-IS'2003 (Madeira, 4--6 June 2003). J. Jorge, N. J. Nunes, J. Cunha (Eds.). Lecture Notes in Computer Science, Vol. 2844. Springer, Berlin, pp. 1--15.

[10]

Erickson, T. The Interaction Design Patterns Page. Accessible at http://www.pliant.org/personal/Tom_Erickson/InteractionPatterns.html

[11]

Fincher, S. The pattern gallery. Accessible at http://www.cs.kent.ac.uk/people/staff/saf/patterns/gallery.html

[12]

Fincher, S., Finlay, J., Greene, Sh., Jones, L., Matchen, P., Thomas, J., and Molina, P. J. 2003. Perspectives on HCI patterns: concepts and tools. In Ext. Proc. of CHI'2003. ACM Press, New York, pp. 1044--1045.

Digital Library

[13]

Gaffar, A., Seffah, A., and Van der Poll, J. 2005. HCI Patterns Semantics in XML: A Pragmatic Approach. In Proc. of the 2005 workshop on Human and social factors of software engineering HSSE'2005 (St. Louis, May 16, 2005). ACM Press, New York, pp. 1--7.

Digital Library

[14]

Gamma, E., Helm, R., Johnson, R. and Vlissides, J. 1994. Design Patterns: Elements of Reusable Object-Oriented Software. Addison-Wesley, Reading.

Digital Library

[15]

Granlund, Å., Lafrenière, D., and Carr, D. A. 2001. A Pattern-Supported Approach to the User Interface Design Process. In Proc. of 9th Int. Conf. on Human-Computer Interaction HCI International'2001 (New Orleans, 5--10 August 2001). M. J. Smith, G. Salvendy, D. Harris, R. J. Koubek (Eds.). Vol. 1, Lawrence Erlbaum Associates, Mahwah.

[16]

Greene, S. and Matchen, P. 2003. Tool-based decision support for pattern assisted development. In Proc. of CHI' 2003 Workshop on User Interface Patterns.

[17]

Javahery, H. and Seffah, A. 2002. A Model for Usability Pattern-Oriented Design. In Proc. of 1^st International Workshop on Task models and Diagrams for user interface design TAMODIA'2002 (Bucarest, 18--19 July 2002). Pribeanu, C., Vanderdonckt, J. (Eds.). Academy of Economic Studies of Bucharest, Economic Informatics Department, INFOREC Printing House, Bucarest, pp. 104--110.

Digital Library

[18]

Joshi, S. R., McWilliam, W. W. 1996. Case-based reasoning approach to creating user interface components. In Proc. of CHI'96. ACM Press, New York, pp. 81--82.

Digital Library

[19]

Kolodner, J. 1993. Case-Based Reasoning. Morgan Kaufman, San Mateo.

Digital Library

[20]

López-Jaquero, V., Montero, F., Molina, J. P., Fernández-Caballero, A., and González, P. 2003. Model-Based Design of Adaptive User Interfaces through Connectors. In Proc. of 10^th Int. Conf. on Design, Specification, and Verification of Interactive Systems DSV-IS'2003 (Madeira, 4--6 June 2003). Lecture Notes in Computer Science, Vol. 2844. SpringerVerlag, Berlin, pp. 245--257.

[21]

Molina, P., Belenguer, J., and Pastor, O. 2003. Describing Just-UI Concepts Using a Task Notation. In Proc. of 10^th Int. Conf. on Design, Specification, and Verification of Interactive Systems DSV-IS'2003 (Madeira, 4--6 June 2003). Lecture Notes in Computer Science, Vol. 2844. SpringerVerlag, Berlin, pp. 361--371.

[22]

Nicola, J., Mayfield, M., and Abney, M. 2001. Streamlined Object Modeling, Prentice Hall, New Jersey.

Digital Library

[23]

Paterno, F. 1999. Model-based design and evaluation of interactive applications. Springer, Berlin.

Digital Library

[24]

Pribeanu, C., and Vanderdonckt, J. 2003. A Pattern-based Approach to User Interface Development. In Proc. of 2^nd Int. Conf. on Universal Access in Human-Computer Interaction UAHCI'2003 (Creete, 22--27 June 2003). Vol. 4, C. Stephanidis (Ed.). Lawrence Erlbaum Associates, Mahwah, pp. 1524--1528.

[25]

Radeke, F., Forbrig, P., Seffah, A., and Sinnig, D. 2006. PIM Tool: Support for Pattern-Driven and Model-Based UI Development. In Proc. of 5^th Int. Workshop on Task Models and Diagrams for User Interface Design TAMODIA'2006 (Hasselt, 23--24 October 2006). K. Coninx, K. Luyten, K. Schneider (Eds.). Lecture Notes in Computer Science, Vol. 4385. Springer-Verlag, Berlin (2007), pp. 82--96.

Digital Library

[26]

Schneider, K. and Paquette, D. 2004. Interaction Templates for Constructing User Interfaces from Task Models. In Proc. of 5^th Int. Conf. on Computer-Aided Design of User Interfaces CADUI'2004 (Funchal, 14--16 January 2004). Kluwer Academics Pub., Dordrecht, pp. 221--232.

[27]

Seffah, A. and Forbrig, P. 2002. Multiple User Interfaces: Towards a Task-Driven and Patterns-Oriented Design Model. In Proc. of 9^th Int. Workshop on Design, Specification, and Verification of Interactive Systems DSV-IS'2002 (Rostock, 12--14 June 2002). Lecture Notes in Computer Science, Vol. 2545, Springer-Verlag, Berlin, pp. 118--132.

Digital Library

[28]

Seffah, A. and Gaffar, A. Model-based user interface engineering with design patterns. Journal of Systems and Software 80 (2007) pp. 1408--1422.

Digital Library

[29]

Seffah, A. MOUDIL: Montreal Online Usability Digital Library. http://hci.cs.concordia.ca/moudil/

[30]

Sinnig, D., Gaffar, A., Reichart, D., Forbrig, P., and Seffah, A. 2004. Patterns in Model-Based Engineering. In Proc. of 5^th Int. Conf. on Computer-Aided Design of User Interfaces CADUI'2004 (Funchal, 14--16 January 2004). Kluwer Academics Pub., Dordrecht, pp. 195--208.

[31]

Vanderdonckt, J., Furtado, E., Furtado, V., Limbourg, Q., Silva, W., Rodrigues, D., and Taddeo, L. Multi-model and Multi-level Development of User Interfaces. In "Multiple User Interfaces", A. Seffah, H. Javahery (Eds.), John Wiley, pp. 193--216.

[32]

Vanderdonckt, J. 2005. A MDA-Compliant Environment for Developing User Interfaces of Information Systems. In Proc. of 17^th Conf. on Advanced Information Systems Engineering CAiSE'05 (Porto, 13--17 June 2005). O. Pastor & J. Falcãão e Cunha (eds.), Lecture Notes in Computer Science, Vol. 3520, Springer-Verlag, Berlin, 2005, pp. 16--31. DOI=http://dx.doi.org/10.1007/11431855_2.

Digital Library

[33]

Vanderdonckt, J., Limbourg, Q., Florins, M. Deriving the Navigational Structure of a User Interface. In Proc. of 9th IFIP TC 13 Int. Conf. on Human-Computer Interaction IN-TERACT'2003 (Zurich, 1--5 September 2003). IOS Press, Amsterdam, 2003, pp. 455--462.

[34]

van Welie, M. 2004. Patterns in Interaction Design.

[35]

van Welie, M., van der Veer, G. C., and Eliens, A. 2000. Patterns as Tools for User Interface Design. In Proc. of the 1^st Int. Workshop on Tools for Working with Guidelines TFWWG'2000 Group (Biarritz, 7--8 October 2000). J. Vanderdonckt, Ch. Farenc (Eds.). Springer-Verlag, London, pp. 313--324.

Cited By

Tajja YMartin L(2024)Adapting User Interfaces for Urban Data Platforms: A Research StudyProceedings of Ninth International Congress on Information and Communication Technology10.1007/978-981-97-5035-1_37(481-490)Online publication date: 23-Oct-2024
https://doi.org/10.1007/978-981-97-5035-1_37
Gabrielyan T(2023)Conceptual model of design in the context of semiotic-interactive methodologyФилософия и культура10.7256/2454-0757.2023.10.44177(145-160)Online publication date: Oct-2023
https://doi.org/10.7256/2454-0757.2023.10.44177
Mejias JSilega NNoguera MRogozov YLapshin V(2023)Model-Driven User Interface Development: A Systematic MappingHuman-Computer Interaction10.1007/978-3-031-24709-5_9(114-129)Online publication date: 22-Jan-2023
https://doi.org/10.1007/978-3-031-24709-5_9
Show More Cited By

Index Terms

Recommendations

Generative patterns for designing multiple user interfaces
MOBILESoft '16: Proceedings of the International Conference on Mobile Software Engineering and Systems

End users interacting with mobile services through a wide diversity of mobile devices and platforms inevitably endure various user experiences when no consistency is ensured across these devices and platforms. Developing the same service for ...
PEICS: towards HCI patterns into engineering of interactive systems
PEICS '10: Proceedings of the 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems

Despite intense research activities in the last years, HCI patterns still lack in a standardized description and organization. This makes it difficult for the developers to identify the relevant patterns for solving a problem as well as to apply them ...
PEICS: HCI patterns for the design of interactive systems
PEICS '11: Proceedings of the 2nd International Workshop on Pattern-Driven Engineering of Interactive Computing Systems

In this paper, we summarize the results of the Pattern Driven Engineering of Interactive Computing Systems (PEICS) which took place at the 3^rd ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS) 2011.

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Other conferences

PEICS '10: Proceedings of the 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems

July 2010

47 pages

ISBN:9781450302463

DOI:10.1145/1824749

Conference Chair:
Kai Breiner
University of Kaiserslautern, Germany
,
Program Chair:
Gerrit Meixner
German Research Center for Artificial Intelligence (DFKI), Germany

Copyright © 2010 ACM.

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 [email protected]

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 20 July 2010

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Funding Sources

ITEA2 Call3 Project UsiXML (User Interface eXtensible Markup Language)

Conference

PEICS '10

PEICS '10: 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems

July 20, 2010

Berlin, Germany

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

21
Total Citations
View Citations
1,142
Total Downloads

Downloads (Last 12 months)39
Downloads (Last 6 weeks)3

Reflects downloads up to 23 Jan 2025

Other Metrics

View Author Metrics

Citations

Cited By

Tajja YMartin L(2024)Adapting User Interfaces for Urban Data Platforms: A Research StudyProceedings of Ninth International Congress on Information and Communication Technology10.1007/978-981-97-5035-1_37(481-490)Online publication date: 23-Oct-2024
https://doi.org/10.1007/978-981-97-5035-1_37
Gabrielyan T(2023)Conceptual model of design in the context of semiotic-interactive methodologyФилософия и культура10.7256/2454-0757.2023.10.44177(145-160)Online publication date: Oct-2023
https://doi.org/10.7256/2454-0757.2023.10.44177
Mejias JSilega NNoguera MRogozov YLapshin V(2023)Model-Driven User Interface Development: A Systematic MappingHuman-Computer Interaction10.1007/978-3-031-24709-5_9(114-129)Online publication date: 22-Jan-2023
https://doi.org/10.1007/978-3-031-24709-5_9
Silva-Rodríguez VNava-Muñoz SCastro LMartínez-Pérez FPérez-González HTorres-Reyes F(2021)Predicting interaction design patterns for designing explicit interactions in ambient intelligence systems: a case studyPersonal and Ubiquitous Computing10.1007/s00779-020-01505-026:6(1479-1490)Online publication date: 13-Feb-2021
https://doi.org/10.1007/s00779-020-01505-0
Silva-Rodríguez VNava-Muñoz SCastro LMartínez-Pérez FPérez-González HTorres-Reyes F(2020)Classifying design-level requirements using machine learning for a recommender of interaction design patternsIET Software10.1049/iet-sen.2019.0291Online publication date: 17-Jun-2020
https://doi.org/10.1049/iet-sen.2019.0291
Jia WHua QZhang MWang BChen RJi X(2019)Category Theory-Based Mobile User Interface Pattern Recommendation MethodIEEE Access10.1109/ACCESS.2018.28891897(8209-8225)Online publication date: 2019
https://doi.org/10.1109/ACCESS.2018.2889189
Kühn MForbrig P(2017)Adapting User Interface Models by Transformations Based on UI PatternsHuman-Computer Interaction. User Interface Design, Development and Multimodality10.1007/978-3-319-58071-5_34(456-466)Online publication date: 14-May-2017
https://doi.org/10.1007/978-3-319-58071-5_34
Nilsson EStølen KLuyten KPalanque PCampos JSchmidt A(2016)A case-based assessment of the FLUIDE framework for specifying emergency response user interfacesProceedings of the 8th ACM SIGCHI Symposium on Engineering Interactive Computing Systems10.1145/2933242.2933253(97-107)Online publication date: 21-Jun-2016
https://dl.acm.org/doi/10.1145/2933242.2933253
Gaulke WZiegler JLuyten KPalanque PCampos JSchmidt A(2016)Rule-enhanced task models for increased expressiveness and compactnessProceedings of the 8th ACM SIGCHI Symposium on Engineering Interactive Computing Systems10.1145/2933242.2933243(4-15)Online publication date: 21-Jun-2016
https://dl.acm.org/doi/10.1145/2933242.2933243
Thanh-Diane NVanderdonckt JSeffah A(2016)UIPLML: Pattern-based engineering of user interfaces of multi-platform systems2016 IEEE Tenth International Conference on Research Challenges in Information Science (RCIS)10.1109/RCIS.2016.7549348(1-12)Online publication date: Jun-2016
https://doi.org/10.1109/RCIS.2016.7549348
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents