humanmade / humanmade/h2

Rework emoji reactions UI

Open
#415 1 comment 0 reactions 0 assignees View on GitHub
Enhancement Low priority
Dominant language
JavaScript
Stars
8
Forks
1
Avg merge
1d 9h
Merged PRs (30d)
7

Description

The emoji reactions UI hasn't changed since we first built it, so feels quite different to other UI elements. It also doesn't offer a huge amount of detail, which can make it tough to understand emoji replies, especially custom ones:

Screen Shot 2020-03-16 at 11 44 44

Compare this to Slack's emoji reactions, which are much clearer:
Screen Shot 2020-03-16 at 11 47 46

Additionally, the mobile UI and UX is not great, as it's essentially the same as the desktop. Compare Slack's UI where a long-press triggers an overlay window:
![image](https://user-images.githubusercontent.com/21655/76755663-2609bf00-677c-11ea-9004-cf17ae24d796.png)

We should implement the following:
* [ ] Update reactions UI to be closer to other UI elements, such as hovercards (but reworked for the context, so without transitions)
* [ ] Show the name of the reaction in the UI
* [ ] Implement a long-press UI on mobile to view rather than just react
* [ ] Perform UX audit on mobile to check the flow and see if any further actions are needed

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.