UX Spec: Channel Menu Updates
Important Links
The channel menu is getting very crowded and this problem will only be compounded with some of the new functionality being planned for properties and banners.
In order to improve this, we will be re-working the channel menu and moving many settings from this menu in to a new channel settings modal.
Updated Channel Menu
The channel menu gets too long in some cases, so the below proposal aims to reduce the number of items and to make them easier to find.
Add icons to menu items for quick recognition
Re-organize the channel menu (see screenshot below)
Add ‘More actions’ submenu for Plugin/App actions.
One menu item for editing the channel details: Needs a new ‘Channel Settings’ modal (see below)
Channel Admins see ‘Channel settings’, all other users see ‘View Info’
Archive Channel also moves to the Channel Settings modal
Just have one ‘Members’ menu item (opens the view or manage members modal depending on access)
Note for mobile views
The Channel Menu on mobile, must include the following menu items since they don’t appear in the channel header on mobile:
Favorite/Remove from Favorites
Pinned Messages
Files
Channel Menu for DMs
Since the only settings that can be changed on a DM is the header, ‘Channel Settings’ changes to ‘Edit Header’. This will open the Edit Header modal (current). Also, View info and Notifications are not available for DMs.
Channel Menu for GMs
Since the only settings that can be changed on a GM is the header, ‘Channel Settings’ changes to ‘Edit Header’. This will open the Edit Header modal (current). Also, View info is hidden for GMs.
New Channel Settings Modal
Because we are reducing the edit functions to one menu item, we will put all the editing into one Channel Settings modal. This modal will also allow us to offer other Channel Settings that are currently only available in the System Console. This will open it up to other settings in the future as well.
The new Channel Settings modal includes all the functions to rename the channel, edit its URL, convert it to a private channel, edit the purpose and edit the header.
The new Channel Settings modal will also have a left sidebar for more channel settings options.
View the full details on the New Channel Settings Modal
NOTE: This modal has the same fields as the ‘New Channel’ modal so it might be worth considering updating that at the same time to match the new style.