Page Comparison

...

• Google Cloud

• IBM Cloud

• MSFT Azure

• Amazon Web Services

and quickly a bit of same in Salesforce Mkt Cloud

What pattern - see

Patterns (column below)	Google Cloud	IBM Cloud	MSFT Azure	Amazon Web Services	Salesforce
Main menu that gives access to all services under hamburger menu top left corner.

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

List of services in top header

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Utilities in top header

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Search bar for services in top header

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Menu panel (collapsable, left side)

with

With services

-

as

OVERLAY

an overlay

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Submenu on

that

the above panel with more nav

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added
Within a product/service,

that

the submenu is

re-iterated in a larger left panel - IN CONTENTImage RemovedImage RemovedImage RemovedImage Removed

Going to mobile breakpoint, the in-content side panel is kept

Image RemovedImage RemovedImage RemovedImage RemovedOn mobile breakpoints,

shown once more as the main left panel (in content)	Image Added	Image Added	Image Added	Image Added
Mobile: the inside content panel is persistent	Image Added	Image Added	Image Added	Image Added
Mobile: the main services menu is accessible from the mobile menu

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Google Cloud

Google does not use links in the header to navigate their services, but instead opens with a screen-wide dashboard and a hamburger menu in the top left corner.

...

Within a service, the fixed side panel will hide when the screen size becomes smaller, but the main menu (which now offers a vertical sub-menu) remains accessible.

...

IBM Cloud

IBM, like Google, opens up with a full-screen dashboard, and a hamburger at the top left side. But they add also a collapsed side menu.

...

The user is kicked out of the page they were at. Resizing the screen to desktop size again keeps the user on the general service page. Notice that just resizing the screen moved me from Load Balancers to Containers.

...

Amazon Web Services

And lastly (for now) - Amazon Web Services. The used design pattern is a familiar one by now. A hamburger in the top left corner, a search bar in the top nav, and utilities on the top as well.

...

When selecting a service, the submenu is hidden on the left. But once opened, it will remain open.

Image RemovedImage Added

Within a service, when going to a small screen size, the menu stays and takes over the complete screen. Interesting choice.

...