Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI tutorials:

    1. 3 Métricas para Medir y Cuantificar la Usabilidad

      3 Métricas para Medir y Cuantificar la Usabilidad

      Tutorial Beginner

      La usabilidad de un producto es contextual y depende de los distintos roles de los usuarios, de entornos y las tareas que deben realizar. Es importante medir...

    2. 3 Consejos de Accesibilidad Que Hubiera Deseado Aprender Antes

      3 Consejos de Accesibilidad Que Hubiera Deseado Aprender Antes

      Tutorial Beginner

      Aquí hay tres simples consejos de accesibilidad a tener mente para que puedas crear tres diseños más inclusivos y amigables con el usuario. ¿Pero cómo...

    3. Alternativas a Adobe: Aplicaciones vectoriales

      Alternativas a Adobe: Aplicaciones vectoriales

      Tutorial Beginner

      Bienvenido a otra entrada de nuestra serie que explora el amplio mundo del software creado por desarrolladores distintos de Adobe. En este artículo vamos a...

    4. Una Guía para Seleccionar Fuentes Personalizadas para Tu Sitio Web

      Una Guía para Seleccionar Fuentes Personalizadas para Tu Sitio Web

      Tutorial Beginner

      En los primeros días del diseño web, la tipografía era algo mas o menos ignorado. Las elecciones de fuentes eran bastante limitadas y por lo tanto la...

    5. Alternativas a Adobe: Aplicaciones para Pintura Digital

      Alternativas a Adobe: Aplicaciones para Pintura Digital

      Tutorial Beginner

      Bienvenidos a la segunda entrega en nuestra serie explorando el mundo del software creativo que yace detrás del reino de Adobe. En la última entrega vimos...

    6. Usar Guías de Estilo para la Accesibilidad

      Usar Guías de Estilo para la Accesibilidad

      Tutorial Beginner

      Una guía de estilo es un documento de diseño que se puede usar para establecer un conjunto de estándares cuando reunimos todos los elementos o interfaces de...

    7. 10 Consejos para Mejorar el Diseño en Desarrolladores

      10 Consejos para Mejorar el Diseño en Desarrolladores

      Tutorial Beginner

      He aquí una situación que puede ser familiar para usted: usted es un desarrollador y usted construye un prototipo para demostrar algo. Funciona tal como...

    8. Entendiendo los convenios de diseño

      Entendiendo los convenios de diseño

      Tutorial Beginner

      Cuando se trata de patrones de diseño, un dicho que hay que tener en cuenta es: "No reinventar la rueda". Esto sugiere que evites crear nuevas soluciones que...

    9. 3 Consejos para Colaborar con Tu Equipo de Diseño

      3 Consejos para Colaborar con Tu Equipo de Diseño

      Tutorial Beginner

      Diseño es un proceso alternativo, que requiere el compromiso y colaboración de un equipo funcional que da el mejor resultado. Aquí te presento tres consejos...

    10. Cómo Utilizar Variables CSS para Animación

      Cómo Utilizar Variables CSS para Animación

      Tutorial Intermediate

      Cuando mencionamos CSS en las discusiones a menudo hablamos de él como una lengua medio tonto. Un lenguaje declarativo, que carecen de lógica y conocimiento;...

    11. ¿Qué es exactamente un "Entregable"?

      ¿Qué es exactamente un "Entregable"?

      Tutorial Beginner

      El "Entregable". Un concepto sencillo de entender (algo que "Entrega"), pero difícil de explicar correctamente.

    12. Proceso de Diseño UX: Resolución de Problemas y Pruebas

      Proceso de Diseño UX: Resolución de Problemas y Pruebas

      Tutorial Beginner

      Comencemos con una cita adecuada: