910 887 138
Presentación Temario Metodología Titulación
Presentación
El Máster en Diseño Web Centrado en el Usuario y Optimización de Experiencia Digital te prepara para destacar en un sector en pleno auge, donde la demanda de profesionales capacitados no deja de crecer. En un mundo digital cada vez más competitivo, la experiencia del usuario es clave para el éxito de cualquier proyecto web. Este máster te ofrece la oportunidad de adquirir habilidades esenciales en usabilidad, experiencia del usuario (UX) y diseño de interfaces (UI), así como conocimientos avanzados en herramientas de diseño como Adobe XD y técnicas de frontend con HTML y CSS. Además, te adentrarás en la programación backend con PHP y JavaScript. Todo ello de forma online, adaptándose a tus necesidades. Participar en este máster te permitirá convertirte en un experto en optimización de experiencias digitales, ampliando tus horizontes profesionales y potenciando tus oportunidades laborales en un mercado en constante evolución.
Para qué te prepara
Este máster te capacita para diseñar sitios web centrados en el usuario, optimizando la experiencia digital mediante técnicas avanzadas de usabilidad y prototipado. Aprenderás a manejar Adobe XD para construir interfaces intuitivas y a integrar HTML, CSS y JavaScript para crear diseños responsivos. Además, dominarás la programación backend con PHP, gestionando bases de datos y procesos de compra online, garantizando una experiencia de usuario fluida y eficiente.
Objetivos
  • '
  • Adquirir habilidades para diseñar interfaces UI centradas en el usuario.
  • Implementar prototipos eficientes usando Adobe XD.
  • Desarrollar webs optimizadas con HTML y CSS avanzados.
  • Aplicar técnicas de diseño gráfico digital en proyectos web.
  • Integrar JavaScript para mejorar la interactividad del sitio.
  • Configurar bases de datos y gestionar datos con PHP.
  • Diseñar experiencias digitales responsivas y accesibles.
