client login

Overview: Use Multi-Disciplinary Teams close icon
Small, multidisciplinary teams are at the heart of the Catalyst Resources method. A 3-person Catalyst UI Engineering Team provides the essential skill sets for UI Architechture, UI Design and UI Development.

The results: a much more comprehensive, user-validated, functional definition to the application and greater accountability for the actual resulting development than possible with a single person.
separator Use Multi-Disciplinary Teams
Understand: Ongoing Web-Based User Validation close icon
Catalyst establishes ongoing user validation sessions to ensure user validation throughout the application design and development cycle.

Scenario: Frictionless Commerce/SAP
For Frictionless Commerce, a successful VC-funded company, Catalyst established a series of worldwide user validation sessions to refine the design for an e-sourcing application, which was ultimately acquired by SAP.
separator Ongoing Web-Based User Validation
Understand: Conduct Ethnographic Studies close icon
Ethnographic studies enable our clients to get a true understanding of the actual users and usage environments.

Scenario: Cisco
As part of the definition of a new product line for Cisco, Catalyst conducted studies for a series of security scenarios
separator Conduct Ethnographic Studies
Understand: Develop Personas close icon
Catalyst creates personas of users to provide rich details on users characteristics, needs, goals and environments.

Scenario: 9-11 Emergency Response
One key finding from the 9-11 commission report on the attack on the wtc was emergency responders weren't able to communicate. Catalyst was asked to do a user study and develop personas for the key players to assist in the development of a system that would join emergency organizations into virtual talk group for emergencies.
separator Develop Personas
Understand: Model and Analyze User High Value Scenarios close icon
The Catalyst approach focuses on identifying and modeling the scenarios that are of highest value to users and ensuring these scenarios are prominent in the software.

Scenario: Hewlett-Packard
For Hewlett-Packard Catalyst analyzed, modeled and simplified the process used by the HP sales force to quote and configure products. The resulting, web-based implementation reduced errors substantially and saved in excess of $100 million due to elimination of time required to correct incorrect orders.
separator Model and Analyze User High Value Scenarios
Understand: Define and Validate Relevant Real-World Conceptual Models close icon
Modeling software around existing, well-accepted real-world models is one of the best ways to ensure minimal training and support as well as optimal adoption by users.

Scenario: Ceridian
For Ceridian Catalyst designed and developed a modular, reusable UI system based on a well understood real-world model for HR and benefit information, that could be applied across a collection of in excess of 100 software applications.
separator Define and Validate Relevant Real-World Conceptual Models
Understand: Assess the Current Application Ui Against Best Practices close icon
A comprehensive evaluation of software against commonly acknowledged best practices identifies the areas where investment will produce the greatest returns.

Scenario: Reuters
For Reuters Catalyst conducted an assessment of the Reuters messaging application and identified the specific areas to make the greatest improvements.
separator Assess the Current Application Ui Against Best Practices
Design: Refine Key Business Processes close icon
When software is modeled around well-understood real-world models, and ongoing user validation, complex business processes can often be simplified.

Scenario: Redwood Trust
Redwood Trust, which acquired in excess of 60% of all the jumbo loans in the US, turned to Catalyst to simplify the process used in creating and trading mortgage-backed bonds.
separator Refine Key Business Processes
Design: Screen Flow Map of UI Architecture close icon
A screen flow map identifies the key refinements needed in the flow of your software application, the relationship of key screens to each other and how user will navigate to complete key processes and tasks. It acts like a "floor plan" for a house to give you a clear view of how your application should flow to maximize user experience.

Scenario: Cisco
Catalyst helped Cisco reduce the number of views in the online order management application used for every order processed from 45 views to 12 views, simplifying for users and dramatically improving performance.
separator Screen Flow Map of UI Architecture
Design: Functional Schematics close icon
Black and white functional schematics enable the application design and development team to focus on ensuring that an application provides users with the correct functionality without being overburdened by look and fell.

Scenario: IXI Mobile
For IXI Mobile Catalyst designed a standard set of functional views for use in hand-held e-mail devices that could be branded by several carriers.
separator Functional Schematics
Design: Visual Design / Look and Feel close icon
For many organizations the look and feel of the software used by their customers and employees "IS" the company and needs to present a carefully orchestrated "brand experience"

Scenario: Triton
For Triton Catalyst provided a distinctive and easy-to-understand look and feel for a call center application used for recording and monitoring calls in financial services transactions.
separator  Visual Design / Look and Feel
Design: Apply Visual Design to Key View Types close icon
Using the customized, and componetized look and feel, Catalyst applies this visual design to all key view types. Theses key view screens can then be easily used as the basis for any screens in the application.

Scenario: Large world-wide bank
Catalyst worked with one of the largest banks in the world to define a UI system that could be used across multiple mission critical financial applications.

separator Apply Visual Design to Key View Types
Design: Develop Clickable Models close icon
Clickable models provide development teams, customers and potential users with a rich understanding of the experience and functionality a software application will provide. For almost all clients, Catalyst provides a clickable model for all Rapid application design efforts.

