Toasts, Snackbars y Alerts son componentes fundamentales dentro del vocabulario de comunicación de un sistema de diseño. Juntos, forman un conjunto de mecanismos estandarizados que una interfaz utiliza para presentar información al usuario. Cada uno de estos elementos se distingue…
Categoría: Diseño UX / UI
Cómo organizar un sistema de diseño en Figma
La organización en Figma es crucial para la escalabilidad, mantenibilidad y adopción de un sistema de diseño. Figma ofrece mucha flexibilidad, lo que es bueno, pero también significa que hay varias maneras de estructurar un sistema. Figma, con su creciente…
Organizar y definir Tokens en un sistema de diseño
Los tokens de diseño son valores que definen los atributos visuales de los elementos de la interfaz de usuario, como colores, tipografías, espaciados, etc. Organizar y definir tokens de manera efectiva es crucial para mantener la consistencia y escalabilidad de…
Gobernanza y contribución en sistemas de diseño
Un sistema de diseño es una herramienta esencial en el desarrollo de productos digitales que busca garantizar la coherencia, eficiencia y escalabilidad en todo el proceso creativo. Imagina que es una guía de estilo completa y un conjunto de recursos…
Libros recomendados si eres Product Designer o Product Manager
Si eres Product designer o Product manager, la formación continua es clave para mantenerse actualizado en un campo en constante evolución. Los libros son una herramienta invaluable para aprender nuevos conocimientos y perfeccionar todas las habilidades. A continuación una recopilación…
Claves para diseñar una galería de imágenes de producto
Diseñar una buena galería de imágenes de producto ayuda a crear un escaparate virtual donde se muestran fotos detalladas de un producto desde distintos ángulos. Sirve para que los clientes puedan visualizar el producto antes de comprarlo, generar confianza y…
Diseñando barras de progreso (Progress bar)
En el diseño de interfaces digitales, la barra de progreso, también conocida como progress bar, juega un papel fundamental para comunicar el avance de un proceso o tarea al usuario. Su objetivo principal es brindar información visual sobre el estado…
Diseño de Inputs para introducir números
Diseñar un input para introducir valores numéricos puede ser realmente complicado si pensamos en la usabilidad, la experiencia de usuario y la interacción. Cuando diseñamos formularios, en ocasiones, para dispositivos móviles el espacio limitado en la pantalla y el coste…
Buenas prácticas para diseñar Tabs
Una tab es un elemento o componente de interfaz que permite a los usuarios alternar entre diferentes secciones de contenido. Las tabs son una forma eficaz de organizar el contenido de una página web o aplicación y de facilitar a…
Buenas prácticas para el diseño de Footer
El footer de una página web es una sección que se encuentra en la parte inferior de la página y que suele contener información de contacto, enlaces a otras páginas del sitio web, información legal y otros datos relevantes para…