A quién va dirigido
El Máster en Diseño Web Centrado en el Usuario y Optimización de Experiencia Digital está dirigido a diseñadores gráficos, desarrolladores web y profesionales del sector digital que buscan profundizar en usabilidad, experiencia de usuario (UX), interfaz de usuario (UI), prototipado con Adobe XD, diseño frontend con HTML y CSS, y programación backend con PHP y JavaScript, para mejorar sus habilidades en diseño web y experiencia digital.
Salidas Profesionales
'- Diseñador de experiencia de usuario (UX) - Especialista en interfaz de usuario (UI) - Diseñador web - Desarrollador frontend con HTML y CSS - Desarrollador backend con PHP y JavaScript - Especialista en diseño responsive - Prototipador digital con Adobe XD - Consultor de usabilidad - Gestor de proyectos digitales - Analista de interacción usuario-sistema
Metodología
Aprendizaje 100% online
Campus virtual
Equipo docente especializado
Centro del estudiante
Temario
  1. Introducción
  2. La usabilidad
  3. Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
  4. Atributos
  5. Complejidad e importancia de la usabilidad
  6. Pirámide de prioridades de la usabilidad
  7. Mejoras de la usabilidad al producto final
  8. Procesos y herramientas
  1. Definición de Experiencia de Usuario
  2. Principios de la Experiencia de Usuario
  3. El papel del diseñador UX en el proceso de creación
  4. Etapas del diseño UX
  5. Técnicas para el diseño UX
  6. Herramientas UX
  1. ¿Qué es el Diseño Centrado en el Usuario?
  2. ¿Para que sirve el Diseño Centrado en el Usuario?
  3. Las metodologías del Diseño Centrado en el Usuario
  4. El marketing centrado en el usuario
  5. Aplicación del Diseño Centrado en el Usuario
  6. Ejemplos del Diseño Centrado en el Usuario
  1. Introducción
  2. Un proceso multidisciplinar
  3. La usabilidad aplicada
  4. El ciclo diseño-investigación
  1. Definición de Interfaz de Usuario - UI
  2. Elementos de la interfaz de Usuario
  3. Optimización de las interfaces de Usuario
  4. Herramientas para el diseño UI
  5. Diseño basado en las percepciones
  6. Fundamentos del diseño de interacción
  7. Moodboards
  8. Qué es el IxD
  1. Introducción a Adobe XD
  2. Instalación y configuraciones principales
  3. Menú Herramientas
  4. Generación de Artboards y guía
  5. Ejercicios
  1. Formas: creación, modificación, colores, gradiantes y paletas
  2. Textos: propiedades, línea o área, alineación, color y estilos
  3. Imágenes y exportación: importanción, modificaciones y exportación de artboards
  4. Ejercicios
  1. Organización de capas nombres y grupos
  2. Bloqueo y fusión
  3. Tipos de máscaras y aplicación en proyectos
  4. Ejercicios
  1. Alineación de elementos, márgenes y distribución de formas
  2. Funcionalidad de repetición
  3. Aplicación y configuración de componentes
  4. Ejercicios
  1. Creación y aplicación
  2. Diseño de páginas
  3. Prototipo
  4. Adaptación a mobile
  5. Ejercicios
  1. Constantes y variables de una interfaz
  2. Header, footer y menú
  3. Botones y galerías
  4. Ejercicios
  1. Breve historia del diseño
  2. Comunicación y publicidad
  3. Teoría de la percepción
  4. Elementos básicos que intervienen en el diseño
  5. La composición
  6. Fases del diseño
  7. Diseño impreso
  8. Diseño digital
  1. Interacción
  2. Espacio fluido, entorno cambiante
  3. Cambio de las limitaciones físicas por limitaciones técnicas
  4. Contexto indefinido Dispositivos
  5. Tipografías
  6. Unidades de medida
  7. Color RGB
  8. Editar es posible
  1. Tipografía
  2. Color
  3. Formas
  4. Imágenes
  5. Contenido audiovisual
  6. Efectos (Sombras, d, flat y otros)
  1. Bitmaps Imágenes rasterizadas
  2. Vectores
  3. Convertir imágenes de vectorial a bitmap y viceversa
  1. Rejilla
  2. Composición
  3. Elementos
  4. Espacios vacíos
  5. Coherencia y consistencia
  1. Aproximación e investigación inicial
  2. Bocetos
  3. Planificación
  1. El ordenador: hardware y software
  2. Orígenes del diseño gráfico por ordenador
  3. Software de diseño gráfico
  1. Planteamiento inicial
  2. Métodos de trabajo
  3. Prototipos conceptuales
  4. Análisis de requerimientos
  5. Arquitectura de la información
  6. Los usuarios
  7. La accesibilidad
  8. El contenido
  9. Métodos para trabajar con el contenido
  10. Resolución de conflictos
  1. Qué es un prototipo
  2. Ventajas y recomendaciones
  3. Métodos de prototipado
  4. Mapas de navegación
  5. La interacción
  1. Conceptos básicos
  2. Área de trabajo
  3. Paneles y menús
  4. Herramientas de selección
  5. Herramientas de dibujo y edición
  6. Herramientas de retoque y transformación
  7. Capas
  8. Texto
  9. Herramientas de dibujo
  10. Reglas, acciones, filtros y canales
  11. Transformar imágenes y gráficos web
  1. Introducción
  2. Entornos de Desarrollo
  3. Navegadores
  1. Introducción HTML
  2. ¿Cómo creamos documento HTML?
  3. Características básicas
  1. Introducción
  2. Versión HTML
  3. HTML
  4. Head
  5. Body
  1. Textos en HTML
  2. Enlaces
  3. Listas en HTML
  4. Imágenes y objetos
  5. Tablas
  6. Formularios
  7. Marcos
  8. Estructuras y layout
  9. Otras etiquetas
  1. Audio
  2. Video
  3. Animaciones
  1. ¿Qué es la Metainformación?
  2. Accesibilidad
  3. Validación
  1. Introducción CSS
  2. Soporte de CSS en navegadores
  3. Especificación oficial
  4. Funcionamiento básico de CSS
  5. ¿Cómo incluir CSS en la Web?
  6. Estilo básico
  7. Medios CSS
  8. Comentarios
  9. Sintaxis de la definición
  1. Selectores CSS
  2. Unidades de medida
  3. Colores
  1. Pseudoclases
  2. Pseudo-elementos
  3. Otras pseudoclases y pseudoelementos
  1. Modelo de cajas
  2. Propiedades de las cajas
  3. Margen, relleno, bordes y modelo de cajas
  4. Posicionamiento y visualización
  5. Posicionamiento
  6. Visualización
  1. En qué cosiste
  2. Visualización: Display
  3. Contenedores flexibles: flex e inline-flex
  4. Orientación: flex-box, flex-direction y flex-wrap
  5. La propiedad order
  6. Alineación de los elementos flexibles
  7. Soporte de los navegadores
  1. Introducción
  2. Keyframes
  3. Subpropiedades de animación
  4. Iteración
  5. Curvas de animación
  6. Propiedades animables
  1. Crear y vincular hojas de estilos
  2. Estructura
  3. Propiedades Css
  4. Selectores
  5. Posición y tamaño
  6. Texto
  7. Imágenes
  8. Listas, tablas, formularios
  1. Qué es un preprocesador CSS
  2. Less
  3. Sass
  1. Introducción
  2. Definición de Diseño Web Responsive
  3. ¿En qué consiste el diseño responsive?
  4. Ventajas del diseño responsive
  5. SEO y diseño responsive
  1. Introducción
  2. Programación del lado del cliente
  3. Programación del lado del Servidor
  4. ¿Qué utilizaremos?
  5. ¿Qué necesita saber?
  6. Nuestro primer ejemplo
  1. La etiqueta SCRIPT
  2. Contenido Alternativo
  3. Variables
  4. Tipos de Datos
  5. Operadores
  6. Cuadros de diálogo
  1. Introducción
  2. Estructuras de decisión
  3. Estructuras lógicas
  4. Estructuras de repetición
  5. Definir funciones
  6. Llamadas a funciones
  7. Ámbito de las variables
  1. Introducción
  2. La jerarquía de objetos
  3. Propiedades y Eventos
  4. Métodos
  1. ¿Qué es un URL?
  2. El Objeto Location
  3. Redirigir a otra página
  4. El Objeto History
  1. Introducción
  2. La propiedad Title
  3. Los colores de la página
  4. El método write
  5. El conjunto images
  1. Formularios HTML
  2. El conjunto forms
  3. La propiedad elements
  4. Validar la información
  5. ¿Cuándo realizar la validación?
  6. Tipos de Validación
  1. El conjunto frames
  2. El objeto navigator
  3. El objeto screen
  1. Introducción
  2. Obtener el paquete XAMPP
  3. Instalar el paquete XAMPP
  4. Apache y MySQL como servicios
  5. La directiva register_globals
  6. Ejercicio práctico
  1. ¿Cómo funcionan las páginas PHP?
  2. Crear un alias en apache
  3. La página principal
  4. Ejercicio práctico
  1. Las etiquetas PHP
  2. Variables
  3. Tipos de datos
  4. Constantes
  5. Ejercicio práctico
  1. Arrays
  2. Estructuras de repetición
  3. Estructuras de decisión
  4. Combinar estructuras
  5. Arrays Asociativos
  6. El bucle foreach
  7. Arrays Multidimensionales
  8. Ejercicio práctico
  9. Ejercicio práctico
  1. Introducción
  2. Crear Funciones
  3. Llamar a una función
  4. Paso de parámetros
  5. Parámetros por defecto
  6. Ejercicio práctico
  1. Ámbito de las variables
  2. Variables estáticas
  3. Uso de include y require
  4. Incluir solo una vez
  5. Seguridad de los archivos incluidos
  6. Ejercicio práctico
  1. Introducción
  2. Clases
  3. Propiedades
  4. Métodos
  5. Visibilidad
  6. Crear Objetos
  7. Destructores
  8. Ejercicio práctico
  9. Ejercicio práctico
  1. Presentación
  2. Crear subclases
  3. Crear objetos de las subclases
  4. Sobrescribir métodos
  5. El acceso protected
  6. Ejercicio práctico
  1. Introducción
  2. El array $_GET
  3. El array $_POST
  4. Recogerlos en una página distinta
  5. Recogerlos en la misma página
  6. Entradas requeridas
  7. Ejercicio práctico
  8. Ejercicio práctico
  1. Expresiones regulares
  2. Limpiando la información
  3. Comprobando el formulario de origen
  4. Ejercicio práctico
  1. Introducción
  2. Crear cookies
  3. Caducidad de la cookies
  4. Dependencia del navegador
  5. Características de los cookies
  6. ¿Qué es una sesión?
  7. El array $_SESSION
  8. La función od_start() y od_clean()
  9. Finalizar la sesión
  10. El identificador de la sesiones
  11. ¿Dónde se almacena la información?
  12. Ejercicio práctico
  13. Ejercicio práctico
  1. Introducción
  2. Crear el archivo
  3. Escribir en el archivo
  4. Leer de un archivo
  5. Ejercicio práctico
  1. Errores
  2. Excepciones
  3. Ejercicio práctico
  4. Ejercicio práctico
  1. MySql
  2. Contraseña para el root
  3. Extensión mysqli
  4. PHPMyAdmin
  5. Administración de usuarios
  6. Ejercicio práctico
  1. Tipos de tablas en MySQL
  2. Crear tablas
  3. Relaciones uno a muchos
  4. Relaciones muchos a muchos
  5. SQL
  6. Acceder a la base de datos
  7. Establecer la conexión
  8. Mostrar los datos en una tabla
  9. Cerrar la conexión
  10. Ejercicio práctico
  11. Ejercicio práctico
  12. Ejercicio práctico
  1. Ordenar el resultado
  2. Dividir el resultado en páginas
  3. Consultas preparadas
  4. Ejercicio práctico
  1. La página de login
  2. La página de registro
  3. Asegurar la confidencialidad
  4. Ejercicio práctico
  1. Introducción
  2. Modificar listaproductosphp
  3. La página comprarphp
  4. Identificar al cliente
  5. La página carritocompraphp
  6. Confirmar el pedido
  7. La página de desconexión
  8. Migrar el carrito de la compra
  9. Ejercicio práctico
  10. Ejercicio práctico
  1. Introducción
  2. ¿Qué vamos a hacer?
  3. Construir la estructura HTML
  1. Introducción
  2. Tipos de Formas de Pago
  3. Contrareembolso
  4. Transferencia Bancaria
  5. Domiciliación Bancaria
  6. Tarjetas Bancarias
  7. Tarjetas de Comercio
  8. Paypal
  9. ¿Qué Formas de Pago Utilizaremos?
  10. Modificando la Interfaz de Nuestra Tienda
  11. Modificando nuestra base de datos
  12. Modificando el Código Anterior
  13. Implementando el Contrareembolso
  14. Implementando la transferencia
  15. Implementando el Paypal
  1. Archivos para las prácticas de PHP
Titulación
Titulación de Máster en Diseño Web Centrado en el Usuario y Optimización de Experiencia Digital con 1500 horas expedida por EDUCA BUSINESS SCHOOL como Escuela de Negocios Acreditada para la Impartición de Formación Superior de Postgrado, con Validez Profesional a Nivel Internacional
INFÓRMATE SIN COMPROMISO

Cargando...

Se envió su solicitud correctamente.

Completa los campos obligatorios.

¡

Entidades colaboradoras

Logo Educa Logo educa edtech
Logo QS
Aviso Legal Política de Privacidad Condiciones de matriculación Política de Cookies Canal de denuncias