Scenario: Ceridian
For Ceridian Catalyst delivered a full clickable model of exactly what that software would be like for the benefit and payroll services.
separator Develop Clickable Models
Develop: Create Modular Reusable Code for UI close icon
What creates consistency across software applications is not guidelines but the code that developers use. UI designs are re-factored into modular, reusable code that enables developers to create software views in as little as 15% of the time required when not using reusable code.

Scenario: Fireman's Fund
For Fireman's Fund, Catalyst created a reusable UI library to provide consistency across a broad range of mission critical applications used for underwriting, claims processing, policy servicing and agent resources.
separator Create Modular Reusable Code for UI
Develop: Confirm Technical Architecture for Presentation Layer close icon
The technical issues for application user interfaces have become considerably more complex due to the use of many different technologies. Catalyst provides in-depth expertise to define and validate proposed UI architectures with high-performance technologies.

Scenario: Chase
For Chase, Catalyst helped to define presentation layer architecture consistent with the overall technical architecture being implemented across the firm.
separator Confirm Technical Architecture for Presentation Layer
Develop: Provide / Validate Initial Database Schema Against UI close icon
The UI that users interact with and the database that handles the to back-end business logic, are like the two ends of a tunnel. The tunnel isn't complete until both ends meet. Catalyst will validate that the UI and database schema will integrate when the project is released.

Scenario: Ceridian
For Ceridian, Catalyst used rapid design of all user interface views to expose and validate all data elements required to match with the fields and structure of the database backend.
separator Provide / Validate Initial Database Schema Against UI
Develop: Provide "Buildable" UI Specification close icon
For all screens and interface components being developed, Catalyst provides a buildable UI specification. This includes definition of all modular development kit components, custom components, and data elements.

Scenario: Cisco
For Cisco, Catalyst defined an entire application and provided the development team with buildable specification for an entire new product.
separator  Provide Buildable UI Specification
Develop: Code Specified Views, Validate with Users close icon
Catalyst can provide highly experienced UI developers to augment develop teams and reliably code screens and views.

Scenario: Redwood Trust
For Redwood Trust Catalyst designed and coded all views for the mortgaged backed bond trading application that Redwood Trust developers integrated to back-end business logic.
separator Code Specified Views, Validate with Users
Develop: Implementation Support close icon
In addition to delivering the buildable blueprints for a software application, Catalyst provides ongoing implementation support throughout the development cycle to ensure accurate and efficient implementation.

Scenario: i2
Catalyst provided i2 developers with support via daily review calls to address developer issues.
separator Implementation Support

UNDERSTAND

Model and Understand Users for Validated Application UI

The key to making software applications and UI development pay off is to ensure they are easy to use and efficient for everyone including employees, customers and partners. Software designed without user modeling and validation eats up the incremental dollars to our customer's bottom line.

Unlike the back end of applications that run behind the scenes in the form of business rules or financial calculations, the UI for a project cannot easily be changed after deployment due to issues with user training and productivity loss. It is essential to understand the users and get the UI right, before any code is developed. This is particularly true for applications that are used continuously, such as online banking, data entry systems, and call center applications.

An Agile Approach to UI Design

By modeling and understanding the most important and common user goals and making the initial interface support these goals effectively in terms of efficient navigation, appropriate feedback, and a minimum of distraction, Catalyst can quickly test the UI with real users for quick turnaround and validation early in the development process.

What is a persona

What is a Persona?

Personas are narrative descriptions of specific users, distilled from interview and observation data of real users, who represent the goals, motivations, and behaviors of the people who might need to use the system. Personas help our UI designer understand the flow of the user's work and how each will approach the same user interface. Usability and scenario testing validates our knowledge about users so we can quickly iterate the user interface to a point where we have confidence that our initial development effort will deliver what our customers need.

Catalyst User Experience (Ux) and User Interface (UI) services for modeling and understanding users:

Catalyst User Experience (Ux) and User Interface (UI) services for modeling and understanding users

Ux Assessment

Product UI Assessments
Organizational Skills Assessments

Ux Strategy

Best Practices Strategy
Product Ux Strategy
Organizational Strategies

Envisioning

Rapid Prototyping to Validate Strategy and Product Concept

User Modeling

User Studies
Usability Tests
User Modeling
Persona Definition

Requirements and Specification Development

Business Process Design
Use Case Development
Data Modeling
Role Definition

DESIGN

Design to Deliver Bottom Line Results

Good design adds value. A user-validated and visually well-designed UI results in incremental saving in employee and organization performance, as well as improved customer relationships and loyalty.

The design phase of our methodology includes:

Information Architecture and Interaction Design

Based on the results of the user modeling phase, we develop the functional information architecture and navigation. The resulting application models, wireframes, navigation and control elements, functional views, data capture screens and rich messaging are optimized and tested for user comprehension.

Visual Design and Branding

The visual designer on your Catalyst team will create a differentiated look and feel within the constraints of your brand. As part of this, they will identify what kind of visual branding strategy is optimal for the audiences that will be interacting with your application.

