the Chromium logo

The Chromium Projects

User Experience

This section describes the motivations, assumptions, and directions behind Chromium and Chromium OS's user interface design.
Its goal is to explain the current design in a way that further work can be developed in-style, or so that our assumptions can be challenged, changed, and improved.

Chrome

Chrome Features

Window

Window Frame | Tabs | Throbber | Toolbar | Omnibox

Browsing

Bookmarks | History | New Tab Page

Additional UI

Downloads | Status Bubble | Find in Page | Options | Incognito

Notifications | Infobars | Multiple Chrome Users

Appearance

Visual Design | Resolution Independence | Themes

Accessibility

Keyboard Access | Touch Access | Low-Vision Support | Screen reader support

UI text

Write strings | Write message descriptions

UX themes

Content not chrome

  • In the long term, we think of Chromium as a tabbed window manager or shell for the web rather than a browser application. We avoid putting things into our UI in the same way you would hope that Apple and Microsoft would avoid putting things into the standard window frames of applications on their operating systems.
  • The tab is our equivalent of a desktop application's title bar; the frame containing the tabs is a convenient mechanism for managing groups of those applications. In future, there may be other tab types that do not host the normal browser toolbar.
  • Chrome OS: A system UI that uses as little screen space as possible by combining apps and standard web pages into a minimal tab strip: While existing operating systems have web tabs and native applications in two separate strips, Chromium OS combines these, giving you access to everything from one strip. The tab is the equivalent of a desktop application's title bar; the frame containing the tabs is a simple mechanism for managing sets of those applications and pages. We are exploring three main variants for the window UI. All of them reflect this unified strip.
  • Chrome OS: Reduced window management: No pixel-level window positioning, instead operating in a full-screen mode and exploring new ways to handle secondary tasks:
    • Panels, floating windows that can dock to the bottom of the screen as a means of handling tasks like chat, music players, or other accessories.
    • Split screen, for viewing two pieces of content side-by-side.

Light, fast, responsive, tactile

  • Chromium should feel lightweight (cognitively and physically) and fast.

Web applications with the functionality of desktop applications

  • Enhanced functionality through HTML 5: offline modes, background processing, notifications, and more.
  • Better access points and discovery: On Chromium-based browsers, we've addressed the access point issue by allowing applications to install shortcuts on your desktop. Similarly, we are using pinned tabs and search as a way to quickly access apps in Chromium OS.
  • While the tab bar is sufficient to access existing tabs, we are creating a new primary access point that provides a list of frequently used applications and tools.

Search as a primary form of navigation

  • Chromium's address bar and the Quick Search Box have simplified the way you access personal content and the web. In Chromium OS, we are unifying the behavior of the two, and exploring how each can be used to make navigation faster and more intuitive.

image

Chrome OS Features

Note: UI under development. Designs are subject to change.

Primary UI

Window UI Variations | Window Management | Pinned Tabs | Apps Menu | Panels

UI Elements | Gestures | System Status

Core Applications

Settings | Content Browser | Open/Save Dialogs | Shelf

Devices

Form Factors | Resolution Independence

Video and Screenshots

The implementation, the concept video, and the screenshots are presenting different UI explorations. Expect to see some variation.

image

image image image