Search Bar Animation
Attention to details is what makes good user experience. I wanted to explore micro-interactions, which are often overseen and underestimated but remain an essential part of the user's experience.
Here's a search button animation made in FIGMA. It expands when a user presses it and shows a search input window. This keeps the user concentrated on their experience of using the product.
I implemented a neutral color scheme with contrasting gradient and white colors.
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.
close
design
figma
figma interactions
figma prototyping
interactions
logo
minimalist
prototyping
search
search bar
ui
uidesign
uiux
vector
View all tags
Posted on
Mar 2, 2023
More by Harshil Bhandari View profile
Like