¡Hola! Aquí estoy de vuelta con una nueva entrega de Design Talks. En esta ocasión, te traigo una selección de recursos para diseñadores UX/UI que he encontrado en los últimos días.

Exploraremos temas como la influencia de la IA en las herramientas creativas, metodologías innovadoras para el diseño de productos, la importancia de la escritura en el diseño y la aplicación de principios filosóficos a la creatividad. A ver qué te parecen 😉.

Drams: Framer components inspired by Dieter Rams' design principles

Drams es una web maravillosa construida con Framer, un montón de componentes libres de uso hechos con mucho cariño y dedicación.

La factura técnica es increíble, tienen sonido, y reflejan perfectamente el espíritu de la marca Braun que ha marcado parte de la historia del diseño de producto moderno.

No puedes perdértela, es muy adictiva.

David Hoang "How AI will influence creative tools: A conversation with Replit’s David Hoang" - Figma Blog

En esta entrevista del blog de Figma, David Hoang explora el futuro de las herramientas creativas bajo el impacto de la inteligencia artificial.

Este artículo no solo profundiza en cómo la IA está comenzando a influir en el diseño sino también en cómo puede amplificar la creatividad y eficiencia de los diseñadores.

Un must-read si te interesa este momento tan chulo que estamos viviendo de hibridación total entre tecnología y diseño.

Rethinking the startup MVP: Building a competitive product - Linear Blog.

El equipo de Linear nos ofrece una perspectiva diferente y renovada sobre cómo abordar el desarrollo de productos mínimos viables (MVP) en startups.

En el artículo " Rethinking the startup MVP: Building a competitive product ", argumentan la importancia de superar el enfoque tradicional para crear productos que no solo cumplan con los requisitos mínimos sino que sean verdaderamente competitivos desde el lanzamiento.

Una reflexión para emprendedores y diseñadores de producto que busca que revisemos el concepto clásico de “falla rápido, falla barato” y transformemos esa visión que Eric Ries aportó en 2011 en su best-seller “The Lean Startup”. Súper interesante.

Writing is design - PJ Onori

PJ Onori nos recuerda que la escritura no es solo una forma de comunicación, sino una herramienta de diseño poderosa. Este post profundiza en cómo la escritura y el diseño interactúan, impactando sobre la usabilidad, accesibilidad y la experiencia general del usuario.

Onori profundiza de forma sencilla sobre la importancia de las palabras en el diseño de experiencias memorables. Así que no puedes dejar de leerlo 😉

Una pequeña reflexión...

Y para terminar Ralph Ammer nos invita a reflexionar sobre los principios de Aristóteles para vivir una buena vida y cómo estos pueden aplicarse al mundo del diseño y la creatividad.

No es solo una pausa reflexiva sobre nuestros valores y metas sino que también ofrece perspectivas sobre cómo los principios filosóficos pueden influir en nuestro enfoque hacia el diseño y la vida en general.

Raúl Marín, Director del Bootcamp en Diseño UX/UI de IMMUNE.

El diseño universal emerge como un faro de inclusión en un mundo diverso, proponiendo espacios y herramientas que pueden ser utilizados por todos, sin excepciones. Este enfoque va más allá de la mera accesibilidad, abogando por una integración completa que acoge a todas las personas, sin importar sus habilidades o limitaciones.

¿Qué es el diseño universal?

El concepto de diseño universal se refiere a la creación de productos y entornos que son accesibles y comprensibles para personas con un amplio espectro de habilidades, asegurando su usabilidad y comprensión de manera intuitiva. Es una práctica inclusiva que busca eliminar las barreras que enfrentan aquellos con discapacidades y promueve la igualdad de oportunidades para todos.

Características del diseño universal

El diseño universal se caracteriza por su enfoque holístico y su capacidad para adaptarse a las necesidades de los usuarios. Sus características fundamentales incluyen:

