← Daniel Clark
06 / 06 IBM Carbon & Watson Analytics
06 · IBM · Design Systems & Analytics

IBM Carbon & Watson Analytics

One design language for every IBM product team.

Watson Analytics needed to feel like IBM, and IBM needed one language its teams could build on. Carbon became it: open source, working code, a community beyond the company.

20M+

ibm.com pages on Carbon

Wikipedia: Carbon Design System
2017

open-sourced, Apache 2.0

Wikipedia: Carbon Design System
7

platforms: web frameworks, iOS, Android

Carbon Design System
01 · STAR

Situation

20%
The context a reader needs, and no more.

An analyst opening Watson Analytics and then the next IBM product met two interfaces, two vocabularies and two teams solving the same problems.

02 · STAR

Task

10%
What I took responsibility for.

Lead product and front-end design for Watson Analytics on Carbon, and help make Carbon the language every team adopts.

03 · STAR

Action

60%
What I did, and for whom.

Build the product and the system in the same motion.

01

Components earned in a product

Data-dense analytics patterns designed in Watson Analytics, contributed back to Carbon.

02

Code, not pictures

The system shipped as installable code beside the guidelines.

03

Open by default

Contributing in the open drew teams from across IBM, then beyond it.

04 · STAR

Result

10%
What changed, with a number and a source.

Carbon is IBM’s design language.

01

Business

20M+ ibm.com pages and the product portfolio on one design language.

02

Product

Open source since 2017, version 11, seven platforms; the data-dense analytics patterns from Watson Analytics live in the system.

Prove the system in a product.Ship code, not pictures.Open source is distribution.

Sources

  1. Carbon Design System
  2. Wikipedia: Carbon Design System
  3. GitHub: carbon-design-system/carbon