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.
The client asked me to reinvent their NOC from the ground up with just four requirements:
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.
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.
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.
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.
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.
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.
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.
I then applied that visual language to the diagrams...
...created an accompanying style guide...
...and a parallel functional specification detailing how to build, maintain, and modify the visualizations.
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.
"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."
Together, we can create applications that launch startups, platforms that power ecosystems, or experiences that transform enterprises. Let's make something amazing.