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. Crea fácilmente texto lateral utilizando la propiedad «modo de escritura» de CSS

      Crea fácilmente texto lateral utilizando la propiedad «modo de escritura» de CSS

      Tutorial Intermediate

      En este consejo rápido, te enseñaré cómo mostrar el texto de una página web de arriba hacia abajo, y no de izquierda a derecha (o de derecha a izquierda)....

    2. Consideraciones de Diseño para Múltiples Clientes de Correo Electrónico y Dispositivos

      Consideraciones de Diseño para Múltiples Clientes de Correo Electrónico y Dispositivos

      Tutorial Beginner

      Diseño de correo electrónico sigue un montón de las mismas consideraciones como diseño web: diferentes tipos de navegadores, sistemas operativos, tamaños de...

    3. Guía de Principiante al Correo Accesibilidad (Checklist + Recursos)

      Guía de Principiante al Correo Accesibilidad (Checklist + Recursos)

      Tutorial Beginner

      Esta guía le guiará a través de una lista de más de 30 mejoras se pueden hacer a su correo electrónico para asegurarse de que son tan accesibles como sea...

    4. 5 efectos de Photoshop para gráficos web impresionantes

      5 efectos de Photoshop para gráficos web impresionantes

      Tutorial Beginner

      Añadir recursos gráficos personalizados a tu sitio web es más fácil de lo que piensas, puedes crear gráficos web únicos con Photoshop en minutos.

    5. Cómo Crear Borders en un Solo Lado en Sketch y Adobe XD

      Cómo Crear Borders en un Solo Lado en Sketch y Adobe XD

      Tutorial Beginner

      En éste consejo rápido quiero mostrarte un buen truco para crear bordes en un solo lado tanto en Sketch como en Adobe XD.

    6. La ideación en el pensamiento del diseño: la zona de infinitas posibilidades creativas

      La ideación en el pensamiento del diseño: la zona de infinitas posibilidades creativas

      Tutorial Beginner

      La ideación es el tercer componente en nuestro proceso de pensamiento de diseño, como se observó en la propuesta del Instituto de Diseño Hasso-Plattner, el...

    7. Consejo rápido: diseña un gráfico de flecha SVG en Adobe XD

      Consejo rápido: diseña un gráfico de flecha SVG en Adobe XD

      Tutorial Beginner

      En este breve tutorial te voy a mostrar cómo hacer el gráfico de una flecha listo para SVG utilizando Adobe XD.

    8. Cómo Diseñar una Interfaz de Usuario Minimalista y Funcional

      Cómo Diseñar una Interfaz de Usuario Minimalista y Funcional

      Tutorial Beginner

      El minimalismo se define como un "estilo o técnica caracterizada por la simpleza y la concisión"- en otras palabras, reducir un conjunto de componentes a la...

    9. Pensamiento de Diseño Explicado: Entender la Etapa de "Definir" Desordenado

      Pensamiento de Diseño Explicado: Entender la Etapa de "Definir" Desordenado

      Tutorial Beginner

      En nuestros artículos anteriores, hemos analizado los fundamentos del pensamiento de diseño y empatía inmersiva. En este post, a profundizar un poco más en...

    10. Cómo Ayuar a Tus Usuarios a Lidiar Con Cambios en el Diseño

      Cómo Ayuar a Tus Usuarios a Lidiar Con Cambios en el Diseño

      Tutorial Beginner

      Lidiar con el cambio no es fácil, especialmente si los usuarios se acostumbran a una manera particular de hacer las cosas. Introducir cambios a través de...

    11. Cómo practicar la empatía inmersiva en la metodología pensamiento de diseño

      Cómo practicar la empatía inmersiva en la metodología pensamiento de diseño

      Tutorial Beginner

      En nuestro artículo anterior hablamos sobre los conceptos básicos del pensamiento de diseño. En este artículo aprenderemos a manejar la primera etapa de...

    12. 3 Consejos para Prepara Mejor Documentación de Experiencia de Usuario

      3 Consejos para Prepara Mejor Documentación de Experiencia de Usuario

      Tutorial Beginner

      La documentación de Experiencia de Usuario tiene que ver con el seguimiento de detalles específicos de tu diseño para asegurar que la implementación ocurra...