• Universalidad: apto para uso por cualquier persona, sin necesidad de adaptaciones o diseños especializados.
• Simplicidad: fácil de entender y usar, sin importar la experiencia del usuario o su conocimiento previo.
• Intuitividad: capacidad de ser comprendido sin esfuerzo, aportando una experiencia de usuario fluida y agradable.
• Security: minimiza riesgos y consecuencias de errores involuntarios o accidentales.
• Economía de esfuerzo: diseñado para ser utilizado eficientemente y con comodidad, reduciendo la fatiga.
• Espacio adecuado: consideración del espacio necesario para su uso apropiado por cualquier persona, incluyendo aquellos con dispositivos de asistencia.

Estas características son la base para la creación de entornos y productos que pueden ser disfrutados por todos, reflejando la diversidad de la población y sus necesidades.

Principios del diseño universal

El principio del diseño universal establece siete directrices que ayudan a los diseñadores a considerar a todas las personas durante el proceso de creación. Son los siguientes:

1. Equitativo en uso: el diseño es útil y comercializable para personas con diversas habilidades.
2. Flexibilidad en uso: el diseño se acomoda a una amplia gama de preferencias y habilidades individuales.
3. Uso simple e intuitivo: uso del diseño es fácil de entender, sin importar la experiencia, conocimiento, habilidades lingüísticas o nivel de concentración actual del usuario.
4. Información perceptible: el diseño comunica la información necesaria al usuario de manera efectiva, independientemente de las condiciones ambientales o de las capacidades sensoriales del usuario.
5. Tolerancia al error: el diseño minimiza peligros y consecuencias adversas de acciones no intencionadas o accidentales.
6. Bajo esfuerzo físico: el diseño puede ser utilizado de manera eficiente y cómoda y con un mínimo de fatiga.
7. Tamaño y espacio para el acercamiento y uso: apropiado tamaño y espacio se proporcionan para el acercamiento, alcance, manipulación y uso, independientemente del tamaño del usuario, su postura o movilidad.

Diseño inclusivo: más allá de la teoría

El diseño inclusivo se extiende más allá de los conceptos teóricos para plasmarse en prácticas tangibles que transforman nuestra interacción con el mundo. Veamos cómo este enfoque se materializa en distintos ámbitos, con ejemplos que ilustran su profundidad y alcance:

Diseño web accesible: una puerta abierta a la información

El diseño web accesible va más allá de la simple navegabilidad. Incluye el desarrollo de interfaces que permiten a los usuarios con discapacidad visual personalizar los colores y el tamaño del texto, así como la estructuración del contenido de tal manera que los lectores de pantalla puedan interpretar y transmitir la información de forma coherente. Además, se consideran aspectos como el diseño responsive, que asegura que los sitios web se adapten y sean funcionales en una variedad de dispositivos y tamaños de pantalla.

Productos cotidianos: la ergonomía al servicio de la diversidad

En el ámbito de los productos cotidianos, encontramos utensilios de cocina con agarres adaptados que benefician tanto a personas con dificultades motrices como a aquellas con artritis. Los teléfonos móviles con interfaces de usuario simplificadas y asistentes de voz integrados son otro ejemplo de cómo la tecnología se adapta a usuarios de todas las edades y capacidades.

Arquitectura y espacios públicos: construyendo accesibilidad

La arquitectura y espacios públicos adoptan el diseño inclusivo al incorporar señalización audible y táctil, pavimentos podotáctiles que guían a personas con discapacidad visual, y mobiliario urbano adaptado, como bancos con alturas variables para sentarse y levantarse con facilidad. Los parques infantiles inclusivos con superficies suaves y equipos adaptativos invitan a niños de todas las capacidades a jugar y explorar juntos.

Diseño universal en la educación: aprendizaje sin barreras

El Diseño Universal para el Aprendizaje (DUA) revoluciona la educación al promover materiales didácticos accesibles, como libros de texto con opciones de audio y contenido digital interactivo que se ajusta a distintos estilos de aprendizaje. Las aulas se diseñan para ser espacios flexibles, permitiendo diferentes configuraciones que se adaptan a las actividades y necesidades de los estudiantes, como la incorporación de tecnologías asistivas y mobiliario ajustable.

Tecnología adaptativa: innovación centrada en el usuario

