Generative Pattern-Based Design of User Interfaces<br />Jean Vanderdonckt and Francisco Montero<br />Universitécatholique ...
Contents<br />Introduction<br />Related Work<br />A conceptual model of UI patterns<br />Using UI patterns with UsiXML<br ...
Introduction<br />Quality<br />Quality<br />User Interface<br />User Interface<br />Generative<br />experience<br />Model-...
Relatedworks (i)<br />Patterns<br />Alexander explained that the most useful patterns are generative: <br />(…) they are a...
Relatedwork (ii)<br />User Interface DesignPatterns<br />Stream-linedobjectmodeling<br />A PatternLanguagefor Web Usabilit...
Relatedworks (ii)<br />PLML<br />
Relatedworks (iii)<br />
A conceptual model of UI patterns<br />
Using UI patterns and usixml<br />
Anexample: Login (welie.com)<br />
Anexample: Login (welie.com)<br />TaskModel<br />
Anexample: Login (welie.com)<br />Taskto AUI model<br />
Anexample: Login (welie.com)<br />AUI to CUI model<br />
Conclusions and futureworks<br />Interaction patterns can be used to generate user interfaces<br />Model-based and Model-d...
Upcoming SlideShare
Loading in …5
×

Generative Pattern-Based Design of User Interfaces

2,332 views
2,213 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 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,332
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
22
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Generative Pattern-Based Design of User Interfaces

  1. 1. Generative Pattern-Based Design of User Interfaces<br />Jean Vanderdonckt and Francisco Montero<br />Universitécatholique de Louvain and University of Castilla-La Mancha<br /> (Belgium) (Spain)<br />
  2. 2. Contents<br />Introduction<br />Related Work<br />A conceptual model of UI patterns<br />Using UI patterns with UsiXML<br />Conclusions and future works<br />
  3. 3. Introduction<br />Quality<br />Quality<br />User Interface<br />User Interface<br />Generative<br />experience<br />Model-based UI Development<br />Experience<br />Model-based UI Development<br />
  4. 4. Relatedworks (i)<br />Patterns<br />Alexander explained that the most useful patterns are generative: <br />(…) 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)<br />Features<br />GenericityvsGenerativity<br />DescriptivityvsExpressivity<br />
  5. 5. Relatedwork (ii)<br />User Interface DesignPatterns<br />Stream-linedobjectmodeling<br />A PatternLanguagefor Web Usability<br />Design of Sites, The: Patterns for Creating Winning Web Sites<br />Yahoo! DesignPattern Library<br />Just-UI<br />Ajax DesignPatterns<br />
  6. 6. Relatedworks (ii)<br />PLML<br />
  7. 7. Relatedworks (iii)<br />
  8. 8. A conceptual model of UI patterns<br />
  9. 9. Using UI patterns and usixml<br />
  10. 10. Anexample: Login (welie.com)<br />
  11. 11. Anexample: Login (welie.com)<br />TaskModel<br />
  12. 12. Anexample: Login (welie.com)<br />Taskto AUI model<br />
  13. 13. Anexample: Login (welie.com)<br />AUI to CUI model<br />
  14. 14. Conclusions and futureworks<br />Interaction patterns can be used to generate user interfaces<br />Model-based and Model-driven are useful tools for UI development<br />Additional work is needed in order to classify and organized available interaction patterns<br />Quality<br />User Interface<br />Generative<br />experience<br />Model-based UI Development<br />
  15. 15. Generative Pattern-Based Design of User Interfaces<br />Jean Vanderdonckt and Francisco Montero<br />Universitécatholique de Louvain and University of Castilla-La Mancha<br /> (Belgium) (Spain)<br />

×