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.

All UX/UI content:

Filters

Responsive Design

Consejo rápido: cómo usar el elemento “picture” de HTML5 para imágenes responsivas

Tutorial • Beginner

Las imágenes son notoriamente uno de los aspectos más desafiantes del "responsive web design". Hoy veremos como el elemento , una solución al problema de...

Kezz Bracey • 19 Sep 2019
HTML Templates

Cómo crear una moderna tabla de precios con una cabecera fija

Tutorial • Intermediate

Las tablas de precios fijas (o pegajosas) son perfectas para mostrar productos y servicios con largas listas de características que requieran ser...

George Martsoukos • 16 Sep 2019
UX Design

6 plugins para Figma para darte superpoderes de diseño (y cómo utilizarlos)

Tutorial • Beginner

Los plugins de Figma son una incorporación reciente a la herramienta colaborativa para diseñadores de interfaz de usuario que se está volviendo la favorita...

Joanna Ngai • 13 Sep 2019
Navigation

Cómo hacer que el menú desplegable de la barra de navegación de Bootstrap funcione al situar el puntero (on hover)

Tutorial • Beginner

¿Alguna vez has creado una barra de navegación de Bootstrap con menús desplegables? Si la respuesta es «sí», quizá hayas notado que los menús desplegables de...

George Martsoukos • 2 Sep 2019
Web Typography

Nuevo curso: Conceptos básicos de tipografías para sitios web en Figma

Tutorial • Beginner

Mejora tus habilidades para crear tipografías para sitios web en nuestro nuevo curso, Conceptos básicos de tipografías para sitios web en Figma. En este...

Andrew Blackman • 28 Aug 2019
UX Design

Consejos de experiencia de usuario (UX): Tres cosas que debes saber para la incorporación exitosa de usuarios

Tutorial • Beginner

El proceso de incorporación suele ser la primera impresión que un usuario tendrá de tu nuevo producto o servicio. Una incorporación exitosa es en...

Joanna Ngai • 12 Aug 2019
Conversion

Cómo encontrar la imagen «hero» perfecta para tu sitio web

Tutorial • Beginner

Un sitio web exitoso está formado por muchos componentes, pero quizá ninguno más importante que aquel que brinda una primera buena impresión. Por...

Eric Karkovack • 6 Aug 2019
User Research

Métodos de pruebas de usabilidad: Los beneficios de las pruebas cara a cara

Tutorial • Beginner

Mientras trabajaba como desarrollador web vi que muchas funcionalidades del proyecto fallaban debido a la falta de pruebas de usabilidad antes del...

Nina Mujdzic • 5 Aug 2019
UI Design

Cómo hacer un prototipo con el plugin de Sketch de Envato

Tutorial • Beginner

Mejora tu flujo de trabajo accediendo a kits de diseño UI gratis y a fotos de stock premium disponibles desde Sketch.

Eric Karkovack • 26 Jul 2019
Responsive Design

5 reglas fáciles para principiantes de diseño de UI móvil

Tutorial • Beginner

El uso de teléfonos inteligentes ha ido aumentando constantemente durante los últimos años, y más de un tercio de la población mundial actualmente tiene uno....

Tiffany Brillard • 25 Jul 2019
User Research

Cómo realizar un taller para la clasificación de tarjetas UX

Tutorial • Beginner

El acto de ordenar tarjetas es una forma práctica y rápida de crear un árbol de categorías (arquitectura de información) basado en la comprensión de los...

Nina Mujdzic • 23 Jul 2019
Navigation

Crea un menú responsivo avanzado inspirado en Netflix

Tutorial • Intermediate

El otro día visité el sitio web de Netflix Jobs desde mi teléfono y vi su menú fuera del lienzo (off-canvas). Realmente me gustaron las impresionantes ...

George Martsoukos • 18 Jul 2019