---
title: Juju GUI 2.0
description: Juju is a cloud orchestration tool which enables users to build models
  to run applications. You can just as easily use it to deploy a simple WordPress
  blog or a complex big data platform. Juju is a command line tool but also has a
  graphical user interface (GUI) where users can choose services from a  […]
url: https://canonical.com/blog/juju-gui-2-0?format=md
---

1. [Blog](https://canonical.com/blog)
2. Article

---

[Luca Paulina](https://canonical.com/blog/author/lucapaulina "More about Luca Paulina")

28 June 2016

# Juju GUI 2.0

[Design](https://canonical.com/blog/tag/design)

---

Share the article

Juju is a cloud orchestration tool which enables users to build models to run applications. You can just as easily use it to deploy a simple WordPress blog or a complex big data platform. Juju is a command line tool but also has a graphical user interface (GUI) where users can choose services from a store, assemble them visually in the GUI, build relations and configure them with the service inspector.

Juju GUI allows users to

* Add charms and bundles from the charm store
* Configure services
* Deploy applications to a cloud of their choice
* Manage charm settings
* Monitor model health

Over the last year we’ve been working on a redesign of the Juju GUI. This redesign project focused on improving four key areas, which also acted as our guiding design principles.

## 1. Improve the functionality of the core features of the GUI

* Organised similar areas of the core navigation to create a better UI model.
* Reduced the visual noise of the canvas and the inspector to help users navigate complex models.
* Introduced a better flow between the store and the canvas to aid adding services without losing context.

‹ ›

Empty state of the canvas

‹ ›

Integrated store

‹ ›

Apache charm details

## 2. Reduce cognitive load and pace the user

* Reduced the amount of interaction patterns to minimise the amount of visual translation.
* Added animation to core features to inform users of the navigation model in an effort to build a stronger concept of home.
* Created a symbiotic relationship between the canvas and the inspector to help navigation of complex models.

‹ ›

Mediawiki deployment

## 3. Provide an at-a-glance understanding of model health

* Prioritised the hierarchy of status so users are always aware of the most pressing issues and can discern which part of the application is effected.
* Easier navigation to units with a negative status to aid the user in triaging issues.
* Used the same visual patterns throughout the web app so users can spot problematic issues.

‹ ›

Mediawiki deployment with errors

## 4. Surface functions and facilitate task-driven navigation

* Established a new hierarchy based on key tasks to create a more familiar navigation model.
* Redesigned the inspector from the ground up to increase discoverability of inspector led functions.
* Simplified the visual language and interaction patterns to help users navigate at-a-glance and with speed to triage errors, configure or scale out.
* Surfaced relevant actions at the right time to avoid cluttering the UI.

‹ ›

Inspector home view

‹ ›

Inspector errors view

‹ ›

Inspector config view

The project has been amazing, we’re really happy to see that it’s launched and are already planning the next updates.

[Get in touch

Interested in running Ubuntu in your organization?](https://ubuntu.com/about/contact-us/form)

## Sign up for our newsletter

Get the latest Canonical news and updates in your inbox.

Work email:

\*I agree to receive information about Canonical's
products and services.

By submitting this form, I confirm that I have read and agree to [Canonical's Privacy Policy](https://canonical.com/legal/dataprivacy).

Sign up

## Share on

---

## Related posts

[### Challenges designers face in open source (and how to fix them)](https://canonical.com/blog/challenges-designers-face-in-open-source-and-how-to-fix-them)

Open source powers up to 90% of modern software, yet many projects lack usability. Canonical’s Design team surveyed 115 cross-functional professionals to uncover the 4 core...

[Kola Ojoodide](https://canonical.com/blog/author/kola-ojoodide)

26 June 2026

[### Why web engineering is great](https://canonical.com/blog/why-web-engineering-is-great)

Hi, I’m Johann! I’m an engineering manager in Canonical’s web team. For the larger part of my 15 years of work experience as engineer, I’ve been working in web development....

[Johann Wolf](https://canonical.com/blog/author/johannwolf)

27 April 2026

[### Canonical’s recipe for High Performance Computing](https://canonical.com/blog/canonicals-recipe-for-high-performance-computing)

In essence, High Performance Computing (HPC) is quite simple. Speed and scale. In practice, the concept is quite complex and hard to achieve. It is not dissimilar to what...

[Igor Ljubuncic](https://canonical.com/blog/author/igorljubuncic)

24 January 2024

[### Web team – hack week 2023](https://canonical.com/blog/web-team-hack-week-2023)

Today, around 96% of software projects utilize open source in some way. The web team here at Canonical is passionate about Open source. We lead with an open-by-default approach...

[Anthony Dillon](https://canonical.com/blog/author/ya-bo-ng)

25 October 2023
