vSphere Client Design Guidelines

UX Design Guidelines for vSphere Client (HTML5)

These guidelines are for anyone designing a plug-in or new feature for vSphere Client. They offer critical information to help you design an integrated, holistic user experience.

 

Clean, modern interface

The vSphere Client design team embraced the classic design principles of simplicity and minimalism while focusing on performance and scale.

 

Evolving design

Design explorations and research are ongoing. We’ll update this document as we continue to develop new patterns. Check out the latest vSphere Client Fling to see where we're headed.

 

 

Integration principles

A plug-in (or solution) is an application that adds specialized data and features to vSphere Client. Integration is the process of bringing your plug-in into vSphere Client so that it provides a consistent experience.

A properly integrated plug-in interacts seamlessly with other plug-ins and uses defined extension points, navigation mechanisms, and standard design patterns.

Use the integration checklist to help evaluate the completeness of your plug-in's integration.

 

Essential resources

The vSphere Client SDK provides libraries, sample plug-ins, documentation and SDK tools to help you develop and build user interface extensions.

The Clarity Design System is a VMware open-source project that provides the look and feel of the vSphere Client, including typography, grids, spacing, color, and components. Bookmark the Clarity web site as it will serve as a source of component styling and usage guidelines for your plug-in.

The VMware Certification program allows partners to test the reliability and stability of the integration. By following these guidelines, the design of your plug-in will be properly enabled for certification.

 

Looking for a previous version of the guidelines? Go to UX Design Standards for vSphere Web Client.