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

Overview

This course teaches how to design an effective search input in Figma, covering interactive states like default, active, auto-suggestion dropdown, and auto-correct. The teaching method includes a tutorial video with a step-by-step guide on designing various components. The intended audience for this course is individuals interested in UI/UX design, particularly focusing on search bar functionality and design elements.

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.