Post on 06-May-2015
description
Generative Pattern-Based Design of User Interfaces
Jean Vanderdonckt and Francisco MonteroUniversité catholique de Louvain and University of Castilla-La Mancha
(Belgium) (Spain)
Contents
Introduction
Related Work
A conceptual model of UI patterns
Using UI patterns with UsiXML
Conclusions and future works
Introduction
User
Interface Quality
Experience
Model-based UI Development
Quality
GenerativeexperienceModel-based
UI Development
User Interface
Related work (ii)
UI and interaction patterns
Design Patterns: Elements of
Reusable Object Oriented Software
A Pattern Language: Towns,
Buildings, Construction
USAPs: Usability supporting
Architectural patterns
A Pattern Language for
Human-Computer Interface Design
A Pattern Library for Interaction
Design
User Interface Design
Patterns
Yahoo! Design Pattern Library
Design of Sites, The: Patterns
for Creating Winning
Web Sites
A Pattern Language for Web Usability
Ajax Design
Patterns
Just-UI
Stream-lined
object modelin
g
Related works (ii)<!ELEMENT pattern (name?, alias*, illustration?, problem?, context?, forces?, solution?, synopsis?, diagram?, evidence?, confidence?, literature?, implementation?, related-patterns?, pattern-link*, management?)><!ATTLIST pattern patternID CDATA #REQUIRED><!ELEMENT name (#PCDATA)><!ELEMENT alias (#PCDATA)><!ELEMENT illustration ANY><!ELEMENT problem (#PCDATA)><!ELEMENT context ANY><!ELEMENT forces ANY><!ELEMENT solution ANY><!ELEMENT synopsis (#PCDATA)><!ELEMENT diagram ANY><!ELEMENT evidence (example*, rationale?)><!ELEMENT example ANY><!ELEMENT rationale ANY><!ELEMENT confidence (#PCDATA)><!ELEMENT literature ANY><!ELEMENT implementation ANY><!ELEMENT related-patterns ANY><!ELEMENT pattern-link EMPTY><!ATTLIST pattern-link type CDATA #REQUIREDpatternID CDATA #REQUIREDcollection CDATA #REQUIREDlabel CDATA #REQUIRED><!ELEMENT management (author?, credits?, creation-date?, lastmodified?, revision-number?)><!ELEMENT author (#PCDATA)><!ELEMENT credits (#PCDATA)><!ELEMENT creation-date (#PCDATA)><!ELEMENT last-modified (#PCDATA)><!ELEMENT revision-number (#PCDATA)>
PLML
Related works (iii)
A conceptual model of UI patterns
Using UI patterns and usixml
Task-oriented specification
Abstract User Interface
Concrete User Interface
Final User Interface
An example: Login (welie.com)
An example: Login (welie.com)
Task Model
An example: Login (welie.com)
Task to AUI
model
An example: Login (welie.com)
AUI to CUI
model
Conclusions and future works
• 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
GenerativeexperienceModel-based
UI Development
User Interface
Generative Pattern-Based Design of User Interfaces
Jean Vanderdonckt and Francisco MonteroUniversité catholique de Louvain and University of Castilla-La Mancha
(Belgium) (Spain)