Especialista en UX / UI

El diseño UX/UI constituye gran parte del presente y el futuro de las disciplinas de diseño: cada día se multiplican los tipos de dispositivos para los que tenemos que crear diseños, en su mayoría interactivos.

Además de un enfoque profesional, el curso se centrará en el conocimiento de los procesos técnicos y teóricos, además del manejo de software para la creación de interfaces. Todo ello, sin dejar de lado la parte creativa de esta disciplina del diseño.

El objetivo de este curso es preparar al alumnado para enfrentarse al diseño en entornos digitales, y que sea capaz de ofrecer soluciones de diseño válidas y fundamentadas en el desarrollo de aplicaciones web a través del trabajo práctico.

El curso se fundamenta en el aprendizaje del programa Figma.

Punto de partida

  • Qué es usabilidad.
  • Qué es User Experience.
  • Qué es User Interface.
  • Perfiles en el flujo de trabajo.
  • Fases de diseño de un proyecto web.

Design Thinking

  • Principios y fases.
  • Definir las necesidades del usuario, problema y conocimientos.
  • Metodología y terminología.
  • Planificación y estimaciones de un proyecto.

Planificación UX

  • Research.
  • Metodología y terminología.
  • Técnicas para el cliente y producto.
  • Técnicas para la competencia.
  • Técnicas con usuarios (entrevistas, encuestas, focus groups…).
  • Mapa de sitio y jerarquía de contenidos.
  • Tipos y procesos del prototipado.

UI Design con Figma

  • Psicología UX aplicada a UI.
  • Leyes UX y principios fundamentales del diseño de interfaces web.
  • Tipos de layouts y estructuras de contenido.
  • Tipografía, usos y limitaciones técnicas.
  • Uso del color.
  • Legibilidad.
  • Jerarquía visual.
  • Diseño web responsive.
  • Diferencias entre los dispositivos y los navegadores.
  • Qué es el viewport.
  • Sistemas de grid y frameworks.
  • Principales bloques de contenido en la UI según su localización.
  • Símbolos, variants y autolayout.
  • Trabajo con librerías.
  • Uso de plugins.

Diseño de interacción

  • Identificar los distintos componentes interactivos de una web.
  • Crear componentes animados en Figma.
  • Motion UI.
  • Prototipado interactivo.
  • Cuestiones técnicas en la interacción que afectan a nuestro diseño.

Procesos de publicación de una web

  • Qué es HTML.
  • Qué es CSS.
  • Qué es JavaScript.
  • Qué son los open source como WordPress.
  • Qué es ReactJS.
  • Cómo comunicarnos con el equipo de desarrollo.
  • Metodologías y terminología.
  • Cómo se publica una web.

Empaquetado de un proyecto UI

  • Crear un sistema de diseño.
  • Formas de compartir el prototipo.
  • Presentación en equipos o clientes directos.
  • Empaquetar archivos y preparar elementos para desarrollo.
  • Ideas para portfolio de UI.

Proyecto final

Durante el curso se realizarán prácticas especializadas para comprender cada una de los procesos y componentes que forman parte del desarrollo de un proyecto profesional para una web comercial.


Como proyecto final se desarrolla el diseño integral de una web a partir del briefing de cliente. Podréis incluir en vuestro portfolio un proyecto completo con el que empezar a trabajar.

Requisitos para la obtención del título

Para finalizar el Curso de Especialista y obtener el título correspondiente, el alumnado deberá efectuar con éxito la entrega del proyecto final indicado por el profesorado. Se trata de una titulación propia de La Hauss.