Master en Usabilidad y Diseño Web
practicas
Prácticas Garantizadas
convocatoria
Convocatoria Abierta
modalidad
Online
duracion
1500 H
precio
1895 EUR 1516 EUR
practicas
Prácticas
Garantizadas
convocatoria
Convocatoria
Abierta
Las acciones formativas de INESEM tienen modalidad online
Modalidad
Online
Duración de las acciones formativas de INESEM
Duración
1500 H
BECA 20 %
Precio: 1895 EUR AHORA: 1516 EUR
Hasta el 14/04/2024
¡Puedes fraccionar tus pagos cómodamente!

Cuota

1516 €
350 €/primer mes
Resto de plazos: 1166 €/mes

Presentación

En una era digital donde el comportamiento del usuario dicta el éxito de plataformas online, el Master experto en Usabilidad y Diseño Web surge como un escalón crucial para diseñadores y desarrolladores. Este curso profundiza en la usabilidad y la experiencia de usuario (UX/UI), pilares que determinan la retención y conversión de visitantes en sitios web. 

Con reconocimiento de:

QS Stars Rating System
plan de estudios

Para qué te prepara

El Master experto en Usabilidad y Diseño Web te prepara para mejorar la experiencia del usuario al diseñar interfaces intuitivas y atractivas. Aprenderás UI/UX, aplicarás principios de diseño centrado en el usuario, y dominarás Adobe XD para prototipado


Objetivos
  • Dominar conceptos de usabilidad. 
  • Comprender UI vs UX. 
  • Aplicar mejoras de usabilidad. 
  • Conocer herramientas UX. 
  • Diseñar con el usuario en foco. 
  • Practicar diseño con Adobe XD.

A quién va dirigido

Dirigido a diseñadores web y de UI/UX, este Master experto en Usabilidad y Diseño Web es ideal para desarrolladores front-end, analistas digitales y profesionales del marketing online. Adquirirás competencias en usabilidad, diseño centrado en el usuario, UI/UX, prototipado con Adobe XD.


Salidas Profesionales
  • Diseñador web usable.
  • Diseñador de equipos UX/UI.
  • Diseñador UX/UI de aplicaciones móviles.
  • Maquetador web.
  • Creador de contenido digital.

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. ¿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. 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. 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

metodología

claustro

Claustro de Profesores Especializado

Realizará un seguimiento personalizado del aprendizaje del alumno.

campus virtual

Campus virtual

Acceso ilimitado desde cualquier dispositivo 24 horas al día los 7 días de la semana al Entorno Personal de Aprendizaje.

materiales didácticos

Materiales didácticos

Apoyo al alumno durante su formación.

material adicional

Material Adicional

Proporcionado por los profesores para profundizar en cuestiones indicadas por el alumno.

Centro de atención al estudiante (CAE)

Centro de atención al estudiante (CAE)

Asesoramiento al alumno antes, durante, y después de su formación con un teléfono directo con el claustro docente 958 050 242.

inesem emplea

INESEM emplea

Programa destinado a mejorar la empleabilidad de nuestros alumnos mediante orientación profesional de carrera y gestión de empleo y prácticas profesionales.

comunidad

Comunidad

Formada por todos los alumnos de INESEM Business School para debatir y compartir conocimiento.

revista digital

Revista Digital INESEM

Punto de encuentro de profesionales y alumnos con el que podrás comenzar tu aprendizaje colaborativo.

masterclass

Master Class INESEM

Aprende con los mejores profesionales enseñando en abierto. Únete, aprende y disfruta.

Clases online

Clases online

Podrás continuar tu formación y seguir desarrollando tu perfil profesional con horarios flexibles y desde la comodidad de tu casa.

