©2024 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
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
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
Objetivos del curso
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
- 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.
- 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.
¿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 la primera herramienta "todo-en-uno" para los diseñadores de UX.
- 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.
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
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.