Up until 2018, IBM customers utilizing cloud computing services continued to manage their accounts using two separate portals. This affected IBM’s positioning when compared to other cloud providers. In an effort to enhance IBM Cloud usability and ultimately improve its assessment as a cloud provider, my team came together to create a proof of concept for a unified IBM Cloud management experience.
User research, ideation, interaction design & prototyping
4 developers, 1 designer
3 months
Sketch, Mural, InVision, React, Node.js, Carbon Design System
User research, Ideation,
Interaction design & Prototyping
4 developers, 1 designer
July - October 2018
Sketch, Mural, InVision, React, Node.js, Carbon Design System
Received Judges Choice Award for the best project execution of the 2018 IBM Jumpstart Developer program, a designed program for all newly hired developers tasked with tackling IBM problems.
After the proof of concept was presented to the executive team, a multi-disciplinary squad was assembled to turn the proposed concept into a reality and launch the changes to IBM Cloud users.
IBM did relatively low in Gartner’s 2018 Magic Quadrant when compared to other cloud providers. Gartner Magic Quadrant is a culmination of research in a specific market that provides an overview of how well technology providers are performing against their market competitors. One of the reasons was that IBM maintained two cloud consoles – one for Infrastructure as a Service (IaaS); SoftLayer and the other for Platform as a Service (PaaS) formerly known as Bluemix.
Having two consoles resulted in a disjoint user experience and was a significant competitive disadvantage relative to AWS, Microsoft Azure and Google Cloud Platform. IBM decided to shift their focus and create a consolidated platform, which is how this project came to life.
The goal was to build a proof of concept for a unified IBM cloud console in a quick span of time to validate IBM’s major rebranding exercise with a focus on billing managers experiences. The redesigned product allow users to perform the following tasks:
The team conducted 5 interviews with internal managers who utilize both platforms on a regular basis. From the research, we identified discrepancies between the experience billing managers have when using both portals. SoftLayer dashboard provides a summary view of the linked cloud accounts. A similar summary doesn't exist in the PaaS console, which only provides a list of currently provisioned apps and services created by the user. New users, however, are left with an empty list.
Weaving together discussions, findings and insights, we crafted a persona to better understand our users, their goals and frustrations. Meet John!
Given that PaaS dashboard formed the basis of IBM's consolidated platform, there was a significant gap that needed to be filled. The question then became, how might we make the new platform more useful, logical, relevant and insightful to its users?
An ideation session took place where the team started zeroing in the consolidated dashboard features. All ideas were grouped together into bigger themes and each team member voted for their top 3 based on their feasibility and impact. Photos from the session are shown below.
Billing managers, who have to oversee accounts receivable, allocate resources, and manage billing staff, will benefit from a customizable dashboard that aggregates information from both IaaS and PaaS platforms in one. This was the no-brainer solution we all agreed on. Here’s how it works.
To get a sense of how closely aligned our approach was with the defined user needs and goals, we conducted concept testing sessions using the sketched low-fidelity designs. This evaluation revealed some insightful data that we utilized in our second design iteration. Key findings include:
Improve upon IaaS and PaaS navigation to provide easier access and distinction between the aggregated data.
Display widgets that are essential for each user by default. Improve upon the empty state while providing the ability to make changes.
Consider providing users with the ability to create multiple dashboard views customized for each of their teams.
Based on the gathered feedback, the solution was refined to better suit user needs.
The next plan of action was to create high fidelity prototypes using color palettes, typography, and guidelines from IBM Carbon Design system. Following existing patterns would help communicate the brand’s identity and also provide a consistent feel to the new tool.
As a closing note to the Jumpstart program, we presented a demo of the final solution to showcase the ability of customizing the dashboard view. Few months later, the concept was iterated on and launched as part of a bigger IBM Cloud unification project that won 2019 Stratus Cloud Award.
This initial concept, presented as a part of the Jumpstart program, introduced a streamlined interface focused on enhancing user experience through intuitive navigation and personalized dashboard elements. Guided by iterative feedback from stakeholders and user testing, the concept laid the groundwork for further development.
Some of my takeaways on what resulted in a successful product are:
Seeking feedback early and often from not only stakeholders, but end users as well was a huge factor in defining the project direction. Learning from the experts led to a successful solution.
Setting goals and planning according to timelines was one of the challenging aspects. By understanding the desirable outcome, we managed to bring a successful proof of concept to the table.