Evolución del diseño web
02/08/2019
Introducción
Diseño de Interfaces Web, DIW
120 sesiones 2º curso DAW
El módulo Diseño de Interfaces Web se encuadra dentro del ciclo formativo de grado superior Desarrollo de Aplicaciones Web. Este título viene definido en el Real Decreto 686/2010, de 20 de mayo y está establecido, en el ámbito de la Comunidad Valenciana, en la Orden 60/2012, de 25 de septiembre de la Consellería de Educación.
El módulo que nos ocupa es de vital importancia ya que es una disciplina muy demandada por empresas de desarrollo de aplicaciones web. De hecho, el éxito de una aplicación depende, en buena medida, de su facilidad de uso.
Muy a menudo se entiende el Diseño de Interfaces Web como una disciplina relacionada con el arte. Sin embargo, tiene mucha asociación con la organización, la estructura y las normativas que un experto informático debe saber aplicar para asegurar el éxito de cualquier desarrollo web.
Así pues, mediante este módulo nos centraremos en aprender técnicas y herramientas para conseguir aplicaciones web usables y accesibles siguiendo las normativas y los estándares de desarrollo.
Características principales del módulo
- Módulo profesional: Diseño de Interfaces Web
- Código: 0615
- Ciclo formativo: Desarrollo de Aplicaciones Web
- Grado: Superior
- Familia profesional: Informática y Comunicaciones
- Especialidad del profesorado: Sistemas y Aplicaciones Informáticas
- Unidades de competencia: UC0491_3: Desarrollar elementos software en el entorno cliente.
Andrea Lluch
Soy tu profesora y te voy a ayudar a resolver todas tus dudas.
Unidad 1
Planificación de interfaces gráficas
10 sesiones 1ª evaluación
Unidad 2
HTML
10 sesiones 1ª evaluación
Unidad 3
CSS básico
10 sesiones 1ª evaluación
Unidad 4
CSS avanzado
10 sesiones 1ª evaluación
Jerarquía de estilos y herencia. Frameworks de desarrollo CSS. Medios. Hojas de estilo auditivas. Hojas de estilo para imprimir. Herramientas útiles y test de verificación Buenas prácticas CSS.
Unidad 5
Plantillas y frameworks de desarrollo
12 sesiones 1ª evaluación
Generación de documentos y sitios web. Plantillas y frameworks de desarrollo. Librería Bootstrap. Herramientas y test de verificación.
Unidad 6
Imágenes y software de gestión
10 sesiones 2ª evaluación
Tipos de herramientas, herramientas visuales. Instalación y configuración del entorno. Tipos de Imágenes en la web. Logos, iconos, banners e imágenes. Derechos de la propiedad intelectual. Licencias. Ley de la propiedad intelectual. Derechos de autor. Registro de contenido. Entidades. Gestión colectiva. Imágenes: mapa de bits, imagen vectorial. Software para crear y procesar imágenes. Formatos de imágenes. Optimización de imágenes para la web.
Unidad 7
Sonido, vídeo y animaciones
14 sesiones 2ª evaluación
Audio: formatos. Conversiones de formatos (exportar e importar). Vídeo: codificación de vídeo, conversiones de formatos (exportar e importar). Animaciones. Fotogramas y capas. Animación de imágenes y texto. Integración de audio y vídeo en una animación. Efectos. Realización de adaptaciones en el diseño de gestores de contenido.
Unidad 8
Integración de contenido interactivo
16 sesiones 2ª evaluación
Elementos interactivos básicos y avanzados. Comportamientos interactivos. Comportamiento de los elementos. Modificación de los comportamientos. Cambio de las propiedades de un elemento. Ejecución de secuencias de comandos. Herramientas de creación de contenido interactivo. Creación de controles y efectos visuales.
Unidad 9
Diseño de webs accesibles
12 sesiones 2ª evaluación
Concepto de accesibilidad web. El Consorcio World Wide Web (W3C). Pautas de Accesibilidad al Contenido en la Web (WCAG). Principios generales de diseño accesible. Técnicas para satisfacer los requisitos definidos en las WCAG. Técnicas fundamentales. Técnicas HTML. Técnicas CSS. Prioridades. Puntos de verificación. Niveles de adecuación. Métodos para realizar revisiones preliminares y evaluaciones de adecuación o conformidad de documentos web. Herramientas de análisis de accesibilidad web. Software y herramientas on-line. Testeo de la accesibilidad web desde diferentes navegadores. Testeo de la accesibilidad web desde dispositivos móviles.
Unidad 10
Usabilidad web
12 sesiones 2ª evaluación
Concepto de usabilidad. Análisis de la usabilidad. Técnicas. Principios recomendados para conseguir webs amigables. Identificación del objetivo de la web. Tipos de usuario. Identificación de las necesidades de diferentes perfiles de usuarios. Adaptación del interfaz a dichos perfiles. Barreras identificadas por los usuarios. Información fácilmente accesible. Velocidad de conexión. Uso del lenguaje y vocabulario adecuado. Consistencia interna. Importancia del uso de estándares externos. Navegación fácilmente recordada frente a navegación redescubierta. Facilidad de navegación en la web. Facilidad de navegación en la web mediante el teclado. Facilidad de navegación en la web mediante el ratón. Control de las diferentes opciones que se deben visualizar u ocultar en cada momento. Verificación de la usabilidad en diferentes navegadores y tecnologías. Herramientas y test de verificación.