Curso superior de diseño web profesional (avalado por la VIU)

Módulos:

1: Usabilidad web y experiencia de usuario (UX).

1. Usabilidad frente a experiencia de usuario (UX).

1.1. ¿Qué es la usabilidad?

1.2. ¿Qué es la experiencia de usuario?

2. Los 10 principios heurísticos de la usabilidad de Jakob Nielsen.

2.1. Decálogo de Jakob Nielsen sobre la usabilidad.

2.2. ¿Qué conseguimos si mejoramos la experiencia del usuario?

3. Usabilidad en la web.

3.1. ¿Cómo usamos la web?

3.2. ¿Cómo atrapar la atención del usuario?

3.3. Uso de clics mecánicos.

3.4. Cómo escribir en la web.

3.5. Los textos y tipografías, claros y con contraste.

3.6. Navegación por la web.

3.7. La página principal (home).

3.8. Enlaces o hipervínculos.

3.9. Imágenes.

3.10. Buscadores.

3.11. Publicidad.

4. Diseño basado en la experiencia de usuario.

4.1. Criterios básicos de la experiencia de usuario.

4.2. Metodología del diseño centrado en el usuario.

4.3. Etapas del diseño basado en la experiencia de usuario.

4.4. Técnicas de diseño de la experiencia de usuario.

4.5. Herramientas de diseño para el desarrollo de un proyecto.

5. Diseño de interacción (IxD).

5.1. Las 5 dimensiones del diseño de interacción.

5.2. Consejos para realizar el diseño de interacción.

5.3. Microinteracciones.

6. La arquitectura de la información.

6.1. Componentes de la arquitectura de la información.

6.2. Arquitectura de la información y SEO.

6.3. Herramientas para el prototipado.

7. Responsive Web Design. Uso de media queries.

7.1. Aumento del uso de los móviles en la navegación web.

7.2. La web responsive es beneficiosa para el SEO.

7.3. Consejos para crear y adaptar tu web a dispositivos móviles.

8. Utilización de frameworks.

8.1. Ventajas de utilizar un framework.

8.2. Desventajas de utilizar un framework.

8.3. Framework frente a CMS.

9. Evaluación de la usabilidad.

9.1. Evaluación automática.

9.2. Evaluación heurística.

9.3. Evaluación con usuarios.

9.4. Elaboración de informes.

2: Accesibilidad web.

1. ¿Qué es la accesibilidad web?

1.1. ¿A quién beneficia la accesibilidad web?

1.2. Diseño universal.

1.3. Tecnologías de apoyo.

2. Aspectos que tener en cuenta para la conformidad de un sitio web.

2.1. Tecnologías compatibles con la accesibilidad.

2.2. Requisitos de conformidad.

2.3. Declaración de conformidad.

2.4. Declaración de conformidad parcial y contenido de terceras partes.

3. ¿Cómo lograr que el sitio web sea accesible?

3.1. Aspectos que tener en cuenta para que nuestro sitio web sea accesible.

3.2. Principios de las pautas WCAG 2.1.

4. Recomendaciones técnicas para desarrolladores.

4.1. Perceptibilidad.

4.2. Operabilidad.

4.3. Comprensibilidad.

4.4. Robustez.

5. Estructura de HTML y CSS.

6. Validación en fase de desarrollo de un sitio web.

6.1. Especificación del ámbito de evaluación.

6.2. Análisis del diseño del sitio web.

6.3. Selección de una muestra representativa.

6.4. Validación de accesibilidad.

7. Validación automática frente a validación manual.

7.1. Herramientas de evaluación automática.

7.2. Herramientas de ayuda en la evaluación manual.

8. Validación de gramática y accesibilidad.

8.1. Validación de la gramática.

8.2. Validación de la accesibilidad.

3: Diseño de interfaz.

1. Concepto gráfico y teoría del color.

1.1. Simbología del color.

1.2. Colores cálidos.

1.3. Colores fríos.

1.4. Colores neutros.

1.5. Luminosidad, matiz, tono y saturación.

2. Tipografías.

2.1. Serif.

2.2. Sans serif.

2.3. Script.

2.4. Display.

3. Diseño de la interfaz responsive.

3.1. ¿En qué consiste un diseño responsive?

3.2. Conceptos claves del diseño responsive.

3.3. ¿Cómo saber si es un diseño responsive?

3.4. Beneficios de un diseño responsive.

3.5. Inconvenientes de un diseño responsive.

4. Definición de los elementos gráficos: tamaño y resolución.

4.1. Tipos de navegación.

4.2. Disposición de elementos en función del dispositivo.

4.3. Incluir imágenes en formato panorámico.

4.4. Peso de los elementos.

4.5. La importancia de los iconos.

4.6. Touch.

4.7. Tamaño de los botones.

4.8. Carga secuencial.

4.9. Responsive Web Design Server Side Components (RESS).

5. Diseño de diferentes tipos de pantalla: navegación y formularios.

5.1. Diseño del menú de navegación.

5.2. Diseño de formularios.

6. Escribir para la web.

6.1. Cambio de concepto en la escritura para internet.

6.2. Estructura visual.

6.3. Contar una historia.

6.4. Evitar los preámbulos.

6.5. Incluir textos destacados.

6.6. Crear un personaje.

6.7. Enfocar.

6.8. Saber para quién escribimos.

6.9. Utilizar el tono correcto.

6.10. Optimizar titulares.

6.11. Agregar información visual.

6.12. Evitar detalles extravagantes en el diseño.

6.13. Cuidar la ortografía.

4: Introducción al desarrollo web.

1. Internet y la web.

1.1. ¿Qué es internet?

1.2. Direcciones de internet.

1.3. Arquitectura cliente-servidor.

1.4. Aplicaciones web.

1.5. Accesibilidad.

1.6. Usabilidad.

2. Dominios y alojamiento web.

2.1. ¿Qué se necesita para publicar una web?

2.2. Registradores de dominios gratuitos y de pago.

2.3. Pasos para registrar un dominio propio de pago.

2.4. Pasos para registrar un dominio gratuito.

2.5. ¿En qué consiste el hosting o alojamiento?

2.6. Crear un servidor web con XAMPP.

2.7. Actividades prácticas guiadas.

5: Entornos de desarrollo y HTML.

1. Entorno de desarrollo.

1.1. Introducción.

1.2. Editores de código.

1.3. Clientes FTP.

1.4. Herramientas de análisis (navegadores).

1.5. IDEs completos.

2. HTML.

2.1. Introducción.

2.2. Estructura general.

2.3. Estructura de body.

2.4. Otras API y etiquetas.

6: Introducción a CSS y DOM.

1. Introducción al CSS.

1.1. ¿Qué es CSS y para qué sirve?.

1.2. Versiones de CSS.

1.3. Navegadores que lo admiten.

1.4. Hoja CSS de ejemplo.

1.5. Propiedades de CSS.

1.6. Selectores de CSS.