La tecnología adaptativa es un pilar del diseño universal, ofreciendo soluciones como software de reconocimiento de voz para la navegación por computadora y controles de videojuegos personalizables que habilitan la participación de usuarios con limitaciones motrices.

Estos ejemplos resaltan cómo el diseño inclusivo y universal puede ser implementado en diversas industrias y sectores, desde la tecnología hasta la arquitectura y la educación.

Diseño universal: formando profesionales en el Bootcamp Diseño UX/UI de IMMUNE

En el contexto del diseño web, la inclusión se convierte en una norma imprescindible más que en una mera opción. Es aquí donde el UX/UI Design Bootcamp de IMMUNE cobra relevancia, al formar diseñadores que entienden y aplican el diseño web inclusivo como un principio fundamental. Este programa intensivo se centra en la legibilidad del texto, la navegabilidad intuitiva y la creación de interfaces responsivas que garantizan una experiencia de usuario óptima en cualquier dispositivo. El bootcamp dota a los estudiantes de las habilidades necesarias para diseñar con un enfoque que va más allá de la accesibilidad básica, fomentando la creación de webs para todos a través de una formación 100% práctica.

¡Infórmate sobre nuestros cursos de Diseño a través del siguiente formulario!

El mundo del diseño web se encuentra en constante evolución, y para mantenerse al día, los profesionales se encuentran siempre en busca de herramientas y métodos que les permitan trabajar de una manera más eficiente y coherente. En este contexto, los Design Systems se han convertido en una pieza clave para optimizar el proceso de diseño y mejorar la apariencia y la experiencia del usuario.

Los Design Systems no son simplemente una tendencia pasajera en el mundo del diseño web, sino que son una de las soluciones más eficaces para los problemas más habituales a los que se suelen enfrentar los equipos de diseño.

Al adoptar un enfoque sistémico, los diseñadores pueden ahorrar mucho tiempo, evitar repeticiones innecesarias y garantizar que cada elemento contribuya a crear una experiencia de usuario coherente. Además, facilitan la colaboración entre diseñadores y desarrolladores, ya que todos trabajan en base a un conjunto compartido de reglas y componentes.

Pero, ¿sabes realmente qué son los Design Systems? A continuación te explicamos para qué sirven, cómo funcionan los Design tokens y cuál es su aplicación en el diseño de productos digitales. Además, te daremos los pasos para crear tu propio Design System utilizando herramientas como Adobe XD y Figma.

¿Qué son los Design Systems?

Los Design Systems o sistemas de diseño son conjuntos coherentes de reglas, principios y patrones que guían el proceso de diseño de un producto digital. Incluyendo no sólo elementos visuales, como colores, tipografías e iconos, sino también otros aspectos más amplios como la estructura de la información, la arquitectura de la interfaz y las interacciones del usuario.

Con lo cual, podríamos decir que se trata de una guía unificada que garantiza que todos los elementos del diseño se mantengan alineados con la identidad visual de la marca y cumplan con los estándares de usabilidad.

¿Cómo funcionan los Design tokens?

Los Design tokens juegan un papel clave, ya que proporcionan un lenguaje común entre diseñadores y desarrolladores dentro de un Design system. Al representar valores específicos como colores, tipografías y espaciados, facilitan la aplicación coherente de los diferentes estilos en todo el sistema.

Su naturaleza modular permite una flexibilidad inherente al diseño, pudiendo combinarse y reutilizarse de manera eficiente. Esto no sólo agiliza el proceso de diseño, sino que además garantiza que cualquier actualización en los Design tokens se refleje de manera uniforme en todas las instancias, asegurando que la experiencia de usuario mantenga cierta cohesión.

Así pues, los tokens Design son la base sobre la que se sustenta la consistencia visual y funcional de un Design System, contribuyendo a la eficacia y el éxito del desarrollo de productos digitales.

¿Qué aplicaciones tienen en el diseño de productos digitales?

Los Design Systems y los Design tokens pueden aplicarse en una gran variedad de contextos dentro del diseño de productos digitales de alta calidad. Desde la creación de interfaces de usuario coherentes hasta la agilización del proceso de desarrollo.

Consistencia de marca y experiencia del usuario

Uno de los principales beneficios de los Design systems es la capacidad de mantener una consistencia visual en todas las aplicaciones y plataformas. Esto es especialmente importante para grandes empresas que cuentan con muchos productos, donde la coherencia de la marca es esencial para la percepción del usuario.

Un Design System asegura que cada interacción, desde la página de inicio hasta las funciones más específicas, reflejen la identidad visual de la marca de manera cohesiva. De esta forma, se fortalece la conexión emocional con los usuarios y se logra una experiencia del usuario más sólida y fácil de recordar.

Eficiencia en el desarrollo

Los Design tokens desempeñan un papel clave en la eficiencia del desarrollo al permitir a los desarrolladores implementar rápidamente estilos coherentes en toda la aplicación. Reducen la necesidad de escribir código personalizado para cada elemento visual, acelerando significativamente el proceso de desarrollo.

De esta forma, no sólo ahorra tiempo, sino que además se garantiza que los cambios en el diseño se reflejen de manera uniforme en toda la plataforma, evitando posibles inconsistencias y mejorando la calidad general del producto digital.

¿Cómo crear Design tokens efectivos?

La creación de Design tokens implica identificar y definir cuidadosamente los elementos clave de estilo que se utilizarán en todo el proyecto. Por ejemplo, establecer paletas de colores, definir estilos de texto y determinar espaciados estándar. Una vez que estos elementos se han conceptualizado, se convierten en Design tokens que pueden aplicarse de manera consistente en todas las interfaces de usuario.

Cómo crear un Design System en Adobe XD

Crear un Design System desde cero puede parecer una tarea compleja, pero lo cierto es que, gracias a herramientas como Adobe XD, este proceso resulta mucho más sencillo y eficiente. A continuación te dejamos los pasos a seguir:

1. Definir principios de diseño: antes de empezar con los elementos visuales, establece los principios fundamentales que guiarán tu diseño. Por ejemplo, simplicidad, consistencia, accesibilidad, etc.
2. Crear componentes reutilizables: identifica los elementos que se repetirán en tu diseño y conviértelos en componentes reutilizables. Esto incluye botones, tarjetas y otros elementos comunes.
3. Organizar tu sistema: para organizar tu Design System de manera eficiente, utiliza bibliotecas y estilos compartidos en Adobe XD. Esto facilitará la colaboración y la actualización de forma constante.

Cómo crear un Design System en Figma

Se trata de otra herramienta muy popular para el diseño de productos digitales. La creación de un token en Figma sigue principios similares:

1. Identificar elementos clave: al igual que en Adobe XD, identifica los elementos clave que formarán parte de tu Design System. Esto puede incluir colores, tipografías y espaciados.
2. Crear estilos compartidos: utiliza estilos compartidos para definir tus design tokens. De esta forma, los cambios en un estilo se reflejarán de forma automática en todos los elementos relacionados.
3. Documentar tu Design System: asegúrate de documentar tu Design System en Figma para que todo el equipo pueda acceder fácilmente a las reglas y componentes establecidos.

Fórmate en Design Systems a través del Bootcamp de Diseño UX/UI de IMMUNE

Como hemos visto a lo largo del artículo, los Design Systems y los Design tokens son herramientas fundamentales para mantener cierta coherencia en el diseño de una marca. Gracias a ello, los diseñadores pueden simplificar el proceso de creación y gestión de Design Systems, garantizando un flujo de trabajo más eficiente y resultados de mayor calidad.

Un perfil profesional que actualmente goza de una elevada demanda en el mercado, En este sentido, la formación del UX/UI Design Bootcamp permite adquirir los conocimientos necesarios para llegar a dominar aplicaciones como Figma y Adobe XD. Además, podrás profundizar en todos los aspectos esenciales de UX, abordando desde el proceso de diseño hasta su implementación en desarrollo web/app. Brindando las herramientas necesarias para destacar en el mercado laboral.

¡Infórmate sobre nuestros cursos a través del siguiente formulario!