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. Cómo agregar microinteracciones a tu sitio web rápidamente

      Cómo agregar microinteracciones a tu sitio web rápidamente

      Tutorial Beginner

      En el consejo rápido de hoy, te enseñaré cómo agregar microinteracciones a tu sitio web usando una biblioteca de JavaScript llamada micron.js....

    2. Cómo Hablar Sobre las Decisiones en el Diseño

      Cómo Hablar Sobre las Decisiones en el Diseño

      Tutorial Beginner

      Los diseñadores necesitan equilibrar no únicamente la creación de experiencias de usuario sino también la explicación de lo que han hecho a una audiencia más...

    3. 13 Rápidos Consejos y Trucos para un Diseño Web Responsivo en 2018

      13 Rápidos Consejos y Trucos para un Diseño Web Responsivo en 2018

      Tutorial Beginner

      Contar con un diseño web responsivo a día de hoy es obligatorio. Debido al incremento del número de gente que accede a internet para realizar búsquedas sobre...

    4. Los Fundamentos del Pensamiento Computacional

      Los Fundamentos del Pensamiento Computacional

      Tutorial Beginner

      Diseñadores web están obligados a pensar en problemas de manera que las computadoras puedan entender, por lo tanto "pensamiento computacional" es una...

    5. 3 Consejos para Ayudarte a Evitar una Mala Tipografía en la Web

      3 Consejos para Ayudarte a Evitar una Mala Tipografía en la Web

      Tutorial Beginner

      Una buena tipografía lleva  jerarquía y foco a los lugares correctos. Ésta guía breve te enseñará cómo evitar una tipografía ineficaz y cómo trasladar el...

    6. Consejos para Trabajar Con Mesas de Trabajo y Capas en Sketch para una Mejor Eficiencia

      Consejos para Trabajar Con Mesas de Trabajo y Capas en Sketch para una Mejor Eficiencia

      Tutorial Beginner

      En éste video vamos a hablar sobre algunos consejos para una mejor eficiencia en Sketch; más específicamente, cómo trabajar fácilmente con capas y mesas de...

    7. Cómo crear una biblioteca de icono dinámico con Sketch

      Cómo crear una biblioteca de icono dinámico con Sketch

      Tutorial Beginner

      Hoy vamos a crear una biblioteca de icono dinámico en bosquejo. Esto podría ser un proceso bastante complicado, pero vamos a nosotros mismos guardar un...

    8. Cómo Utilizar Símbolos de Dibujo para Crear Diagramas de Flujo

      Cómo Utilizar Símbolos de Dibujo para Crear Diagramas de Flujo

      Tutorial Beginner

      En este tutorial vamos a crear usuario reutilizable diagramas de flujo del flujo y la tarea en el dibujo. A aprovechar el poder de los símbolos de esquema,...

    9. Nuevo Curso: Cambio de Fuente Iconos a SVG

      Nuevo Curso: Cambio de Fuente Iconos a SVG

      Tutorial Beginner

      Utilizando SVG para manejar los iconos en sus diseños web puede proporcionar un número de ventajas sobre usar fuentes de icono. En nuestro nuevo curso,...

    10. 5 Características Imprescindibles que Debe Tener el Sitio Web de una Pequeña Empresa

      5 Características Imprescindibles que Debe Tener el Sitio Web de una Pequeña Empresa

      Tutorial Beginner

      Dirigir una pequeña empresa es una aventura única. Para ser exitoso tienes que ser fuerte y ágil. Y tienes que trabajar muy duro para darte a conocer. Puesto...

    11. Diseño de Icono Mal: 3 Riesgos y Cómo Evitarlos

      Diseño de Icono Mal: 3 Riesgos y Cómo Evitarlos

      Tutorial Beginner

      ¡Vamos a ver tres errores y dificultades comunes en el diseño de los iconos y formas de evitarlos!

    12. Cómo crear un menú fuera del lienzo (off-canvas) con CSS y un toque de JavaScript

      Cómo crear un menú fuera del lienzo (off-canvas) con CSS y un toque de JavaScript

      Tutorial Beginner

      En este tutorial veremos un método simple, pero efectivo, para crear un menú fuera del lienzo (off-canvas) con HTML, CSS y JavaScript.