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

UI Design

Tendencias Actuales en el Diseño Web: Páginas de Inicio a Pantalla Completa

Tutorial • Beginner

Los diseños a pantalla completa se han convertido en un patrón habitual en la web actual. Algunos los adoran, otros se muestran más reacios, pero sean cuales...

Ian Yates • 1 Apr 2016
Shopify

Cómo Trabajar Con Imágenes en Shopify

Tutorial • Beginner

Cuándo se comienza con una nueva plataforma, como Shopify, hay mucho que aprender. Mientras Liquid, el lenguaje de plantilla usado en temas de Shopify, es...

Keir Whitaker • 22 Mar 2016
Usability

3 Principios para Crear una Consistente Experiencia de Usuario a Través de la Navegación

Tutorial • Beginner

¿Estás evaluando un producto digital y no estás seguro por dónde empezar? ¿Quizá necesitas un poco de orientación sobre cómo planificar una experiencia de...

Joel • 21 Mar 2016
Forms

Cómo Hacer Etiquetas de Entrada Flotantes Con Validación HTML 5

Tutorial • Intermediate

TL;DR Remplaza tu validación de JavaScript con validación HtML5 Es mas facil de lo que crees y te da una tonelada de markupcontrol de estilos. Prueba este demo:

Cory Simmons • 15 Mar 2016
Accessibility

Visibilidad y Retroalimentación en el Diseño Web

Tutorial • Beginner

Recientemente Vox, junto con 99% de Invisible, produjeron un cortometraje brillante sobre una puerta en el décimo piso de la oficina de Vox Media. Junto a...

Ian Yates • 10 Mar 2016
Performance

Proyecto AMP: ¿Hará tus sitios más veloces?

Tutorial • Beginner

A partir del 24 de febrero, los resultados de Google han empezado a incluir enlaces a las versiones de páginas móviles creadas usando Accelerated Mobile...

Kezz Bracey • 29 Feb 2016
UX Design

Cómo realizar un inventario de interfaz con InVision

Tutorial • Beginner

Por definición: un inventario es una reunión de elementos registrados en una lista. Este término no es nada nuevo, pero la idea de utilizar este concepto...

Dennis Gaebel • 24 Feb 2016
Prototyping

Trabajando con datos, activos y plantillas en Middleman

Tutorial • Beginner

Este segundo tutorial sobre la creación de sitios web estáticos con Middleman profundiza un poco más en el marco. Al final, debe saber lo suficiente como...

Ed Wassermann • 28 Jan 2016
Prototyping

Cómo configurar un sitio web estático con Middleman

Tutorial • Beginner

Esta es la primera parte de una pequeña serie sobre Middleman, "un generador de sitios estáticos que usa todos los accesos directos y herramientas en el...

Ed Wassermann • 27 Jan 2016
User Testing

Tip Rápido: Como Ejecutar una Sesión de Guerrilla Testing

Tutorial • Beginner

Guerrilla testing es una forma informal de testeo de usuarios, a menudo se ejecuta durante las etapas iniciales de un proyecto para ayudar a informar los...

Andreia Paralta Carqueija • 26 Jan 2016
Design Theory

Por qué debes evitar las combinaciones de colores vibrantes

Tutorial • Beginner

En este breve artículo aprenderás cómo es que la vibración del color afecta a la legibilidad de la interfaz en el contexto del diseño web y del diseño de...

Eli Schiff • 25 Jan 2016
UX Design

Diseñadores Web: ¡Enrollen sus mangas y a dibujar!

Tutorial • Beginner

Vamos a hablar del porqué, como diseñadores web, deberíamos utilizar bolígrafos y lápices más a menudo. Voy a darles algunos consejos, sugerencias de...

Andreia Paralta Carqueija • 21 Jan 2016