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.
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.
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.
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
Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
Atributos
Complejidad e importancia de la usabilidad
Pirámide de prioridades de la usabilidad
Mejoras de la usabilidad al producto final
Procesos y herramientas
Definición de Experiencia de Usuario
Principios de la Experiencia de Usuario
El papel del diseñador UX en el proceso de creación
Etapas del diseño UX
Técnicas para el diseño UX
Herramientas UX
¿Qué es el Diseño Centrado en el Usuario?
¿Para que sirve el Diseño Centrado en el Usuario?
Las metodologías del Diseño Centrado en el Usuario
El marketing centrado en el usuario
Aplicación del Diseño Centrado en el Usuario
Ejemplos del Diseño Centrado en el Usuario
Introducción
Un proceso multidisciplinar
La usabilidad aplicada
El ciclo diseño-investigación
Definición de Interfaz de Usuario - UI
Elementos de la interfaz de Usuario
Optimización de las interfaces de Usuario
Herramientas para el diseño UI
Diseño basado en las percepciones
Fundamentos del diseño de interacción
Moodboards
Qué es el IxD
Introducción a Adobe XD
Instalación y configuraciones principales
Menú Herramientas
Generación de Artboards y guía
Ejercicios
Formas: creación, modificación, colores, gradiantes y paletas
Textos: propiedades, línea o área, alineación, color y estilos
Imágenes y exportación: importanción, modificaciones y exportación de artboards
Ejercicios
Organización de capas nombres y grupos
Bloqueo y fusión
Tipos de máscaras y aplicación en proyectos
Ejercicios
Alineación de elementos, márgenes y distribución de formas
Funcionalidad de repetición
Aplicación y configuración de componentes
Ejercicios
Creación y aplicación
Diseño de páginas
Prototipo
Adaptación a mobile
Ejercicios
Constantes y variables de una interfaz
Header, footer y menú
Botones y galerías
Ejercicios
Breve historia del diseño
Comunicación y publicidad
Teoría de la percepción
Elementos básicos que intervienen en el diseño
La composición
Fases del diseño
Diseño impreso
Diseño digital
Interacción
Espacio fluido, entorno cambiante
Cambio de las limitaciones físicas por limitaciones técnicas
Contexto indefinido Dispositivos
Tipografías
Unidades de medida
Color RGB
Editar es posible
Tipografía
Color
Formas
Imágenes
Contenido audiovisual
Efectos (Sombras, d, flat y otros)
Bitmaps Imágenes rasterizadas
Vectores
Convertir imágenes de vectorial a bitmap y viceversa
Rejilla
Composición
Elementos
Espacios vacíos
Coherencia y consistencia
Aproximación e investigación inicial
Bocetos
Planificación
El ordenador: hardware y software
Orígenes del diseño gráfico por ordenador
Software de diseño gráfico
Planteamiento inicial
Métodos de trabajo
Prototipos conceptuales
Análisis de requerimientos
Arquitectura de la información
Los usuarios
La accesibilidad
El contenido
Métodos para trabajar con el contenido
Resolución de conflictos
Qué es un prototipo
Ventajas y recomendaciones
Métodos de prototipado
Mapas de navegación
La interacción
Conceptos básicos
Área de trabajo
Paneles y menús
Herramientas de selección
Herramientas de dibujo y edición
Herramientas de retoque y transformación
Capas
Texto
Herramientas de dibujo
Reglas, acciones, filtros y canales
Transformar imágenes y gráficos web
Introducción
Entornos de Desarrollo
Navegadores
Introducción HTML
¿Cómo creamos documento HTML?
Características básicas
Introducción
Versión HTML
HTML
Head
Body
Textos en HTML
Enlaces
Listas en HTML
Imágenes y objetos
Tablas
Formularios
Marcos
Estructuras y layout
Otras etiquetas
Audio
Video
Animaciones
¿Qué es la Metainformación?
Accesibilidad
Validación
Introducción CSS
Soporte de CSS en navegadores
Especificación oficial
Funcionamiento básico de CSS
¿Cómo incluir CSS en la Web?
Estilo básico
Medios CSS
Comentarios
Sintaxis de la definición
Selectores CSS
Unidades de medida
Colores
Pseudoclases
Pseudo-elementos
Otras pseudoclases y pseudoelementos
Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización
En qué cosiste
Visualización: Display
Contenedores flexibles: flex e inline-flex
Orientación: flex-box, flex-direction y flex-wrap
La propiedad order
Alineación de los elementos flexibles
Soporte de los navegadores
Introducción
Keyframes
Subpropiedades de animación
Iteración
Curvas de animación
Propiedades animables
Crear y vincular hojas de estilos
Estructura
Propiedades Css
Selectores
Posición y tamaño
Texto
Imágenes
Listas, tablas, formularios
Qué es un preprocesador CSS
Less
Sass
Introducción
Definición de Diseño Web Responsive
¿En qué consiste el diseño responsive?
Ventajas del diseño responsive
SEO y diseño responsive
Introducción
Programación del lado del cliente
Programación del lado del Servidor
¿Qué utilizaremos?
¿Qué necesita saber?
Nuestro primer ejemplo
La etiqueta SCRIPT
Contenido Alternativo
Variables
Tipos de Datos
Operadores
Cuadros de diálogo
Introducción
Estructuras de decisión
Estructuras lógicas
Estructuras de repetición
Definir funciones
Llamadas a funciones
Ámbito de las variables
Introducción
La jerarquía de objetos
Propiedades y Eventos
Métodos
¿Qué es un URL?
El Objeto Location
Redirigir a otra página
El Objeto History
Introducción
La propiedad Title
Los colores de la página
El método write
El conjunto images
Formularios HTML
El conjunto forms
La propiedad elements
Validar la información
¿Cuándo realizar la validación?
Tipos de Validación
El conjunto frames
El objeto navigator
El objeto screen
Introducción
Obtener el paquete XAMPP
Instalar el paquete XAMPP
Apache y MySQL como servicios
La directiva register_globals
Ejercicio práctico
¿Cómo funcionan las páginas PHP?
Crear un alias en apache
La página principal
Ejercicio práctico
Las etiquetas PHP
Variables
Tipos de datos
Constantes
Ejercicio práctico
Arrays
Estructuras de repetición
Estructuras de decisión
Combinar estructuras
Arrays Asociativos
El bucle foreach
Arrays Multidimensionales
Ejercicio práctico
Ejercicio práctico
Introducción
Crear Funciones
Llamar a una función
Paso de parámetros
Parámetros por defecto
Ejercicio práctico
Ámbito de las variables
Variables estáticas
Uso de include y require
Incluir solo una vez
Seguridad de los archivos incluidos
Ejercicio práctico
Introducción
Clases
Propiedades
Métodos
Visibilidad
Crear Objetos
Destructores
Ejercicio práctico
Ejercicio práctico
Presentación
Crear subclases
Crear objetos de las subclases
Sobrescribir métodos
El acceso protected
Ejercicio práctico
Introducción
El array $_GET
El array $_POST
Recogerlos en una página distinta
Recogerlos en la misma página
Entradas requeridas
Ejercicio práctico
Ejercicio práctico
Expresiones regulares
Limpiando la información
Comprobando el formulario de origen
Ejercicio práctico
Introducción
Crear cookies
Caducidad de la cookies
Dependencia del navegador
Características de los cookies
¿Qué es una sesión?
El array $_SESSION
La función od_start() y od_clean()
Finalizar la sesión
El identificador de la sesiones
¿Dónde se almacena la información?
Ejercicio práctico
Ejercicio práctico
Introducción
Crear el archivo
Escribir en el archivo
Leer de un archivo
Ejercicio práctico
Errores
Excepciones
Ejercicio práctico
Ejercicio práctico
MySql
Contraseña para el root
Extensión mysqli
PHPMyAdmin
Administración de usuarios
Ejercicio práctico
Tipos de tablas en MySQL
Crear tablas
Relaciones uno a muchos
Relaciones muchos a muchos
SQL
Acceder a la base de datos
Establecer la conexión
Mostrar los datos en una tabla
Cerrar la conexión
Ejercicio práctico
Ejercicio práctico
Ejercicio práctico
Ordenar el resultado
Dividir el resultado en páginas
Consultas preparadas
Ejercicio práctico
La página de login
La página de registro
Asegurar la confidencialidad
Ejercicio práctico
Introducción
Modificar listaproductosphp
La página comprarphp
Identificar al cliente
La página carritocompraphp
Confirmar el pedido
La página de desconexión
Migrar el carrito de la compra
Ejercicio práctico
Ejercicio práctico
Introducción
¿Qué vamos a hacer?
Construir la estructura HTML
Introducción
Tipos de Formas de Pago
Contrareembolso
Transferencia Bancaria
Domiciliación Bancaria
Tarjetas Bancarias
Tarjetas de Comercio
Paypal
¿Qué Formas de Pago Utilizaremos?
Modificando la Interfaz de Nuestra Tienda
Modificando nuestra base de datos
Modificando el Código Anterior
Implementando el Contrareembolso
Implementando la transferencia
Implementando el Paypal
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
Ir al contenido 
Optimized by Seraphinite Accelerator