Curso Experto en Usabilidad y Diseño Web + 8 Créditos ECTS
MATRICULACIÓN
Entidad:
Duración total:
550 h.
Teleformación:
275 h.
Modalidad:
Online
Precio: 720 €
Bonificable hasta el 100%
Créditos
8 ECTS
SOLICITAR INFORMACIÓN
DESCRIPCIÓN
Este CURSO EN USABILIDAD Y DISEÑO WEB proporcionará unos conocimientos teórico práctico para especializarse en la usabilidad digital, un campo de creciente consideración e importancia. Aporta una visión global de la usabilidad, abarcando y detallando todas las fases por las que pasa un proyecto, y desarrollando conocimientos profesionales de métodos de trabajo y herramientas. Si se dedica o piensa dedicarse al mundo de la usabilidad y experiencia de usuario, no lo dude más, esta es su oportunidad. Dedícate a la profesión que más te gusta y que actualmente tiene una gran demanda laboral. Desde Inesem te acompañaremos en cada momento del aprendizaje para que puedas resolver todas las dudas que se le puedan plantear y así cumplir tus objetivos.
OBJETIVOS
- Conocer y aplicar los principios de la usabilidad.
- Aprender cómo actúan los usuarios.
- Conocer el proceso completo de desarrollo de la usabilidad en un proyecto.
- Aprender a hacer un sitio Web de forma correcta y atractiva para el usuario
- Identificar los pasos a seguir en el diseño de nuestra web.
PARA QUÉ TE PREPARA
Este curso tiene como meta especializar a profesionales interesados en el ámbito del estudio de la usabilidad digital y prepararlos para crear y analizar el entendimiento entre lo digital y el usuario final. Hoy día la usabilidad es un factor clave en el éxito o fracaso de un proyecto web, la misma refiere a la facilidad de uso y aprendizaje de un sitio web o aplicación por parte de usuario. Por lo tanto es necesario formarse en ese ámbito.
A QUIÉN VA DIRIGIDO
El CURSO EN USABILIDAD Y DISEÑO WEB, está orientado a cualquier persona interesada en formarse para trabajar en el estudio de la usabilidad y su aplicación en el mundo del diseño web, así como a profesionales de varios campos que quieran tener conocimientos sobre el tema y/o especializarse en usabilidad.
La metodología INESEM Business School, ha sido diseñada para acercar el aula al alumno dentro de la formación online. De esta forma es tan importante trabajar de forma activa en la plataforma, como necesario el trabajo autónomo de este. El alumno cuenta con una completa acción formativa que incluye además del contenido teórico, objetivos, mapas conceptuales, recuerdas, autoevaluaciones, bibliografía, exámenes, actividades prácticas y recursos en forma de documentos descargables, vídeos, material complementario, normativas, páginas web, etc.
A esta actividad en la plataforma hay que añadir el tiempo asociado a la formación dedicado a horas de estudio. Estos son unos completos libros de acceso ininterrumpido a lo largo de la trayectoria profesional de la persona, no solamente durante la formación. Según nuestra experiencia, gran parte del alumnado prefiere trabajar con ellos de manera alterna con la plataforma, si bien la realización de autoevaluaciones de cada unidad didáctica y evaluación de módulo, solamente se encuentra disponible de forma telemática.
El alumno deberá avanzar a lo largo de las unidades didácticas que constituyen el itinerario formativo, así como realizar las actividades y autoevaluaciones correspondientes. Al final del itinerario encontrará un examen final o exámenes. A fecha fin de la acción formativa el alumno deberá haber visitado al menos el 100 % de los contenidos, haber realizado al menos el 75 % de las actividades de autoevaluación, haber realizado al menos el 75 % de los exámenes propuestos y los tiempos de conexión alcanzados deberán sumar en torno al 75 % de las horas de la teleformación de su acción formativa. Dicho progreso se contabilizará a través de la plataforma virtual y puede ser consultado en cualquier momento.
La titulación será remitida al alumno por correo postal una vez se haya comprobado que ha completado el proceso de aprendizaje satisfactoriamente.
Por último, el alumno contará en todo momento con:
Claustro Docente
Ofrecerá un minucioso seguimiento al alumno, resolviendo sus dudas e incluso planteando material adicional para su aprendizaje profesional.
Comunidad
En la que todos los alumos de INESEM podrán debatir y compartir su conocimiento.
Material Adicional
De libre acceso en el que completar el proceso formativo y ampliar los conocimientos de cada área concreta. Podrá encontrarlo en Revista Digital, INESEM y MasterClass INESEM, puntos de encuentro entre profesionales que comparten sus conocimientos.
SE DESARROLLARÁN LOS SIGUIENTES CONTENIDOS
- Introducción
- La usabilidad
- Conceptos clave
- Atributos
- Complejidad e importancia de la usabilidad
- Usabilidad aplicada a un proyecto
- Mejoras de la usabilidad al producto final
- Procesos y herramientas
- Definición
- Principios de experiencia de usuario
- Experiencia de usuario y dispositivos
- Introducción
- Orientaciones de diseño web y dispositivos
- Fundamentos de diseño centrado en el usuario
- Introducción
- Complejidad transdisciplinar
- Pirámide de prioridades de la usabilidad
- Proceso general
- El ciclo diseño-investigación
- Introducción
- Proceso completo
- Principio de proximidad
- Principio de semejanza
- Principio de simetría
- Principio de continuidad
- Principio de cierre
- Principio de área o tamaño relativo
- Principio de figura-fondo
- La ley de la simplicidad
- Introducción La estructura de una web
- Zonas de navegación y zonas de contenido
- Elementos de navegación
- Herramientas de prototipado inicial
- Elementos de inicio Homepage
- Elementos de navegación
- Páginas de categorías
- Búsqueda
- Páginas de productos
- Formularios
- Tablas
- Listas
- Frames
- Páginas de datos
- Elementos de acción Botones
- Intranets
- Herramientas para edición de páginas web
- Herramientas para crear botones
- Herramientas para crear de barras de desplazamiento
- Herramientas para crear de Menús
- Generación de plantillas
- Navegadores
- ¿Qué es un prototipo?
- Aplicaciones de los prototipos
- Ventajas y recomendaciones
- Elegir el adecuado
- Prototipo de papel
- Sketch
- Storyboard
- Wireframes
- ¿Qué es un mapa de navegación?
- Utilidad
- Limitaciones
- Métodos de realización
- Definición
- Usos de la interacción
- Interacción entre pantallas
- Motion design
- Diseñar la interacción
- Presentación
- Funcionalidades no aptas en Adobe Experience Design
- Funcionalidades principales (Experiencia de uso)
- Flujo de trabajo
- Novedades
- Descarga e instalación
- Instalación en varios equipos
- Administración de cuentas
- Actualización o cambio de inscripción
- Pantalla principal
- Herramientas
- Menú superior
- Paneles laterales
- Creación de mesa de trabajo (Artboard) y rejillas (Grids)
- Dibujos con formas
- Herramienta texto
- Creación, distribución y movimiento de objetos
- Herramientas de color y gradientes
- Edición de objetos duplicados y agrupación
- Símbolos
- Uso de imágenes
- Edición de figuras
- Imágenes enmascaradas
- Estructuración de Web con rejillas
- Creación de columnas
- Importación de mapas de bits
- Importación de vectores y uso de CSS en Illustrator
- Flujo de navegación
- Previsualización en dispositivo IOS
- Previsualización en dispositivo Android
- Eliminación de archivos en tu dispositivo
- Previsualización
- Compartir nuestro prototipo
- Uso de contraseña para publicar
- Borrar contenido publicado
- Exportación de gráficos
- Opiniones de otros clientes
- Publicaciones para desarrolladores
- Consejos y trucos generales
- Dibujo y texto
- Importación de contenido
- Controles de teclado
- Artboards
- Repetición de rejilla
- Creación de prototipos y vista previa
- Publicaciones
- 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 de Formación Continua Bonificada expedida por el Instituto Europeo de Estudios Empresariales (INESEM). 
Doble titulación:
- Título Propio Curso Experto en Usabilidad y Diseño Web expedido por el Instituto Europeo de Estudios Empresariales (INESEM). “Enseñanza no oficial y no conducente a la obtención de un título con carácter oficial o certificado de profesionalidad.”
- Título Propio Universitario en Curso Diseño Web expedido por la Universidad Antonio de Nebrija con 8 créditos ECTS
Este curso bonificado pertenece al sistema de Formación Programada de INESEM Business School. Se tramita con cargo a un crédito formativo asignado a las empresas privadas españolas para la formación de sus trabajadores sin que les suponga un coste. Para tramitar este curso de formación programada es necesario:
- Estar trabajando para una empresa privada.
- Encontrarse cotizando en el Régimen General de la Seguridad Social
- Que el curso seleccionado esté relacionado con el puesto de trabajo o actividad principal de la empresa.
- Que la empresa autorice la formación programada
- Que la empresa disponga de suficiente crédito formativo para cubrir el coste del curso
Curso Experto en Usabilidad y Diseño Web + 8 Créditos ECTS
Duración total:
550 h.
Teleformación:
275 h.
Modalidad:
Online
Precio: 720 €
Bonificable hasta el 100%
Créditos
8 ECTS
MATRICULACIÓN
MATRÍCULA ONLINE
Curso Experto en Usabilidad y Diseño Web + 8 Créditos ECTS
