Optimización del sitio web con diseño UI/UX y UI Avanzado

Tras cubrir los fundamentos del diseño web y los CMS, el curso se centra en el diseño de interfaces de usuario modernas. Profundizarás en tus conocimientos de Figma, Adobe XD y Axure RP, aprenderás técnicas de creación de prototipos y flujos de trabajo eficientes. También aprenderás cómo se utiliza la inteligencia artificial en el trabajo diario.
  • Tipo de titulación: Certificado "Conocimientos básicos de diseño web y CMS"
    Certificado "Diseño UI/UX
    Certificado "Diseño de interfaz de usuario avanzado"
  • Examen final: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Horario de las clases: A tiempo completo
    De lunes a viernes, de 8.30 a 15.35 horas (en semanas festivas, de 8.30 a 17.10 horas).
  • Lengua de enseñanza: Alemán
  • Duración: 10 Semanas

Conocimientos básicos de diseño web y CMS

Fundamentos del diseño web HTML5 y CSS3 con Adobe Dreamweaver y Notepad++ (aprox. 12 días)

Introducción al tema

Introducción a los entornos de desarrollo (Notepad++ y Dreamweaver)

Componentes de un sitio web

Estructura básica de HTML5 compatible con los motores de búsqueda

Pautas de código y convenciones de nomenclatura

Estructura de las etiquetas y atributos HTML

Hipervínculos (relativos, absolutos, internos, externos)

Listas, imágenes, tablas, formularios

Formateo con CSS3 (hojas de estilo en cascada)

Sitios web fijos y responsivos (flexibles)


Inteligencia artificial (IA) en el proceso de trabajo

Presentación de tecnologías específicas de IA

y posibles aplicaciones en el entorno profesional


Planificación y estructuración de sitios web (aprox. 2 días)

Proceso de concepción, planificación de recursos, monetización

Concepción, diseño de páginas y estructura de un sitio web/proyecto web

Preparación del material gráfico (tamaños, recortes, almacenamiento optimizado para la web)

Cuestiones jurídicas (pie de imprenta, protección de datos, descargo de responsabilidad)


Conceptos básicos de CMS con WordPress (aprox. 3 días)

Dashboard (interfaz de usuario) de WordPress

Gestión de usuarios y perfil (áreas protegidas por contraseña y gestión de derechos)

Gestión de medios

Gestión de comentarios

Creación y edición de páginas y entradas

Editor visual y de texto

Publicación

Área de diseño: menús, widgets, editor CSS, ejemplo de tema

Provisión de descargas

Información teórica sobre actualizaciones


Trabajo por proyectos (aprox. 3 días)

Reflexionar y consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Diseño UI/UX

Introducción general (aprox. 1 día)

UX, Usabilidad, UI, Directriz de modelo mental, Directriz de factores humanos

Principios del diseño centrado en el usuario

ISO 9241-210/HCD

Accesibilidad: Términos básicos, requisitos legales (BITV, directivas de la UE), importancia para el diseño de UX

Proceso de diseño de sistemas interactivos utilizables

Tipos de herramientas de IA en el contexto UI/UX (texto, imagen, análisis)


HCD: Análisis - contexto de uso (aprox. 2 días)

Personae y mapa de empatía

Recorrido del cliente

Visión general de la analítica web/cuestionario


HCD: Especificación de los requisitos de utilización (aprox. 1 día)

Escenarios, historias de usuario

Modelo de tareas, flujos de tareas

Entrevistas contextuales y observación

Estudios diarios


HCD: Creación de soluciones de diseño para cumplir los requisitos de uso (aprox. 1 día)

Directrices y normas: 7 principios de diálogo de la norma ISO 9241-110

10 principios de diseño de interfaces de usuario según Jakob Nielsen

Percepción visual, regularidades


Soluciones de diseño HCD: Taxonomía, arquitectura de la información y conceptos de navegación (aprox. 3 días)

Diagrama de flujo

Flujo de usuarios

Arquitectura de la información

Microarquitectura de la información

Estrategia de conversión

Conceptos de navegación y mapa del sitio

Clasificación de tarjetas: planificación, preparación, ejecución y evaluación

