Project Description

Sphera

Creating a Centralized Platform

When I started at Sphera in 2018, I was brought on as part of the platform team to assemble a squad of UX professionals with our largest goal being to create a central platform to unite all of our disparate product offerings.

This was a monumental task for several reasons. Firstly, Sphera’s software had layers upon layers of legacy code (including some written in Fortran!). These layers were spread amongst several disparate products (many of which were on-prem (i.e. installed locally)). In addition to being developed in different eras, a few UI improvement initiatives had been attempted throughout the years so there were several different versions of the UI even within the same products. Additionally, Sphera made five acquisitions (four of which happened after I joined) since 2017, each with their own suite of software facing similar issues as Sphera’s already complicated suite.

To further complicate the matter, Sphera as a company was resistant to invest in proper UX research strategies. This forced my team and I to use alternative research methods in order to provide our best educated guesses for controls and paradigms that would be best understood by our widely varied user base.

ROLE

UX Lead

UX TEAM SIZE

4

SKILLS NEEDED

Leadership, Research, Wireframing, & Prototyping

SOFTWARE USED

Sketch, InVision, Abstract, Zeplin, Balsamiq, Photoshop

DATE

2018-2020

DURATION

Two Years

The Mess Defined

WHEN THERE’S SO MUCH TO UNTANGLE
IT’S SOMETIMES DIFFICULT TO KNOW EVEN WHERE TO START

Sphera, as a company, has a complicated history and some of its legacy code reaches all the way back to the early ’90s. Nearly every company that’s been around a while has experienced the pain of trying to migrate desktop software to the cloud. Even companies that started in the SaaS era have often experienced difficulties with some of their solutions not playing nice with modern browsers or lacking any semblance of reasonable user friendliness. Sphera was no different.

In an attempt to solve this problem, Sphera acquired Rivo in 2017 in the hopes of using that as their central platform to house all of their disparate software solutions. During this time, legacy products were converted to the Rivo interface while at the same time, a brand new UI initiative was launched in an attempt to also update Rivo’s aging visual design. Unfortunately, these initiatives did not do much to improve the interaction design (i.e. the UX) and only succeeded in creating further disparity within the products as only parts were updated this new UI. This was not the first time this was attempted prior to the true UX initiative.

Prior to 2018, Sphera already had three different verticals: operational risk, environmental performance, and product stewardship. With the acquisitions of Petrotechnics, SiteHawk, sparesFinder, and ThinkStep, Sphera broke into even more markets. Each of these acquisitions brought along additional pieces of disparate software, each with their own user flows and interfaces (some even with several), to the already complex problem of making them all play nice together.

At a Glance

0+
Years of Product Evolution
0+
Previous Internal UI Initiatives
0
Company Acquisitions
0
Industry Verticals
0+
Disparate Product Offerings

Taking Inventory

UNDERSTANDING & SORTING ALL THE OFFERINGS

As mentioned in the Laying the UX Foundation case study, one of the first tasks was to start understanding and organizing the disparate legacy products. This was accomplished through internal training, consultation with our subject matter experts, UX heuristics evaluations, and finally through team discussion. The heuristics evaluations were divvied up amongst the team and used the UX framework as a guide. We combed through the software, noting anything that violated best practices, tying each deviation to one of the core tenets. This let us get a rough quantitative idea of the most common types of issues as well as help us understand the software and user flows in general. For reference, a link to the UX framework I put together for the team can be access via the button below.

Once we completed the heuristics evaluations and all had a rudimentary understanding of how each product worked, we met as a group to sort the products based on their purpose and overlapping functionality. We also considered input from marketing with regard to product groupings for logical sales strategies as well as brainstormed ways to combine offerings into dashboards that spanned several products (and even multiple verticals) at once.

READ SPHERA UX FRAMEWORK

The App Switcher

One of the most important problems to solve in this whole process was “how do we switch between apps and how is that different (or perhaps part of) the primary and secondary navigation?”

Remembering that proper UX research methods weren’t available to us, we again leaned on our internal subject matter experts, product managers, and sales colleagues for help in understanding our user base. At this point, we also did competitive analysis to see how our rivals solved this issue as well as investigated how the largest companies such as Google, Microsoft, and Adobe handle it.

There are obviously many ways to switch between different products inside of a single suite. However, Sphera’s user base is tremendously varied depending on the role and it was important to choose the paradigm that would be most familiar to the personas who would be switching between products the most.

Initial Sketches

YES, I STILL LOVE PEN & PAPER

Now that we had several ideas, it was time to start sketching out our solutions. It was important that the solution satisfy not just the users’ needs but as many of the Sphera stakeholders as possible. It was important that the user not just be able to switch between apps but also to be able to preview and ultimately purchase those they did not yet have. Up selling and cross selling elements were heavily desired by the executive leadership team.

Sketch Assets

ACCOUNTING FOR ALL THE EDGE CASES

As is common in enterprise level software, you often have to account for rare possibilities well beyond the realm of reasonable expectations. Two of the most common questions I ask are “what if there are 10,000 of them?” and “are we letting the user customize these?” Both of those questions usually lead to making the solution as flexible as possible to handle worst case scenarios.

In the case of our app switcher, we needed to account for several combinations and permutations of factors that affected what appears in the menu. Here are some example scenarios we had to accommodate:

  • What if the user only has access to one or two apps?
  • What about super users who have access to literally everything?
  • Where do the custom entries go?
  • Can the user rearrange these?
  • Can a user choose to hide apps?
  • What if the number of groups forces the page to scroll?
  • What if the number of entries in a single group forces the page to scroll?

We ultimately had to create solutions for all of these questions along with writing precise specifications for when to use each of those solutions. Unfortunately in the end, our best ideas were scrapped in favor something quick the development team could get out the door in a hurry, but that’s the way it goes sometimes. We were still proud of the work that we did and I was proud of the team for coming together for this exercise and doing it the “right” way under adversity.

Case Studies

Check out the case studies below
or visit my full portfolio for additional UX and non-UX related work

 

VIEW FULL PORTFOLIO

Seen Enough?

CHECK OUT MY RESUME AND LET’S TALK

I’d love to hear what you have in mind!

VIEW RÉSUMÉ