Designing UI to Prevent Accidental "👍" and "👎" Clicks

Conclusion

Emojis should be placed with intention. Do not sort them indiscriminately.

Reason

Because it triggers accidental clicks between emojis like 👍 and 👎, degrading the service experience.

Explanation

In terms of Unicode code points, 👍 (U+1F44D) and 👎 (U+1F44E) are right next to each other. With a simple implementation, their placement in the UI will naturally be adjacent. The reason you have to be careful not to make misclicks in Slack or GitHub is actually due to these character codes.

The image above is from Slack. This is also quite scary.

Good Examples

Google Meet's emoji UI is arranged in an order like Positive -> Normal -> Negative, making accidental clicks less likely to occur.

For those curious about character codes

The following book is highly recommended!!

[Revised New Edition] Introduction to Character Code Technology for Programmers (WEB+DB PRESS plus)