The left example with two "dropdowns" is actually not a dropdown, but a combobox - it's a type of an input that allows users to type in things to filter out options from the dropdown list, i.e. combines dropdown list and an input field -- hence the name.
Just a heads-up on a minor editing bug: 'breadcrumbs' chapter is incorrectly labeled as 'Number 5' in the caption graphic. Thanks for the great content!!
Nice post, but surprised breadcrumbs made this list. Breadcrumbs can be surprisingly difficult to pull off intuitively, and are more of a device of information architecture than simply a UI design pattern like dropdowns and accordions.
🎯 Key Takeaways for quick navigation: 00:00 📋 *Estos son 5 de los patrones de diseño de UI más comunes que todo diseñador de UI/UX debería usar.* 00:26 🗂️ *Los menús acordeón permiten a los usuarios expandir y contraer secciones de contenido fácilmente. Ayudan a navegar información rápidamente.* 01:35 👇 *Los menús desplegables permiten a los usuarios seleccionar elementos de una lista. Se debe tener cuidado en no incluir muy pocas o demasiadas opciones.* 02:17 🎴 *Las tarjetas pueden contener cualquier tipo de información como imágenes, texto, botones, gráficos, etc. Son muy versátiles.* 03:15 🥪 *Las migas de pan permiten a los usuarios ver su ubicación actual y selecciones previas en un sitio web o aplicación. Ayudan a no perderse.* Made with HARPA AI
The left example with two "dropdowns" is actually not a dropdown, but a combobox - it's a type of an input that allows users to type in things to filter out options from the dropdown list, i.e. combines dropdown list and an input field -- hence the name.
The last hamburger menu looks cool the way its list items animated
Just a heads-up on a minor editing bug: 'breadcrumbs' chapter is incorrectly labeled as 'Number 5' in the caption graphic. Thanks for the great content!!
Awesome content and examples Jesse! I appreciate it.
Nice post, but surprised breadcrumbs made this list. Breadcrumbs can be surprisingly difficult to pull off intuitively, and are more of a device of information architecture than simply a UI design pattern like dropdowns and accordions.
Thank you for this Jesse!
Nice examples to showcase the patterns with
GREAT!!!
🔥
Great explanations Jesse
Thanks for sharing
Can I use bank card in card
🎯 Key Takeaways for quick navigation:
00:00 📋 *Estos son 5 de los patrones de diseño de UI más comunes que todo diseñador de UI/UX debería usar.*
00:26 🗂️ *Los menús acordeón permiten a los usuarios expandir y contraer secciones de contenido fácilmente. Ayudan a navegar información rápidamente.*
01:35 👇 *Los menús desplegables permiten a los usuarios seleccionar elementos de una lista. Se debe tener cuidado en no incluir muy pocas o demasiadas opciones.*
02:17 🎴 *Las tarjetas pueden contener cualquier tipo de información como imágenes, texto, botones, gráficos, etc. Son muy versátiles.*
03:15 🥪 *Las migas de pan permiten a los usuarios ver su ubicación actual y selecciones previas en un sitio web o aplicación. Ayudan a no perderse.*
Made with HARPA AI
Where can I get a Sola Fide wall art like that?
Pls what's the difference between cards and modals?