Custom Emoji design exploration

Make custom emoji possible as a way to let communication be more expressable by multiple people.

Designs

Award emoji menu

Sections and icon usage:

Section	Icon
Frequently used	clock
People	users
Nature	nature
Food & drink	food
Activity	dumbbell
Travel & places	car
Objects	object
Symbols	heart
Flags	flag
Custom	tanuki

Note: Icons may be visually different from the mockups!

Default aware emoji menu:

• Includes handy reactions + hint display

When scrolling:

Bottom/custom section:

Selections:

• Hint changes to chosen emoji + shows name and shortcut phrase(s) (can be multiple if we implement aliases)

Skintone menu/chooser:

• Button expands horizontally when clicked
• Hint changes to point to the menu/chooser + changes skin color

Wyiwyg emoji button in editor:

This can still be a separate iteration, but should be really simple to add, which adds a lot of value for making custom emoji more discoverable.

• Excludes handy reactions menu as we are now less context aware 😉
• Note:_ Copy should change to Pick your emoji as we're in a comment context. (thanks @smcgivern)

Group customization:

• Makes it available to all group members with a customization action in the left sidebar outside of settings

Validation:

• When adding new emoji, checking for name collisions in ancestor groups and descendent groups

If member left group/is removed:

• Show the user if they still exist, otherwise move this to the ghost user: https://docs.gitlab.com/ee/user/profile/account/delete_account.html#associated-records

Tranferring groups:

• will not transfer custom emoji in the beginning (we may support this at a later stage)

Aliases:

If we would supported aliases 😉

Slack sync of custom emoji and aliases: