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…
Etiqueta: Arquitectura de información
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…
Tooltip y Popover. Cómo y cuándo usarlos
Los componentes, Tooltip y Popover, pueden ser parecidos pero en realidad los diferencian ciertos elementos del propio componente y su contexto de uso. Su diseño, en cuanto a aspecto visual, puede ser similar pero tanto su interacción como la forma…
Los mejores Plugins de Figma para diseñadores
Figma es una herramienta que permite a diseñadores de producto, diseñadores UX y de UI, generar interfaces, prototipos y especificaciones técnicas en la ideación y creación de productos digitales. En esta entrada, se recopila un listado de los mejores plugins…
Herramientas para hacer Test A/B
Puesto que Google Optimize desaparece del mercado, tras hacerlo oficial Google hace unos meses, la incertidumbre para todas aquellas personas que nos dedicamos a la investigación realizando test A/B, con dicha herramienta, ha aflorado considerablemente. Esta entrada pretende recopilar un…
Claves para diseñar Toggle switch controls
Los Switches o Toggles, se llaman de forma diferente dependiendo del sistema de diseño, son componentes que permiten con una sola interacción del usuario cambiar o alternar un estado. Es un interruptor que sirve para ayudar a las personas a…
Qué son los Design Tokens en los Design System
Los Design Tokens son las características de los elementos de una interfaz que se utilizan y reutilizan en toda la interfaz de un producto digital. Es la parte principal a definir al construir un Design System o Sistema de Diseño…