Delorean

Title

Uber ATG Delorean
Autonomous Design System
ATG . UI

 

Role

Product Design Lead
Art Director
Motion Designer
Illustrator

Delorean

ATG Tools Suite

Delorean is a kit of reusable parts for the ATG Tools Suite. It enables flexible autonomy development with consistent design patterns and established interaction principles. Delorean is a cross-disciplinary effort across Engineering, Product, and Design to create a design system for our ATG tool suite.

Core Principles

Human
Modular
Inclusive

Human

We simplify our design system and create human centered design documentation for guidance.

 

Inclusive

To support the uniqueness of our teammates we make all of our tools accessible to everyone.

 

Modular

Design assets that are scalable to surface autonomous data and to solve essential design problems.

 

Framework

The core of our system is made up of typography, colors, icons, containers, lines and motion. All of which when combined, creates ATG’s User Interface.

Structure

Element are atomic building blocks used to create all components. Components are reusable, single-function parts within our kit. Compositions are combinations of components that enable users to perform specific tasks. Experiences are the combinations of everything else in the system into workspaces for completing complex workflows.

Layout

 

Creates consistency across platforms by unifying elements and spacing.

 

Side Bar

Displayed outside of the contents grid. It contains menu, functional panels and filters that may varies depends on the purpose of ATG applications.

Top Bar

A full-width element that provides access to
navigation and settings

Navigation

Navigation

 
 
Measurement

Measurement

 

Elevation

Determines the level of information and suggest spatial relationship between components to guide user actions.

DeloDesignManual - Elevation02.png

Color

+

Data Viz

 

The color palette for Data visualization is orchestrated to improve the hierarchy, accessibility and visual delight for ATG products.

 

Version 1.0

This manual will ensure consistency in design and user interface experience

 

Credits

 

Peter Bentley
Nastasha Tan
Yeawon Kim
Jon Larkin

Previous
Previous

LS

Next
Next

Library