Page Comparison

Important Links

The new global header will be a new core piece of the app’s layout that will house the elements identified below

Info
NOTE: It will be important to introduce a similar global header across all 3 products in the suite to ensure consistency and access to switch products from anywhere.

Image Removed

. Each of the core products (Messaging, Playbooks, Focalboard) will have their own slightly different versions of the Global Header.

Messaging Global Header

Image Added

The Messaging Global Header will house the following elements:

Product Switcher
Product Brand Identifier
Back/Forward History Buttons (Desktop app only)
Search
Help
Recent Mentions
Saved Messages
Settings
User Profile Avatar

Playbooks Global Header

Image Added

The Playbooks Global Header will house the following elements:

Product Switcher
Product Brand Identifier
Back/Forward History Buttons (Desktop app only)
Tasks
Activity
Help
Settings
User Profile Avatar

Focalboard Global Header

Image Added

The Playbooks Global Header will house the following elements:

Product Switcher
Product Brand Identifier
Back/Forward History Buttons (Desktop app only)
Help
Settings
User Profile Avatar

Product Switcher

A global control that will give users access to switch to other products in the “Mattermost Suite”. Tapping this button will open a popover menu to switch to one of the other products. Users can choose to open it in the existing tab or The core products will each open in a new tab using as indicated by the open in new tab icon button.

Image Removed

Image Added

Product

Branding

Brand Identifier

Each product in the suite will display a product branding identifier next to the product switcher. This will help ensure users are oriented and that they land where they expect when switching between products.

Info
NOTE: Branding shown in these screens are for placement only until each product’s brand is finalized

Search

Search will be moved out of the Channel Header and into the global header. When users engage the Search input, a new Search popover displays. This will make way for the vision of a ‘Command Palette’ in the future.

Ideally, we’d like to fit ‘Recent Searches' into this popover as well if it can be included in Phase 1.

Info
NOTE: For this first phase, search results will remain in the Right Sidebar. Also, Search will stay scoped to the current Team (as is currently), but the goal is to scope this across the server.

Default State

Image Removed

Image Added

Open State

Image Removed

Image Added

Help

The existing Help Icon Button and associated menu move out of the Channel Header and into the Global Header.

Image Removed

Image Added

Recent Mentions

Access to Recent Mentions is moved out of the Channel Header and into the Global Header. Still opens up in the Right Sidebar.

Info
NOTE: For the first phase, Recent Mentions will stay scoped to the current Team (as is currently), but the goal is to scope this across the server.

Image Removed

Image Added

Saved

Access to Saved Messages is moved out of the Channel Header and into the Global Header. Still opens up in the Right Sidebar.

Info
NOTE: For the first phase, Saved Messages will stay scoped to the current Team (as is currently), but the goal is to scope this across the server.

Image Removed

Image Added

Account Avatar

The authenticated user’s avatar, accompanying status menu and other account-related items move to a new Account Menu in the Global Header. Custom Statuses will also display next to the user’s avatar here.