Lleva tu carrera a otro nivel por menos de 1 dólar al día.

Diseño de Interfaces (UI)
Ruta de aprendizaje

Diseño de Interfaces (UI)

Es el área del diseño que se enfoca en la parte visual de un producto digital. Permite crear interfaces intuitivas, usables, interactivas e impactantes.
El diseño de interfaces te permitirá conocer y encontrar qué patrones de diseño son los mejores para cumplir las expectativas que tienen tus usuarios al usar un producto, logrando una mejor UX.

Contáctanos para saber más

Aprende sobre Diseño de Interfaces (UI)
Fundamentos básicos de Diseño de Interfaz

Fundamentos básicos de Diseño de Interfaz

Básico
Básico
Curso de Introducción al Diseño

Curso de Introducción al Diseño

Curso de Design Thinking con Minds Garage

Curso de Design Thinking con Minds Garage

Cómo ser un Product Designer por Aerolab

Cómo ser un Product Designer por Aerolab

Introducción al Diseño de Prototipos

Introducción al Diseño de Prototipos

Protipo Platzi Music Player

Principios y herramientas de UI

Principios y herramientas de UI

Intermedio
Intermedio
Curso Básico de Photoshop

Curso Básico de Photoshop

Curso de Photoshop para Diseño de Interfaces

Curso de Photoshop para Diseño de Interfaces

Curso de Arquitectura de la Información con Usaria

Curso de Arquitectura de la Información con Usaria

Curso de Diseño de Interfaces

Curso de Diseño de Interfaces

Curso de Diseño de Interfaces Móviles

Curso de Diseño de Interfaces Móviles

Crea una App de itinerario de viajes

Herramientas útiles para después después de diseñar

Herramientas útiles para después después de diseñar

Avanzado
Avanzado
Curso de Sistemas de Diseño

Curso de Sistemas de Diseño

Curso de Sistemas de Diseño para Desarrolladores

Curso de Sistemas de Diseño para Desarrolladores

Curso de Ilustración Digital con Vectores

Curso de Ilustración Digital con Vectores

Curso de Ilustración para Productos Digitales

Curso de Ilustración para Productos Digitales

Curso de Copywriting para Plataformas Digitales

Curso de Copywriting para Plataformas Digitales

Curso de Desarrollo Web Online

Curso de Desarrollo Web Online

Crea tu primer sistema de diseño

Una mejor UI mejora tu producto

¿Te has puesto a pensar que te hace elegir entre alguna aplicación, servicio o producto entre miles de opciones parecidas?

La respuesta más común es el equilibrio de los beneficios obtenidos respecto a lo que pagamos y más que una decisión de negocio, esa percepción se logra gracias a buenas decisiones de diseño.

El diseño busca más lo funcional que lo estético, porque si bien algo puede ser visualmente impecable, si no cubrimos las expectativas de nuestros usuarios respecto a nuestro producto, nuestro producto no será exitoso.

Diseñar esa interfaz puede ir desde una decisión de color, la forma de los iconos, tipografía, botones, formularios, y hasta sonidos, tal como una notificación de Facebook (Sabemos que recuerdas los sonidos de Facebook).

Con el curso de diseño de interfaces y todos los contenidos que tenemos sobre cursos de UI de esta ruta de aprendizaje, poco a poco vas a lograr ver y entender esos pequeños detalles que hacen que los usuarios amen los productos que usan día a día.

¿Qué habilidades desarolla un diseñador UI?

  • Guía al usuario a cumplir las metas que esperan de tu producto
  • Conoce los patrones de diseño adecudos para cada caso de uso
  • Transmite la estetica de la marca en el producto a ejecutar
  • Mide el impacto de cada decisión de interfaz
  • Se encarga de entender los fundamentos de diseño convencionales y aplicarlos a la creación de interfaces con las que interactuan nuestros usuarios.
  • Crea prototipos lo más cercano al producto final

Por lo tanto, si están pensando en que momento de tu desarrollo debería involucrar a un diseñador te puedo decir que desde el inicio, ya que:

El diseño de interfaz es tan importante como la parte técnica.

Ejemplos de como hacer una mejor interfaz

Ahora pongamos algunos ejemplos que un diseñador de interfaz enfrenta día y día y que hacen la diferencia.

1. La importancia del tamaño de un botón

En la siguiente imagen vemos 2 interfaces muy similares, pero tamaños de botón distintos.

Captura de pantalla 2019-03-14 a la(s) 11.05.34 p. m..png

