At Catalyst, user interface design encompasses services sometimes called "interaction design" or "user experience design."

User interface design is about making sure that people can easily accomplish desired tasks while on websites or using applications. Is navigation intuitive? Is content accessible? Does a shopping or bill paying process actually work? Traditionally, interface design focuses almost exclusively on this kind of functionality. And, while classic design is a Catalyst hallmark, over the years we've broadened our capabilities to encompass customers' expectations, desires, and/or experience with competing products.

A CATALYST USER INTERFACE DESIGN ENGAGEMENT CAN INCLUDE:

Audience + Business Audit - We rapidly gather information and metrics relating to people using an interface and also to the operational and brand goals of that interface.

Audience Profiling + Persona Development - We drill down into end-user behavior, constructing scenarios that describe how people interact with a system, and even building personas that detail "who" a given user is based on their needs and behavior (rather than just demographics). Personae may have names and qualities - or they may just be general "types" (e.g. "topic diver")- and are constructed to help clients link business goals with user priorities.

Interaction Strategy - Often in parallel to Persona Development, we model the entire experience that surrounds and involves an interface. This is usually a document that links audience insights with competitive considerations, content typology, branding attributes and business implications - and distills this into a high-level design recommendation.

Design Requirements - Coming out of a client-approved Interaction Strategy, it's vital to document all the elements and functions associated with new architecture. This codification prevents subsequent design from overlooking key user, system, and business requirements.

Wireframes - Clients receive paper- or screen-based schematics that de-emphasize graphic design (branded colors, illustrations, images) in favor of categories of information. The purpose of a wireframe is to display all a page's elements (links, advertising inventory, text, images) and make it clear how they fit and work together. Sometimes wireframes will be accompanied by schematics of navigation flows.

User Interface Specifications + Style Guides - Catalyst builds an "instruction manual" that explains how to use the wireframes and requirements to actually render a given interface. No detail is left out, such that a development team could actually take over the job from this point and create both a usable and a beautiful site. Alternatively, specifications can be used for vendor selection - they can be disseminated as part of an RFP and pricing can be compared on an apples-to-apples basis. Catalyst itself, of course, can complete the process of visual design and site development too (for more on this capability, see Visual Design).