Patrones de navegación móvil (navegación bootom, menús de hamburguesa, pestañas)


Visión general de la gestión ágil de proyectos (aprox. 1 día)

Modelo en cascada frente a métodos ágiles

Visión de la gestión ágil según el método Scrum

Épica, historia de usuario y tarea

Diseño del método sprint


Soluciones de diseño HCD: Diseño de interfaz de usuario (aprox. 2 días)

Guía de estilo, KIT de interfaz de usuario, biblioteca de patrones y sistema de diseño

Componentes/elementos y formularios de interfaz de usuario

Colores, fuentes y tipografía en la IU, iconos

Accesibilidad: contrastes de color y fuentes legibles, elementos de control (tamaño, espaciado, enfoque)

Pruebas automatizadas de contrastes, legibilidad y textos alternativos.

Breve descripción de la estructura semántica (HTML/ARIA)

Diseño atómico

Diseño mobile first


Soluciones de diseño HCD: Técnicas de diseño con Figma (aprox. 3 días)

Estructura y conceptos básicos: páginas y marcos, cuadrículas de diseño, restricciones

Componentes y variantes (botones, bibliotecas, sistemas de diseño)

Diseño responsivo (marcos, auto maquetación)

Garabatos, wireframes, maquetas

Creación de prototipos: interacciones, transiciones, superposiciones, intercambio de prototipos

Uso de funciones de IA en Figma y herramientas complementarias para la creación rápida y la variación de diseños


Pruebas de usabilidad y evaluación (aprox. 2 días)

Visión general de los métodos de pruebas de usabilidad

Pensar en voz alta: planificación, preparación, ejecución y evaluación

Cuestionarios (UEQ, AttrakDiff, VisAWI)

Pruebas A/B

Accesibilidad: pruebas con teclado y lector de pantalla

Uso de ayudas y herramientas


