Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Version History

« Previous Version 32 Current »

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 💬.

    • The Speech bubble emoji is selected and used by default if no emoji is manually selected.

  • You can choose your own emoji by clicking on the emoji icon.

Recent Suggestions

  • Any custom statuses that you use 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 a user has a recent suggestion in the list such as: “💤 Sleeping”, and he enters 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 same principle applies if a user uses a different clear time. Using a different clear time would not add a new suggestion to the list. The only thing that overrides an older status to a new one is a different status message.

  • 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.

  • The recent suggestions would be stored on the sever, thus being unified across the different platforms.

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 clear command.

  • A user can set his status by using the /status [emoji_name] [status_message] command.

    • i.e. /status 😃 Feeling happy would set the user’s status to 😃 Feeling happy.

  • After you use any of the slash commands, the system message informs the user that their status was set, or cleared.

    • For /status clear a message is posted:

      • Your status was cleared.

    • For /status [emoji_name] [status_message] a message is posted:

      • Your status is set to “[emoji_name] [status_message]”, and will clear automatically at midnight. You can change your status from the status popover in the channel sidebar header.

  • 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 link in user popover

    • Clicking this will open the custom status modal directly

  • Status popup in the left hand side.

    • Clicking this will open up the status popover with a pulsating dot (see below for animation sample) to highlight where to update the custom status.

    • NOTE: The pulsating dot shows until the first time the custom status modal is opened.

  • Status link on current user’s messages

    • Only appears if the user has never clicked this button before AND has never set a custom status before

    • Only appears on the user’s most recent message within a given channel. If the last message is a consecutive message (doesn’t show avatar/name), display the Status link on the first message of the group (the message that does show the avatar/name).

    • Clicking this will open up the status popover with a pulsating dot to highlight where to update the custom status (see above)

  • Slash command.

  • No labels