Basic User Flow for Setting a Default Status
A user can set his status by using the custom status dropdown in the status menu.
He gets a list of options to choose from. The list would contain the exact options as can be seen in the Figma prototype with “Clear after” time associated to them.
He chooses one of them.
And sets the status.
You can go through this flow in the Figma prototype below.
Where the custom status appears after it is set
LHS Header
Post Header for Posts in Center Channel/RHS
LHS Channel list.
DM Header
Direct Messages modal
Manage/View members modal
Channel members Popover
Autocomplete UI
User popover
Some examples of how they appear can be seen below in the Figma prototype.
The user can hover over the emoji to view details about the status
He would see the custom status text.
And when it clears.
Clearing the status
A user can clear the status by clicking on the status dropdown.
There is a “x” that appears in the list item beside the custom status, that the user can use to clear it.
A user can also click on his custom status and then clear it.
You can go through this flow in the Figma prototype below.
Setting your own Custom Status
You can set your own custom status by typing in the input box in the custom status modal.
As soon as you start typing, the list disappears, and the emoji changes to a speech bubble emoji 💬.
You can choose your own emoji by clicking on the emoji icon.
Recent Suggestions
Any custom statuses that you use (that are not the default ones) get added to the list in the modal.
The emoji, the message, and the clear after time, all are added as a single option.
You can use your recent suggestions, or use the default ones.
You can remove recent suggestions from the list by hovering over them and clicking the cross icon on the right.
Important
If I already have a recent suggestion in the list such as: “💤 Sleeping”, and if I enter a new status like: “💬 Sleeping”, it would remove the old item from the Recents list, and add “💬 Sleeping” at the top of the list.
The list is sorted by recency, thus, any recent ones that you have used appear at the top.
Except if you use the default ones. The default ones stay at the bottom.
Only your last 5 recent suggestions are shown.
How it visually appears can be seen in the Figma prototype below.
Clear Custom Status After Setting
A user can set a custom status and decide whether he wants it to clear automatically.
i.e. In a meeting can clear after 1 hour, or 4 hours, if he so wishes.
He can set a manual clear time as well, or set a status to not clear at all.
You can go through this flow in the Figma prototype below.
Setting and Clearing a Status with a Slash Command
A user can clear his status by using the
/status clearcommand.A user can set his status by using the
/status [emoji_name] [status_message]command.i.e.
/status 😃 Feeling happywould set the user’s status to😃 Feeling happy.
The user cannot set his clear after time via the Slash command for now.
The clear after time is automatically set to today.
Setting a status access points
Status popup in the left hand side.
Status link in user popover.
Slash command.