Trabajo por proyectos (aprox. 4 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Diseño de IU Avanzado

Formación en profundidad en Figma (aprox. 4 días)

Breve repetición de las funciones básicas de creación de prototipos

Adobe Layout para diseños complejos y adaptables

Interacciones avanzadas: Animaciones, componentes interactivos y microinteracciones

Creación de prototipos para diferentes dispositivos

Uso de variables y lógica condicional

Dev handoff con Figma (Dev Mode/Inspect)

Integración de pruebas de usuario y bucles de retroalimentación

Figma AI en la vida cotidiana: generación de contenidos, reescritura de textos, apoyo a las sugerencias de diseño


Inteligencia artificial (IA) en el diseño de interfaces de usuario (aprox. 1 día)

Escenarios de aplicación y límites

Herramientas externas de IA para el diseño de IU (por ejemplo, generadores y asistentes de IU basados en IA)


Introducción a Axure RP (aprox. 2 días)

Funciones básicas y avanzadas de Axure

Creación de prototipos dinámicos e interactivos

Uso de variables y lógica condicional

Trabajo con paneles dinámicos

Simulación de la interacción entre los usuarios y la interfaz

Entrega y publicación de prototipos de alta fidelidad a los equipos de desarrollo


Flujos de trabajo entre herramientas (aprox. 1 día)

Colaboración y versionado en Figma (ramas, bibliotecas)

Transferencia de diseños a herramientas de gestión de proyectos y desarrollo


Trabajo de proyecto (aprox. 2 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto



Es posible que se produzcan cambios. El contenido del curso se actualiza periódicamente.

Una vez finalizado el curso, tendrás unos sólidos conocimientos básicos de edición de imágenes, maquetación, diseño web y sistemas de gestión de contenidos. Podrás trabajar con los programas de Adobe Photoshop, InDesign y Dreamweaver y estarás familiarizado con el sistema CMS Wordpress.

Además, una usabilidad convincente y una buena experiencia de usuario son la base de la confianza del cliente a la hora de interactuar con la empresa. Tras este curso, dispondrá de amplios conocimientos básicos sobre los temas de experiencia de usuario e interfaz de usuario y dominará las directrices y normas clave para interfaces gráficas de usuario basadas en el proceso de diseño centrado en el ser humano. Utilizando el programa de creación de prototipos Figma, será capaz de crear diseños interactivos que puedan probarse y seguir desarrollándose utilizando diversos métodos. También tendrás conocimientos sobre métodos de trabajo ágiles, pruebas de usabilidad y el uso de herramientas de IA en el proceso de UI/UX.

Además, serás capaz de aplicar técnicas avanzadas de creación de prototipos en Figma y tendrás confianza en el uso de Axure RP. Podrás crear interfaces de usuario interactivas y dinámicas con paneles dinámicos, variables y lógica condicional en Axure y también llevar a cabo todo el flujo de trabajo -desde el concepto hasta la creación de prototipos y la entrega a los desarrolladores- y gestionar proyectos de forma eficiente integrando las herramientas.

Desarrolladores web, diseñadores web, desarrolladores de aplicaciones, desarrolladores de software, diseñadores de interfaces de usuario, gestores de proyectos, diseñadores gráficos, diseñadores de medios de comunicación.

Tu futuro campo de trabajo puede estar en el ámbito editorial, pero sobre todo en la creación de soportes publicitarios. Las competencias que adquieras son demandadas en todos los sectores de los medios de comunicación. Con los conocimientos adecuados, el trabajo por cuenta propia también es una perspectiva interesante.

Además, un conocimiento avanzado del diseño de interfaz de usuario le abrirá un amplio abanico de oportunidades profesionales en agencias gráficas, web y de software. La comprensión de las técnicas modernas de creación de prototipos es muy demandada en casi todos los sectores, lo que te dará excelentes perspectivas como diseñador de interfaz de usuario o desarrollador front-end.

Su significativo certificado proporciona una visión detallada de las cualificaciones que ha adquirido y mejora sus perspectivas profesionales.

Concepto didáctico

Tus profesores están altamente cualificados tanto profesional como didácticamente y te enseñarán desde el primer hasta el último día (no hay sistema de autoaprendizaje).

Aprenderá en grupos reducidos y eficaces. Los cursos suelen constar de 6 a 25 participantes. Las lecciones generales se complementan con numerosos ejercicios prácticos en todos los módulos del curso. La fase práctica es una parte importante del curso, ya que durante ella se procesa lo aprendido y se adquiere confianza y rutina en su aplicación. La parte final del curso incluye un proyecto, un estudio de caso o un examen final.

 

Aula virtual alfaview

Las clases se imparten utilizando la moderna tecnología de vídeo alfaview®, ya sea desde la comodidad de su propia casa o en nuestras instalaciones en Bildungszentrum. Todo el curso puede verse cara a cara a través de alfaview®, comunicarse entre sí con una calidad de voz sincronizada con los labios y trabajar en proyectos conjuntos. Por supuesto, también podrás ver y hablar con tus formadores conectados en directo en cualquier momento y recibirás clases de tus profesores en tiempo real durante todo el curso. Las clases no son e-learning, sino auténtica enseñanza presencial en directo a través de la tecnología de vídeo.

 

Los cursos de formación de alfatraining están subvencionados por Agentur für Arbeit y certificados de acuerdo con el reglamento de homologación AZAV. Al presentar una solicitud a Bildungsgutscheino Aktivierungs- und Vermittlungsgutschein, la totalidad de los costes del curso suelen correr a cargo de su organismo financiador.
También es posible obtener financiación a través de Europäischen Sozialfonds (FSE), Deutsche Rentenversicherung (DRV) o programas de financiación regionales. Como soldado regular, tiene la posibilidad de asistir a cursos de formación continua a través de Berufsförderungsdienst (BFD). Las empresas también pueden cualificar a sus empleados a través de un programa de financiación de Agentur für Arbeit (Qualifizierungschancengesetz).

Estaremos encantados de asesorarte gratuitamente.

0800 3456-500 De lunes a viernes, de 8.00 a 17.00 h.
gratis desde todas las redes alemanas.

Contacta con nosotros

Estaremos encantados de asesorarte gratuitamente. 0800 3456-500 De lunes a viernes, de 8.00 a 17.00 h, gratis desde todas las redes alemanas.