CURSO SUPERIOR EN DISEÑO UX Y MAQUETACIÓN WEB
Clases presenciales
y on-live
- 300 horas lectivas
- Un ordenador por alumno
- Grupos reducidos
- Certificación al finalizar el curso
¿Qué aprenderé?
- Habilidades de análisis y diseño visual para UX y UI
- Las claves del diseño de interacción para generar buenas experiencias de usuario
- Definir el diseño y la usabilidad de una página web
- FIGMA para diseñar prototipos interactivos y de alta fidelidad
- Gestión y planificación de proyectos
- Flujo de trabajo responsive design y mobile first
- Crear sitios web con los estándares actuales HTML
- Maquetar con las mejores prácticas en CSS
- Iniciación a la programación en JavaScript, PHP y SQL
Comienzo y horarios
Acerca de este Curso
Este curso está centrado en la especialización en diseño de experiencia de usuario (UX), diseño de interfaz (UI) y maquetación web.
El análisis y la investigación de UX de calidad es uno de los aspectos más importantes del desarrollo de un nuevo producto o la mejora de uno existente. Con este curso pretendemos preparar e impulsar profesionales para los nuevos empleos en la economía digital.
La dinámica del curso se basa en la práctica con varios ejercicios, donde plantearemos desde la ideación y el mapeo del sitio en papel y lápiz, pasando a la creación de prototipos digitales interactivos y terminando desarrollando y maquetando finalmente webs listas para publicar.
Investiga, diseña y define estrategias de mejora en experiencia de usuario y plasma el resultado en una web real
Explorando la parte más técnica
Pensado en futuros profesionales, en este curso aprenderás el modo correcto de maquetación de contenido en HTML, a controlar la capa de decoración y efectos visuales con CSS y el uso de JavaScript para la funcionalidad añadida.
También añadimos una introducción a la programación en PHP y al sistema gestor de base de datos MySQL para iniciarte en la creación de aplicaciones web dinámicas.
Cuando completes este curso, habrás obtenido las habilidades necesarias para planificar una correcta experiencia de usuario en productos digitales y sobre todo tener un amplio conocimiento en diseño de interacción, diseño de interfaz, accesibilidad y maquetación web.
Perfil del alumno
Este curso es ideal para toda persona que quiera profesionalizarse en el entorno del diseño de interacción (UX, UI), en el desarrollo y en la maquetación de los contenidos de proyectos web.
También para quien cuenta con algo de experiencia en diseño gráfico o visual y quiere controlar todas las fases en el desarrollo de aplicaciones web.
Igualmente, para profesionales digitales que buscan ampliar sus conocimientos en diseño de interfaz centrado en el usuario e ir un paso más adquiriendo el resto de habilidades técnicas.
No se requieren conocimientos previos de programación.
Temario
- Fundamentos del diseño de UX
- Casos de estudio: buenos y malos ejemplos
- Briefing: hacer buenas preguntas para determinar la estrategia
- Motivaciones y necesidades de los usuarios al entrar en nuestra página web
- UX Writer
- Definir la Voz y el Tono
- Textos breves, claros y útiles
- Texto de la interfaz: desde un botón hasta mensajes de error
- Arquitectura de la Información y flujos de navegación
- Jerarquía del contenido y patrones de lectura
- Metodologías: Tree testing y Card Sorting
- Gestión y planificación de proyectos
- Proceso de trabajo: de wireframes a prototipos de alta fidelidad
- Elementos clave para el diseño de una interfaz de usuario clara, consistente e intuitiva
- Estrategias para el diseño de la página de inicio.
- Herramientas de prototipado
- Desarrollo de la web
- Flujo de trabajo responsive design y mobile first.
- Tecnologías que hacen que la web funcione: HTML, CSS, JavaScript, lenguajes del lado del servidor y bases de datos
- Relación entre diseño y programación: lo importante que es saber programar
- Testeo del sitio en diferentes dispositivos y navegadores
- Frameworks frontend y otros recursos
- HTML
- Primeros pasos en HTML
- Web semántica
- Etiquetas básicas: encabezados, imágenes, listas...
- Atributos, valores, microdatos
- CSS
- Estructura de las reglas CSS
- Sintaxis, unidades, selectores
- Media queries
- Metódos de trabajo: BEM, ITCSS
- Preprocesadores css: Less, Sass, PostCSS.
- JavaScript
- Aspectos básicos de JavaScript
- Manipulando el DOM
- Funciones y eventos
- Librerias y otros recursos
- Iniciación a la programación en PHP
- Conceptos básicos
- Uso de variables
- Operadores lógicos, unitarios y de asignación
- Controlar la ejecución del código: If..else..elseif, switch y exit
- Ciclos: for, do-while, y while
- Manejo de formularios
- PHPMyAdmin
- Creación de la Base de datos
- Acceso y operaciones a base de datos