Con nuestra metodología de aprendizaje online, el alumno comienza su andadura en INESEM Business School a través de un campus virtual diseñado exclusivamente para desarrollar el itinerario formativo con el objetivo de mejorar su perfil profesional. El alumno debe avanzar de manera autónoma a lo largo de las diferentes unidades didácticas así como realizar las actividades y autoevaluaciones correspondientes.La carga de horas de la acción formativa comprende las diferentes actividades que el alumno realiza a lo largo de su itinerario. Las horas de teleformación realizadas en el Campus Virtual se complementan con el trabajo autónomo del alumno, la comunicación con el docente, las actividades y lecturas complementarias y la labor de investigación y creación asociada a los proyectos. Para obtener la titulación el alumno debe aprobar todas la autoevaluaciones y exámenes y visualizar al menos el 75% de los contenidos de la plataforma. Por último, es necesario notificar la finalización de la acción formativa desde la plataforma para comenzar la expedición del título.

becas

Becas y financiación

Hemos diseñado un Plan de Becas para facilitar aún más el acceso a nuestra formación junto con una flexibilidad económica. Alcanzar tus objetivos profesionales e impulsar tu carrera profesional será más fácil gracias a los planes de Inesem.

Si aún tienes dudas solicita ahora información para beneficiarte de nuestras becas y financiación.

25% Beca Alumni

Como premio a la fidelidad y confianza de los alumnos en el método INESEM, ofrecemos una beca del 25% a todos aquellos que hayan cursado alguna de nuestras acciones formativas en el pasado.

Financiación 100% sin intereses

Información sobre becas Becas aplicables sólamente tras la recepción de la documentación necesaria en el Departamento de Asesoramiento Académico. Más información en el 958 050 205 o vía email en formacion@inesem.es

Información sobre becas * Becas no acumulables entre sí.

Información sobre becas * Becas aplicables a acciones formativas publicadas en inesem.es

Información sobre becas * Becas no aplicables a formación programada.

titulación

Titulación Expedida y Avalada por el Instituto Europeo de Estudios Empresariales. "Enseñanza No Oficial y No Conducente a la Obtención de un Título con Carácter Oficial o Certificado de Profesionalidad."
Titulación:
Titulacion de INESEM

INESEM Business School se ocupa también de la gestión de la Apostilla de la Haya, previa demanda del estudiante. Este sello garantiza la autenticidad de la firma del título en los 113 países suscritos al Convenio de la Haya sin necesidad de otra autenticación. El coste de esta gestión es de 65 euros. Si deseas más información contacta con nosotros en el 958 050 205 y resolveremos todas tus dudas.

claustro

Claustro de profesores:
Daniel
Daniel Rodriguez

Licenciado en Ingeniería Técnica en Informática de Sistemas. Cuenta con más de 10 años de experiencia en el desarrollo y soporte de la aplicación

Leer más
Emilio
Emilio Romero Sánchez

Técnico Superior en Diseño y Producción Editorial. Especialista en diseño gráfico, impresión en pequeño y gran formato, diseño e impresión 3D,

Leer más
Bibiana
Bibiana Moreno Leyva

CEO de EducaLMS, proyecto de innovación educativa. Técnica superior en desarrollo de aplicaciones informáticas. Cuenta con más de seis años de

Leer más
Rafael
Rafael Marín

Ingeniero técnico en Informática de Sistemas por la Universidad de Granada (UGR). 
Apasionado de la informática y de las nuevas

Leer más
María Pilar
María Pilar Liñan Arantave

Licenciada en Bellas Artes y especializada en diseño. Apasionada de su trabajo, cuenta con más de 10 años al frente de proyectos creativos de

Leer más
Juan Francisco
Juan Francisco Segura Crespo

Graduado en Bellas Artes y Máster en Producción Artística especializado en Arte y Tecnología por la Universidad Politécnica de Valencia. > Cuenta con amplia experiencia profesional en diseño gráfico, artes visuales y gestión de industrias culturales. Ha participado en numerosos proyectos de creación para instituciones artísticas y recibido diferentes becas y premios por su trabajo como creador.
 

Leer más
Juan Antonio
Juan Antonio Cortés Ibáñez
Graduado en Ingeniería Informática por la UGR con Máster Universitario Oficial en Ciencia de Datos e Ingeniería de Computadores por la UGR. Leer más
TAMBIÉN PODRÍA INTERESARTE...
Otras Acciones Formativas relacionadas

