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:
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 the Center Channel
LHS Channel list.
etc
An exhaustive list 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.
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.
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.