Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

The UI-UX of Designing Effective Search Bars

DesignCourse via YouTube

Start learning Write review
Noble Desktop Ad

Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes

Learn More → Simplilearn Ad

UC San Diego Product Management Certificate — AI-Powered PM Training

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn how to design an effective search input in Figma through this 22-minute tutorial video. Explore various interactive states including default, active, auto-suggestion dropdown, and auto-correct. Follow along as the instructor guides you through creating a magnifying button component, designing focus states, implementing auto-suggestions and auto-correct features, and assembling the final search component. Gain insights on integrating the search bar into a navbar design and receive valuable tips for enhancing the overall user experience of search functionality in your UI/UX projects.

Syllabus

- Introduction
- Learn UI/UX Interactively
- Designing the Search Bar
- Magnifying Button Component
- Focus State Design
- Auto-Suggestions Design
- Auto-Correct Design
- Creating the Search Component
- Designing a Navbar
- Final Thoughts

Taught by

DesignCourse

Reviews

Start your review of The UI-UX of Designing Effective Search Bars

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.