Your SlideShare is downloading. ×
Generative Pattern-Based Design of User Interfaces
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Generative Pattern-Based Design of User Interfaces

2,057
views

Published on

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 …

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.


0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,057
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
19
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Generative Pattern-Based Design of User Interfaces
    Jean Vanderdonckt and Francisco Montero
    Universitécatholique de Louvain and University of Castilla-La Mancha
    (Belgium) (Spain)
  • 2. Contents
    Introduction
    Related Work
    A conceptual model of UI patterns
    Using UI patterns with UsiXML
    Conclusions and future works
  • 3. Introduction
    Quality
    Quality
    User Interface
    User Interface
    Generative
    experience
    Model-based UI Development
    Experience
    Model-based UI Development
  • 4. Relatedworks (i)
    Patterns
    Alexander explained that the most useful patterns are generative:
    (…) they are abstract representations of the very morphological rules which define the patterns in the world. However, in one respect they are very different. (…) They are generative. They tell us what to do; they tell us how we shall, or may, generate them; and they tell us too, that under certain circumstances, we must create them. (pp. 181-182)
    Features
    GenericityvsGenerativity
    DescriptivityvsExpressivity
  • 5. Relatedwork (ii)
    User Interface DesignPatterns
    Stream-linedobjectmodeling
    A PatternLanguagefor Web Usability
    Design of Sites, The: Patterns for Creating Winning Web Sites
    Yahoo! DesignPattern Library
    Just-UI
    Ajax DesignPatterns
  • 6. Relatedworks (ii)
    PLML
  • 7. Relatedworks (iii)
  • 8. A conceptual model of UI patterns
  • 9. Using UI patterns and usixml
  • 10. Anexample: Login (welie.com)
  • 11. Anexample: Login (welie.com)
    TaskModel
  • 12. Anexample: Login (welie.com)
    Taskto AUI model
  • 13. Anexample: Login (welie.com)
    AUI to CUI model
  • 14. Conclusions and futureworks
    Interaction patterns can be used to generate user interfaces
    Model-based and Model-driven are useful tools for UI development
    Additional work is needed in order to classify and organized available interaction patterns
    Quality
    User Interface
    Generative
    experience
    Model-based UI Development
  • 15. Generative Pattern-Based Design of User Interfaces
    Jean Vanderdonckt and Francisco Montero
    Universitécatholique de Louvain and University of Castilla-La Mancha
    (Belgium) (Spain)

×