Ese gran detalle hace que la experiencia sea totalmente distinta, ya que el botón más largo va a ser más fácil de clickear sin importar en parte de la pantalla te encuentres, por lo tanto, estás facilitando al usuario a realizar una acción y esa acción puede ser tan importante como por ejemplo una venta.

2. Menos pero mejor

Otro ejemplo es que llegamos a pensar que entre más “completa” sea la interfaz, mejor va a ser, pero no es así, por ejemplo:

Captura de pantalla 2019-03-14 a la(s) 11.06.44 p. m..png

Entre más opciones pongamos al tiempo al usuario, más difícil va a ser que tome alguna decisión, es por eso es mejor ser general y luego especifico, adelantarnos a acciones de los usuarios y por supuesto tener menos, pero mejor.

3. Diseña pensando en el usuario

Por último pongamos un ejemplo donde no existe en sí un problema critico de interfaz, pero donde nos enfocamos en ser empáticos con el usuario:

Captura de pantalla 2019-03-14 a la(s) 11.07.03 p. m..png

En promedio el ser humano tiene la posibilidad de mantener en memoria entre 7 a 9 cosas al tiempo, es por eso que en muchos “feeds” de redes sociales como Twitter o Facebook no ves más de esas cantidad de elementos.

Esto lo hacen para que el contenido que consumas tenga toda tu atención y no te sientas agobiado de tanta información.

Estos ejemplos son parte de algo llamado “Leyes de UX”. Y justamente a medida que crecen la complejidad de los productos, encontramos nuevas soluciones a esos casos de uso, por lo que el proceso de diseño es iterativo y nunca termina, y por supuesto, esto será algo constante en cualquier curso de UI.

Porque como en el segundo ejemplo, todos queremos ser como Google y pocos recuerdan a Altavista.

¡Prueba la suscripción de Platzi!, con ella tendrás acceso a toda la ruta de aprendizaje, incluyendo todos los cursos que hemos lanzado y actualizaciones constantes de los mismos.

Además ¡No te pierdas nuestros lanzamientos! y sesiones en vivo. Cada semana tenemos contenido para que nunca pares de aprender.

Glosario

Glosario

Patrones de diseño: Son elementos reusables que ayudan a los diseñadores a crear soluciones viables para problemas de usabilidad comunes. Algunos de estos resultaron tan eficientes que se volvieron guías que incorporan las mejores prácticas de diseño

Sketch ( Sketch App ): Herramienta de edición de gráficos vectoriales especializado en la creación interfaces

Prototipo: Representación funcional de un producto digital con el propósito de poder testearlo antes de pasar a la etapa de desarrollo

Adobe XD: Programa vectorial de Creative Cloud especializado en la creación de interfaces, wireframes y prototipos

Interface: En algunos lenguajes de programación es un tipo de “clase” que está enfocada en la reutilización de acciones o métodos entre familias (jerarquía padre-hijo de la herencia). En experiencia de usuario representa el punto de contacto entre usuario y máquina o elemento análogo.

Aprende de los mejores

Misael León

Misael León

Product Designer en Nearsoft

@misaello
Emiro Arrieta

Emiro Arrieta

Diseñador e Ilustrador en Platzi

@EmiroArrietag
Leonidas Esteban

Leonidas Esteban

Frontend Chapter Lead en Grow

@LeonidasEsteban
María Isabel Murillo

María Isabel Murillo

Directora general en Usaria

@MariaIsabelMC
Rulótico González

Rulótico González

Co Founder en Sable Digital Studio

@rulotico
Stephanie Speranza

Stephanie Speranza

Consultora en Minds Garage

Rutas relacionadas para complementar tu aprendizaje

Digital Product Design
Ruta de aprendizaje

Digital Product Design

Intermedio
Con la ruta de aprendizaje en Diseño de Productos Digitales podrás conocer los procesos de la cadena de producción e implementar las herramientas y tecnologías.
Diseño Gráfico
Ruta de aprendizaje

Diseño Gráfico

Intermedio
Aprende las bases del diseño gráfico y domina herramientas como Photoshop e Illustrator. Crea diseños publicitarios, ilustraciones y branding.
Diseño de Experiencia de Usuario (UX Design)
Ruta de aprendizaje

Diseño de Experiencia de Usuario (UX Design)

Básico
Aborda los problemas desde la perspectiva de los usuarios, identifica oportunidades de mejora y crea soluciones innovadoras que perduren en el tiempo.

¿Qué estás esperando?

Empieza a estudiar ahora y asegura tu futuro