Reusable and Modular UI Libraries

We define your UI specification using a customized library of UI components, data, and actions. When your distributed development teams have access to this UI library of modular, reusable code, they can save 85% in application front-end development cycles. The added benefits include increasing consistency of function across applications, a standardized look and reduced QA time.

Consistency across Multiple Applications

Mergers, acquisitions, and fast growth often leave a software company with a big consistency problem. If your software has several ways to search, and several ways to type in a phone number, and several ways to present a system message, you have applications that are costing real dollars in low adoption rates, and high support costs. Standardized workflows, a consistent visual design and a customized library of re-usable UI components will enable all applications to work the same way. When applications work consistently there is a big incentive to use them.

On-going user validation

A successful UI is both about how "intuitive" a design is and about the value it provides from extended use. At the end of this phase, we will have refined and tested the design to ensure it meets all functional, user and development requirements.

Catalyst User Experience (Ux) and User Interface (UI) services for Information Architecture and Visual Design:

Catalyst User Experience (Ux) and User Interface (UI) services for Information Architecture and Visual Design

Ux Design

UI Architecture
UI / Interaction Design
Information Design
Visual Design & Branding

UI Technical Architecture

Definition
Validation
UI Component Libraries
Code Clickable Models

DEVELOP

Production Development of UI for Entire Applications

Catalyst's development phase coordinates parallel coding and technical development with rapidly iterated design to ensure that a UI can be efficiently built, meets user needs, integrates with backend processes and is dynamic enough to accommodate changing business demands. This is achieved through the use of the right multi-disciplinary people, agile design practices, code re-factoring and user-validation-driven techniques.

A "blueprint" for how to build your application - all in 100-120 days

The primary deliverable at the end of the develop phase is a complete functional definition of the application UI. This buildable blueprint includes the definition and design of all aspects of the application in terms of everything that the user experiences - what they see, what they do, what information they have access to. And we do this all in 100-120 days so you can then deliver your software project on time and on budget.

Reusable and modular UI libraries

We re-factor UI designs into a customized library of UI components, data, and actions. When your distributed development teams have access to this UI library of modular, reusable code, they can save 85% in application front-end development cycles. The added benefits include increased consistency of function across applications, a standardized look, easier adherence to regulatory compliance standards and reduced QA time.

A lean library of highly configurable UI components can also be used for rapid customer re-branding and multiple language support.

Database schema validation for "real-world" predictability

We rapidly iterate designs and systematically incorporate feedback to expose and validate that all data elements and UI components are matched to your database schema. Working with your developer team we help ensure that when a project goes live, there is predictability in how every task, every behavior and every data element will integrate with the back end business logic and technology.

Clickable models with the working UI kernel and dynamic data

As part of the buildable blueprint for Rapid Application development Catalyst typically provides a full clickable model using dynamic data of exactly what that software will be like when it is released. Clickable models provide development teams, customers and potential users with a rich understanding of the experience and functionality a software application will provide.

Support

In addition to delivering the buildable blueprints for a software application UI, Catalyst provides on-going implementation support thorough out the development cycle to ensure accurate and efficient implementation. Support is not an afterthought, but part of of the process to ensure that projects are delivered on time and on budget.

Catalyst User Experience (Ux) and User Interface (UI) services for Development:

Catalyst User Experience (Ux) and User Interface (UI) services for Development

UI Development

Presentation Layer Architecture
UI Engineering
Client-Side Technologies
Database Schema Validation
Data & Business Logic Integration
Staff Augmentation
Software QA
Support

OVERVIEW

The Catalyst Approach: Multi-disciplinary teams with a proven methodology

We use a proven methodology that integrates multi-disciplinary teams of UI Architects, UI Designers, and UI Developers The Catalyst Simpatico rapid design methodology for user-validated User Experience and User Interface Design has been used in the design and development of over 200 software applications.

This approach can ensure the delivery of a well-validated UI design and development in 100-120 days.

We work in multi-disciplinary teams: UI Architects, engineers, and interface innovators - bringing advanced skill sets and expert, best of breed solutions.


A typical "in-house one year" development effort

Typical 'in-house one year' development effort

100 day results with a Catalyst UI Team

100 day results with a Catalyst UI Team

Best Practices Models and Agile UI Development Methods

Agile User Interface Development is our approach to integrating user-centered design with agile software development and best practices.

This approach enables us to deliver software application design more quickly yet maintain high quality. The methods emphasize close communication with the customer, user task analysis, workflow optimization, rapid iterations, and on-going user-validation before writing any code.

The result of this synergy is optimally designed software UI for users, delivered quickly and on budget.

Rapid Application Design

Catalyst's Rapid Application Design service will deliver the complete functional design for an entire piece of software - from product definition to design.

"Fast Track" UI

Catalyst's "Fast Track" UI is a unique service to give you a head start on your next UI implementation. In less than 30 days we analyze and deliver the financial impact, strategy, plan of action and potential results of optimizing what users experience with your software.