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 their 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 me to reinvent their NOC from the ground up with just four requirements:

  1. The solution may use only existing hardware and software – no new computers, no changing operating systems, not 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 employee in the operations center was responsible for a specific part of the business, represented by scrolling data streams on their terminal as well as on a bank of 54 large-format monitors at one end of the room.

I observed that toward the end of each shift, when the engineers' eyes began to tire, 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 redesign

Ethnographic research

This project afforded a most unusual opportunity: since I was designing a system for a very small group of people, I had the chance to interview each user individually and tailor the system design to their needs with an unprecedented degree of specificity. Rather than generalizing people into personas, I addressed the needs of the actual people in the system design, down to their role, responsibility, even where their desk is located in the operations center.

persona document

System architecture

I quickly learned that what the operations staff needed most was an abstract representation of their system. That required first creating a deep understanding of their system architecture.

architectural documents

Designing visualizations

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

diagram sketches

After several rounds of iteration, I 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 next steps were a series of progressive increases in the fidelity of the design. This involved going through 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

Equipped with a solid representation of the system, the next step was to determine what the diagrams would actually look like. The client selected their favorite of several moodboards that reflected the visual character they liked best.

moodboards

I 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 both their operational effectiveness and their staff's mental state.

running system
Previous Next
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.