Conceptual User Interface Patterns

This place is dedicated to Conceptual User Interface Patterns.

Think in these patterns as abstract building-blocks easy to plug and connect to compound complex UI for the domain of information systems and business applications.

They were gathered and distilled during a research work in User Interface modeling for business applications during more than nine years. The collection can be used as a language to model multichannel User Interfaces for business applications and optionally, to generate code from such model to obtain a full running prototype or implementation.

For the sake of understandability the patterns are arranged in three levels:

  1. User access

    Level 1 organizes the commands available in the user interface for the user. These commands can be arranged in a hierarchical way based on information architecture techniques. In any case, the commands derive from the user task and requirements. This level defines the initial navigation in the system to the functionality (e.g. think in an application or web menu).

  2. Interaction Units

    Level 2 contains the interaction units. Each interaction units provides an scenario for user interaction (CHI in the strict sense: Computer-Human Interaction). (e.g. forms, web pages, but also a stage in a automated call center).

  3. Elemental Patterns

    Level 3 provides the patterns applicable to interaction units to constrain their behavior.

The full index of patterns follows:

  1. User Access Level
  2. Interaction Units Level
  3. Elemental Patterns Level


Last update: February 18th, 2007. Change's log.

Root CUIP Metalevel

Valid XHTML 1.0 Strict Valid CSS