IBM — Microclimate

An IBM developer tool for writing microservices.

Role

  • UX Design
  • Page Copy
  • Information Architecture

Visit IBM Website

IBM Microclimate

Business Case: Empowering developers with a comprehensive development environment that reduces production time, enhances quality, and simplifies deployment.

Product Definition: Microclimate gives developers a unified, self-contained environment to write, test, and deploy microservices — eliminating the need for multiple tools and streamlining the entire development workflow.

Project Goal & Outcome : Born from an IBM Cloud developer’s vision, Microclimate went from concept to MVP in a year. It was successfully released on the IBM Bluemix Cloud Application Platform.

My Role as UX Designer

As the UX Designer for Microclimate, I led the user-centered design process, ensuring the product met the needs of developers like our primary persona, Jane. My responsibilities included:

  • Research and Discovery: Conducting user interviews and contextual inquiries to deeply understand developer workflows and pain points.
  • Defining User Goals: Writing user stories and creating user task flows to clarify objectives and map the journey through the application.
  • Design Development: Translating research insights into sketches, wireframes, and prototypes, which were regularly validated with development colleagues.
  • Design Validation: Testing prototypes with actual users and incorporating feedback into iterative design improvements.

Design Process

Our journey began with design thinking exercises, where we unpacked the problem space as a team. This collaborative effort involved creating key artifacts such as:

  • Empathy Maps: To identify and understand the needs, frustrations, and goals of our target users.
  • As-Is and To-Be artifacts: To clearly articulate our understanding of the user's current process and how we envisioned their process changing with our offering.
  • Product "Hills": To align the team on measurable product outcomes.

With a strong foundation of user insights and a clear understanding of the problem space, we were able to design a product that empowers developers to modernize applications with efficiency and confidence.

Image of an empathy map.

After some user interviews I constructed empathy maps to extract insights.

“Working with microservices, and especially the step of deploying to Kubernetes, can be a pain.”

— Interview subject

Free HTML5 Template by FreeHTML5.co

Once I had clear insights into user needs I created a simple proto-persona. (This style of persona was what was widely used at IBM at the time.)

“I love the built-in IDE!”

— Interview subject

An image of an As-is scenario flow diagram.

This as-is and to-be flow diagram maps the steps for adding a new programming language, clearly highlighting user actions and uncovering gaps in our understanding.

“Just make it easy for me to find my project and deploy it.”

— Interview subject

An image of a user task flow diagram.

This is a to-be flow diagram for adding a new programming language to the application. I used this style of diagram as it was easier for the developer to understand.

“You mean I can add whatever language I want to the environment? Cool.”

— Interview subject


Microclimate product screens.

A complete development environment for writing microservices — Microclimate has a built-in IDE, robust logging, performance monitoring, and allows for direct deployment to a Kubernetes environment.

Get in touch

I'd love the opportunity to discuss how my skills and experience can align with and support your organization's goals.

Contact me