Pattern-based UI design: adding rigor with user and context variables

Authors:
Homa Javahery;Daniel Sinnig;Ahmed Seffah;Peter Forbrig;T. Radhakrishnan
Affiliations:
Department of Computer Science and Software Engineering, Concordia University, Montreal, QC, Canada;Department of Computer Science and Software Engineering, Concordia University, Montreal, QC, Canada;Department of Computer Science and Software Engineering, Concordia University, Montreal, QC, Canada;Department of Computer Science University of Rostock, Rostock, Germany;Department of Computer Science and Software Engineering, Concordia University, Montreal, QC, Canada
Venue:
TAMODIA'06 Proceedings of the 5th international conference on Task models and diagrams for users interface design
Year:
2006

Citing 8
Cited 2

Design patterns: elements of reusable object-oriented software

Design patterns: elements of reusable object-oriented software
The Inmates Are Running the Asylum

The Inmates Are Running the Asylum
Patterns of Enterprise Application Architecture

Patterns of Enterprise Application Architecture
Sketching Interfaces: Toward More Human Interface Design

Computer
A Model for Usability Pattern-Oriented Design

TAMODIA '02 Proceedings of the First International Workshop on Task Models and Diagrams for User Interface Design
Personas: practice and theory

Proceedings of the 2003 conference on Designing for user experiences
Beyond power: making bioinformatics tools user-centered

Communications of the ACM - Bioinformatics
User interface declarative models and development environments: a survey

DSV-IS'00 Proceedings of the 7th international conference on Design, specification, and verification of interactive systems

Refining the usability engineering toolbox: lessons learned from a user study on a visualization tool

USAB'07 Proceedings of the 3rd Human-computer interaction and usability engineering of the Austrian computer society conference on HCI and usability for medicine and health care
Tracing the evolution of HCI patterns as an interaction design tool

Innovations in Systems and Software Engineering

Quantified Score

Hi-index	0.00

Visualization

Abstract

In current practice, user interface development is often based on a vague and undocumented design process, relying solely on the designer's experience. This paper defines a pattern-based design process, which adds rigor to user interface design. The process is based on the notion of user variables to capture user requirements in a formal manner - based on discrete values that are amenable for tool support and automated analysis. Other context of use information is captured as context variables. Using these values as input, design patterns are selected to leverage best design practices directly into user interface development. Pattern-Oriented Design is then employed to derive a conceptual design, or early prototype, of the user interface. A case study with a Bioinformatics information site exemplifies the feasibility and applicability of this process.