The “information architecture” infrastructure is how we establish a common interface to data entities that are shared across multiple applications within the enterprise.

In the interactive Web environment, this is handled primarily though management of Cascading StyleSheets (CSS) tags.  We also identify and maintain the HTML Form Elements (fields, forms and buttons) which appear with regularity.

The Shared Data Entity Design Structure allows UxP to

  • manage the user experience
  • maintain design interface continuity through a central source and
  • pass workable, reusable HTML elements on to the Code Development team

Organized, self-evident

The development team can concentrate on creating usable code, rather than re-inventing the wheel.

The business team knows that business rules will be implemented with consistency.

The management stakeholders understand that we are presenting a common, branded, usable interface.


Cascading Stylesheets

In this example, we were working with a complex process that covered the Trading Contract process from initial record creation, through Execution, Settlement and Accounting.

Presentation Continuity

… is displayed and maintained in the Table:

Form Element Label (consistent terminology)

Type (s.a. text field, picklist)

Size (s.a. Maximum # of Characters, pixel width)

Identifier (s.a. CSS tag name or ID)

Business Rules

… are “embedded” in the HTML elements themselves:

Default state (s.a pre-populating the field with appropriate data)

Behaviors (s.a. “To” date cannot precede “From” date)

Whether the field is Required

Support Tools (s.a. a Calendar or Picklist popup)

Follow-thru Actions (s.a. Adding or Deleting an item)

View the case study: Bunge Global Markets

“Organizing things” fosters Librarianship and Information Architecture, which lie at the heart of UX.



© The Communication Studio LLC