Impulsa tu éxito profesional con nuestros programas de formación de Master Experto en usabilidad y diseño web

Actualmente, en cualquier empresa, se puede considerar fundamental, desarrollar una estrategia digital, es por ello por lo que, se otorga cierta importancia en el diseño web y con ello, en la usabilidad. 

Los diseños de las webs, deben de estar pensados para ser funcionales y efectivos, además de atractivos. Es por eso por lo que cada web es diferente. La principal finalidad es acercarle al usuario la web. 

Por tanto, la usabilidad y el diseño hace que las empresas. Puedan alcanzar una serie de beneficios, sobre todo, en la experiencia del usuario y con ello, en las valoraciones que hacen a la web, por lo que puede verse traducido en un incremento del trabajo y de la comunicación directa.  Además de ello, permite incrementar el tiempo que los usuarios permanezcan en la web y, por tanto, la reducción del porcentaje de abandono del mismo e incluso incrementar la fidelización de los usuarios. 

Para poder conseguir todo lo anterior, deberás de aplicar una serie de estrategias y técnicas a la hora diseñar una web, que permitan obtener resultados beneficiosos e incluso mantener los ya existentes. 

Adquiere todas las habilidades necesarias en diseño, con nuestro Master Experto en Usabilidad y Diseño Web

Consigue adquirir todas las habilidades necesarias en materia, para convertirte en todo un experto en el desarrollo y diseño web. Es por ello por lo que queremos que te formes con nosotros, además darte una serie de pautas a seguir, como son:

  • Primeramente, mantener una coherencia a la hora de visualizar los colores, a las fuentes, etc, en su conjunto. Pues de esta manera se pretende dar cierta conexión visual entre los diferentes elementos. 
  • Debes de llevar a cabo un diseño web claro, es decir, la página debe de estar ordenada y ser clara, para que los usuarios puedan navegar fácilmente. Normalmente, el contenido que es más relevante suele colocarse en la parte superior de la página y con encabezados que destacan por sus colores y tipografías.
  • Cuenta también con los espacios en blanco, de manera que se pueda agrupar todo el contenido estratégico, además de utilizar algunos diseños basados en las cuadrículas y establecer ciertos márgenes y rellenos. 
  • Consigue que la navegación sea mucho más intuitiva, atendiendo a una serie de pautas como es la regla de los tres clics, o se empleen algunas etiquetas para aclarar. 
  • No debes de sobrecargar las páginas con mucha cantidad de texto, pues, cuanto más sencillas sean, serán mucho más visuales y aceptadas e intenta, que el texto que exista, se encuentre en consonancia con las imágenes. 
  • Intenta destacar aquellos clics, que son necesarios para realizar una acción necesaria concreta. Y se debe de ir intercalando con otro color o en otro tamaño.
  • Contar con un diseño que pueda adaptarse de la mejor manera posible a los móviles y su navegación.
  • Controla la rapidez de navegación, por lo que se debe de comprimir el tamaño de los archivos.
  • Intenta que la impresión sea duradera e intuitiva. 

5 RAZONES

PARA ELEGIR INESEM

Hay muchas más motivos ¿Quieres conocerlos?

Por qué matricularme en INESEM
logo
ARTÍCULOS RELACIONADOS
Cargando artículos
INESEM EMPLEA

Completa tu formación con nuestro Servicio de Orientación Profesional y nuestro Programa de Entrenamiento por Competencias.

inesem emplea inesem emplea inesem emplea
Universidades colaboradoras
La universidad Antonio de Nebrija es Universidad colaboradora con INESEM Business School La universidad a Distancia de Madrid es Universidad colaboradora con INESEM Business School

Este sitio web utiliza cookies propias y de terceros para mejorar los servicios relacionados con tus preferencias, mediante el análisis de tus hábitos de navegación. En caso de que rechace las cookies, no podremos asegurarle el correcto funcionamiento de las distintas funcionalidades de nuestra página web. Puede obtener más información y cambiar su configuración en nuestra política de cookies.

Tardarás 3 minutos

El responsable del tratamiento es INST. EUROPEO DE ESTUDIOS EMPRESARIALES, S.A.U