👉 Designers! Join us for our live Photoshop & poster design workshops with Oscars & Peloton designer, Temi Coker, on May 19! Get your tickets now. 👈
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
💌 Have a project idea? We are available for new projects firstname.lastname@example.org | Telegram | WhatsApp | Facebook | Linkedin | Website
Today under the microscope is another micro-interaction example! We continue to explore micro-interactions that are often overseen and underestimated but remain an essential part of the user's experience.
Here's a search button animation. It expands when a user presses it, shows a search input window, and drops down a search result window. This keeps the user concentrated on their experience of using the product.
We implemented a neutral color scheme but used contrasting black and white colors. This way we managed to divide the micro-actions that make up the interaction process.
From a full-scale web interface perspective, a button may seem small and unessential. But in many cases, a user's journey starts here. We make sure that small elements provide an engaging micro-interacting experience.