Banco Azteca Network Operations Center

Redesigning how a bank does business from the inside out

The challenge

The heart of one of the largest banks in Latin America is its network operations center (NOC), where a team of several dozen engineers monitors billions of data points every day in near-real time. All mission-critical banking operations, from credit card fraud monitoring to bank robbery early warning systems, feed into one highly secure room, with data sources as diverse AS/400, Tibco Spotfire, OSIsoft PI, Alnova FS, BMC Patrol, and SQL Server to name just a few.

Because NOC engineers spent most of their day monitoring live data streams on ASCII terminals, they quickly reached the limit of human capacity. With finite space in the operations center, they couldn't solve the problem by adding more staff. They had to make the existing staff more effective.

operations center, before

The client asked my organization to reinvent their NOC from the ground up with just four requirements:

  1. The solution must use only existing hardware and software – no new computers, changing operating systems, or even a service pack.
  2. Build upon the engineers' existing skill sets. The new system cannot require extensive retraining.
  3. The technologies used must meet preexisting standards for certified security and auditability.
  4. Bank staff needed to be able to maintain and extend the system without ongoing support.

What they had

The screens the operations center staff stared at were torture to look at. Each NOC employee was responsible for a specific part of the business, represented by scrolling data streams on their terminal and on a bank of 54 large-format monitors at one end of the room.

We observed that when the engineers' eyes began to tire toward the end of each shift, they would get up from their desks and approach the monitor array at the front of the room to get a better view of the tiny scrolling boxes of text they were required to watch.

old interface screens before the redesign

Ethnographic research

This project afforded us a most unusual opportunity: since we were designing a system for a very small group of people, we had the chance to interview each user individually and tailor the system design to their needs with unprecedented specificity. Rather than generalizing people into personas, we addressed the needs of the actual people in the system design, down to their roles and responsibilities and even the location of their desks within the NOC.

persona document

System architecture

We quickly learned that the operations staff needed an abstract representation of their system, which required first creating a deep understanding of their system architecture.

architectural documents

Designing visualizations

On the client side, we worked with several engineers, architects, and IT professionals to arrive at a clear, understandable representation of the things that mattered most.

diagram sketches

After several rounds of iteration, we landed on a representation that made sense to the users. The next step was to optimize the diagram for presentation on their workstation and monitor bank screens.

sketches in context diagram mockup

Increasing fidelity

Once things looked good as pencil sketches, the following steps were a series of progressive increases in the fidelity of the design – several rounds of wireframes to model what the system would look like on both desktop terminals and the monitor bank.

fidelity increases in designs wireframes

Developing a visual language

Informed by a solid system representation, the next step was to determine the diagrams' appearance. The client selected their favorite of several mood boards that reflected the visual character they liked best.

mood boards

We then applied that visual language to the diagrams...

skinned diagrams

...created an accompanying style guide...

style guide

...and a parallel functional specification detailing how to build, maintain, and modify the visualizations.

functional spec

The result

When all was said and done, the client had a beautiful, functional, deeply engaging center that markedly improved their operational effectiveness and their staff's mental state.

running system
Previous Case Study Next Case Study
Issa Johnson, Senior Producer
Issa Johnson, Senior Producer

"Jason has a unique blend of being a developer, UX architect, and designer - a rare breed. From his mad dev skills, beautifully written documentation (architecture, requirements, workflows, etc), overall understanding of the user experience, then he'll turn around and produce design assets. Beyond awesome, he really sets the bar."

Contact

Get in touch

Together, we can create applications that launch startups, platforms that power ecosystems, or experiences that transform enterprises. Let's make something amazing.