Reaction
Design Pattern
Free weekly newsletter
Real UI patterns and design psychology in your inbox
Learn how successful products use UI patterns and behavioral design. One email a week from UI-Patterns.com and Learning Loop.
SubscribeAlternate titles: Like, Heart.
Problem summary
The user wants to express their emotions in a simple way
Example
▲ At facebook.com, you can express your emotion for posted content in a variety of ways: Liking, loving, Wow'ing, etc.
Usage
- Use when you want to let users rate content without having to worry about the degrees to which they like it.
- Use when you want to provide an easy and informal way for users to provide information about their likes and preferences.
In the card deck
Reaction is one of the cards in the UI Patterns card deck
A collection of 60 User Interface design patterns, presented in a manner easily referenced and used as a brainstorming tool.
Solution
Let users express their immediate emotions in a simple way.
Simplify rating controls by making them binary choices of emotional consent rather than fine-grained ratings of stars or scores. Use reaction activity to discover what content might be more relevant for your users.
Rationale
Eliminating the fine-grain of stars and rating scores, this makes rating things easier for users as well as interpreting them.
