Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Below are the other iterative updates we plan to make to improve the App Layout.

Move Channel Info and Menu to the Right Sidebar

The plan here is to utilize the Right Sidebar to display more Channel Info and Actions. The Center Channel Panel will collapse to reveal the Info RHS Panel below.

...

Add the Info Icon to the Channel Header

This icon will give access to open the channel info in the RHS.

...

Channel Info Right Sidebar Options

About Info

Rather than displaying this info in a modal, it will now display in the new Channel Info Sidebar. This will include the Channel Purpose, Header and URL.

Editing Channel Info

Each of these items, when hovered, display a pencil icon for quick access to editing. Clicking the pencil icon will take users to the new ‘Edit Channel’ RHS panel (which is a subpanel to this Info panel) where these items are all editable.

‘Favorite’ Button

Same function as the favorite icon next to the channel name in the channel header, but a more prominent button

‘Mute’ Button

A new prominent button in the Channel Info Sidebar. When clicked, it is toggled on and the mute icon displays in the channel header

‘Invite’ Button

Replaces the ‘Add Members’ menu item from the Channel Menu. Available as a prominent button in the new RHS Info panel. Clicking this will launch the existing modal.

‘Copy Link’ Button

A new button that copies the channel’s link to the user’s clipboard.

‘Members’ Menu Item

Replaces the ‘Members’ popover. Displays a list of all Channel Members in a subpanel. A ‘Manage Members' button displays in this panel.

...

‘Pinned Messages’ Menu Item

Pinned Messages will stay in the RHS, but will become a subpanel of the Info panel. It will still be directly accessible from the Channel Header Pin Icon Button.

‘Files’ Menu Item

Files will stay in the RHS, but will become a subpanel of the Info panel. It will still be directly accessible from the Channel Header Files Icon Button.

‘Notification Preferences’ Menu Item

Moves to the RHS and launches the current modal. Subsequent phases to address possibly reworking this.

'Edit Channel' Menu Item

A New menu item that will take users to a subpanel with editable channel name, url, header, purpose and private/public setting. Design TBD

Sample of how ‘subpanels’ behave

...

have planned for future phases beyond the MVP.

  • App Bar Orientation/Tutorial

  • Recent Mentions - Cross-Team (scoped to server)

  • Saved Messages - Cross-Team (scoped to server)

  • Search Improvements

    • Cross-Team(scoped to server)

    • Search Results displaying in a modal? More advanced search options?

    • Command Palette

  • Resize Panes - Ability to drag dividers to resize the widths of the LHS and RHS - snap to default widths (see slack) and establish minimum/maximum widths for each

  • Channel Header

    • Add Info Button to open Channel Info in RHS

    • Change Members Icon Button to Open Members in RHS rather than popover

  • System Console - Open in a Slide-up Panel

  • Plugin Marketplace/App Marketplace - Open in a Slide-up Panel

  • Transitional Animations for panels