Generative Patterns for Cross-Platform User Interfaces: The Case of the Master-Detail Pattern

Nguyen, Thanh-Diane;Vanderdonckt, Jean
(2015) Patterns of HCI Design and HCI Design of Patterns — ISBN: [978-3-319-15686-6], p. 123-153, published

Files

Nguyen-Seffah2015.pdf
  • Open Access
  • Adobe PDF
  • 3.09 MB
Download

Details

Authors
Abstract
To become valuable, such design patterns should encode the structure of a solution and its associated forces, rather than cataloguing just a solution, often for a specific platform. We introduce the generative pattern as a way of both documenting and implementing the human–computer interaction (HCI) patterns. A generative pattern not only tells us the rules for implementing a user interface (UI) design is considered as a generic solution to a problem at different levels of abstraction (in the way that a UI could be modeled), but also shows us how to transform these expressions into programmable codes for the diverse computing platforms, while being compliant with the style guide rules that may prevail for these platforms. As a case study, the master-detail (M-D) pattern, one popular and frequently used HCI design pattern, is developed: this displays a master list of items and the details for any selected item. While this MD pattern is documented in very different, possibly inconsistent, ways across various computing platforms, the M-D generative pattern consolidates these particular implementations into a high-level pattern description based on design options that are independent of any platform, thus making this pattern “cross-platform.” A framework provides developers and designers with a high level UI process to implement this pattern in using different instances and its application in some designated languages. Some examples of applying an M-D generative pattern are explained as well as a particular implementation for the Android platform.
Affiliations

Citations

  • APA
  • Chicago
  • FWB

Nguyen, T.-D., & Vanderdonckt, J. (2015). Generative Patterns for Cross-Platform User Interfaces: The Case of the Master-Detail Pattern. In Ahmed Seffah (ed.), Patterns of HCI Design and HCI Design of Patterns (p. p. 123-153). Springer. https://doi.org/10.1007/978-3-319-15687-3_7