Curso de Diseño de Interfaces de Usuario

Creación, testeo y optimización de los elementos UI que permiten a un usuario satisfacer los objetivos con los que llega a nuestra web
Material disponible
Básico
7 Clases 12 h
99€
84€
Precio en promoción
El curso de diseño de Interfaces de Usuario se enfoca en ofrecer al alumno los fundamentos para analizar, entender y construir interfaces optimizadas que multipliquen las posibilidades e interacción entre las personas y cualquier proyecto web.

Que una web o una aplicación funcione correctamente ya no es suficiente, ahora el objetivo es crear un diseño amigo que estimule la participación e interés del usuario.

Qué aprenderé en el Curso de Diseño de Interfaces de Usuario

A lo largo del curso descubrirás todos los secretos del diseño de Interfaces de Usuario gracias a tres profesionales especializados en maquetación, desarrollo frontend, optimización y usabilidad.

El curso está formado por un conjunto de sesiones teóricas y prácticas, realizadas online en tiempo real, en las que el equipo docente explicará, paso por paso, todo aquello que necesitas saber para la creación, testeo y optimización de los elementos UI que forman parte de un proyecto web profesional.

Objetivos del curso

Entre los ejes centrales del curso destacamos la introducción a los conceptos de usabilidad, diseño de interacción y experiencia de usuario o el aprendizaje, organización y testeo del diseño.

Conoceremos casos de estudio de sites/apps que nos permitan entender "in situ" los elementos de usabilidad. Asimismo, estudiaremos qué elementos deben de analizarse para mejorar la transmisión de las ideas y valores de un proyecto al usuario.

Aprenderemos a maquetar optimizando la experiencia de usuario y a crear un código robusto, semántico y estructurado, así como una guía de patrones y de estilos en CSS y HTML que utilizaremos a lo largo de todo el proyecto para ajustarnos a los parámetros dictados por el diseño de la interfaz de usuario.

Qué tengo que saber

Este curso se dirige a diseñadores web, frontends, diseñadores que quieran incursionar en el mundo web así como a todo el que participe en un proyecto web en general. No son necesarios conocimientos previos.

Clases y contenidos

Clases del curso

Diseño UI y UX Gratis
  • Diferencias entre UX y UI
  • Tareas de un diseñador de experiencia de usuario
  • Tareas de un diseñador de interfaces
  • Debes tener en cuenta el UX/UI de tu web/app…. y lo sabes.
  • Usabilidad, journey map, diseño de interacción,prototipo, wireframing… etc.
  • Prototipado:lofi & hifi prototype.
  • Herramientas de prototipado. Ejemplos de uso y ejemplo práctico.
Diseño enfocado a la experiencia de usuario
  • La importancia de conocer tu audiencia
  • ¿Quienes son nuestros clientes y qué queremos ofrecerles en nuestra web?
  • Tu web no es para ti: usabilidad y experiencia de TU usuario.
  • Tipologías de webs por sectores / casos de estudio: Análisis de sites para conocer elementos de usabilidad
  • Página principal y la navegación por el site.
  • Búsqueda.
  • Los procesos de compra.
  • Convirtiendo un formulario en algo agradable
  • Zonas calientes y ergonomía: cómo leemos en la web.
  • El color en la web: aspectos para crear una paleta de colores. La importancia del blanco
  • Call to actions: déjamelo claro.
Estructura de una guía de estilos

¿Qué nos aportan las guías de estilo en el diseño de una Interfaz de usuario?

  • Colores mensajes
  • Tipografías
  • Tamaños encabezados
  • Encabezados secundarios
  • Encabezados con links
  • Párrafos
  • Listas desordenadas
  • Listas ordenadas
  • Cajas de alerta
  • Badges
  • Breadcrumbs
  • Botones en grupo
    • Elementos de formularios
    • Botones de formularios
  • Imágenes
  • Formularios
  • Tablas
  • Logotipo
  • Iconografía
    • Familia tipográfica
    • SVG
  • Preparación del psd
Adobe Experience Design CC

Adobe Experience Design CC la primera herramienta "todo-en-uno" para los diseñadores de UX.

Time to code!
  • Ya sabemos cómo diseñar la atmósfera de diseño, ahora nos centramos en convertirla en código para que quede como una guía definitiva para cualquier desarrollador/diseñador.
    • Crearemos un documento presentable para que sirva de referencia a cualquier persona/perfil que pueda participar del proyecto.
    • Trabajaremos con un sistema de Átomos para a su vez tener un CSS robusto y un HTML semántico y estructurado. Ese código será escalable y podrá crecer sin tener que remodelar nada.
Una guía de estilos lista para usar

Indagaremos en la arquitectura del CSS, en el uso de preprocesadores para sacarle provecho y crear una guía de estilos lista para usar que además de escalable permita crecer al proyecto con la mayor independencia posible, de forma responsive y accesible desde los cimientos.

Complemento

Análisis Diseño Clinic UI

Sesión extra fuera del programa de contenidos del curso en la que se abordan situaciones de la vida profesional de los profesores y sus trabajos, para luego analizar webs de los asistentes en directo. En este vídeo nos adentramos en el diseño de interfaces de usuario, de manera práctica a través de ejemplos. Al comienzo nos dedicamos a analizar un diseño propio de uno de los ponentes y luego analizamos el diseño de sitios web de los asistentes al evento en directo.

Valoraciones

Armando

AURORA RUIZ DE LA FUENTE GARCIA

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete