Saltar al contenido
AprenderUXUI » componentes

componentes

Indicadores y barras de progreso en la UI

Descubre los indicadores y barras de progreso y aprende cómo representar el avance y progreso en un flujo con estos componentes UI en función de si el avance es del usuario o del sistema

Portada componente UI Paginacion

El componente UI Pagination

Profundiza sobre la paginación aprendiendo las reglas de uso, la anatomía y distribución del componente UI de navegación Pagination o Paginador.

Portada Paginacion vs Scroll

Paginación y scroll en diseño UX / UI

La paginación y el scroll son 2 formas de presentar la información al usuario. Aprende en qué consisten y qué opción es más conveniente para cada situación.

Portada del componente UI pestañas tabs

El componente UI Tabs (Pestañas)

Descubre el componente UI tabs también conocido como pestañas y aprende qué utilidad tiene, qué posibilidades y tipos hay y cómo usarlo bien

Portada Breadcrumbs UI

Breadcrumbs o migas de pan

Descubre todo sobre las migas de pan, el componente UI llamado breadcrumbs que facilitará la comprensión y navegación del usuario en tu sitio web.

Portada de la entrada Notificaciones UX / UI donde hablo de notificaciones en línea como banners, tostadas y badges o insignias

Notificaciones en UX / UI

Asegura que tus notificaciones ofrezcan una buena experiencia de uso. Aprende a diseñar los componentes UI de notificación banner, snackbar, toast y badge

Portada compoente UI navigation bar

Componente UI Barra de navegación

Aprende cómo diseñar y cuándo utilizar el componente UI barra de navegación conocida como navigation bar o navbar para ayudar a los usuarios.

Tooltip vs Toggletip o call out o popuptip

Tooltip o toggletip

Los tooltips y toggletips son componentes UI que mejoran la experiencia de uso aportando información al usuario. Aprende qué tipo de información aportan cada uno y cómo lo hacen.

Portada Componentes de Carga AprenderUXUI.com

Componentes UI y pantallas de carga

Conoce los componentes UI y pantallas de carga: loaders, spinners, barras de carga, skeletons y pantallas de carga. Aprende cómo usar estas opciones según las necesidades de tu proyecto.

Diseño Atómico

En 2013 Brad Frost presentó su libro Atomic Design donde explicaba esta revolucionaria metodología y visión del diseño. Aprende en qué consiste, sus beneficios y su revisión.