Año académico Asignatura

Universitat de les Illes Balears

Grupo Guía docente Idioma

Guía docente

2011-12 10920 - Diseño Gráfico y Accesibilidad Web Grupo 1, 1S C Castellano

Identificación de la asignatura

Asignatura Créditos Grupo Período de impartición Idioma de impartición

10920 - Diseño Gráfico y Accesibilidad Web 1.2 presenciales (30 horas) 3.8 no presenciales (95 horas) 5 totales (125 horas). Grupo 1, 1S(Campus Extens) Primer semestre Castellano

Profesores Horario de atención al alumnado

Profesores Hora de inicio Hora de fin Antonio Fernández Coca [email protected]

10:00h

Francisco José Perales López [email protected]

11:00h

13:00h

Día

Fecha inicial

Fecha final

Despacho

Martes

01/09/2011

31/05/2012

d 211 Anselm Turmeda

14:00h

Jueves

05/09/2011

31/01/2012

209D

Titulaciones donde se imparte la asignatura Titulación

Carácter

Máster Universitario en Tecnologias de la Información

Posgrado

Curso

Estudios Posgrado

Contextualización Consideraciones de diseño para Internet en soporte WWW. Utilización de gráficos en documentos web. El guión visual en producciones multimedia. Accesibilidad y web. Estrategias de venta desde el diseño de un producto multimedia. Esta materia se divide en dos partes: a) Criterios de diseño gráfico aplicado a diversos soportes, incluyendo la web. b) Accesibilidad web, se muestra cómo convertir esos diseños de tal forma que se puedan hacer accesibles al mayor número de usuarios posibles, independientemente de la posible minusvalía que puedan tener.

Requisitos

1/6 Fecha de publicación: 24/01/2012 Antes de imprimir este documento, considere si es necesario hacerlo. El medio ambiente es cosa de todos. ©2012 Universitat de les Illes Balears. Cra. de Valldemossa, km 7.5. Palma (Illes Balears). Tel: (+34) 971 173 000. E-07122. CIF: Q0718001A

Universitat de les Illes Balears Guía docente

Año académico Asignatura Grupo Guía docente Idioma

2011-12 10920 - Diseño Gráfico y Accesibilidad Web Grupo 1, 1S C Castellano

No hay requisitos previos.

Competencias Específicas 1. Aprender a diferenciar el modo de presentación gráfica (diseño gráfico) sobre soporte papel frente a soporte internet. Saber emplear de manera sencilla y eficiente las herramientas que se han de emplear para construir material destinado a internet en su modo gráfico. Saber intuir rápidas alternativas ante la falta de cualquier herramienta gráfica en un momento de crisis. Conocer criterios de accesibilidad web.

Genéricas 1. Aprender a observar la competencia (papel, cine, televisión, dvd, cdrom) como fuente de recursos ante el desarrollo de recursos gráficos a utilizar en Internet. Saber vender el producto realizado y conocer herramientas para la obtención de medios económicos que permitan llegar a vivir de este campo de negocio. Saber aplicar procedimientos metodológicos. Saber acercar, registrar y sintetizar la información desde fuentes diversas. Adquirir la capacidad de pensar con iniciativa y creatividad, así como trabajar de forma autónoma. Aprender a comunicar y trabajar en grupo. Adquirir una buena capacidad de razonamiento y argumentación para poder hablar y defender la propia opinión en público.

Contenidos Contenidos temáticos 1. Introducción Introducción al diseño vs usabilidad y accesibilidad web. Introducción al diseño y la usabilidad. Qué entendemos como diseño gráfico en soporte on line y qué entendemos en soportes off line Introducción a accesiblidad y usabilidad web. Pensar en diseño en función del usuario: desde anomalías visuales a problemas generacionales. Soluciones y alternativas más allá de la normativa legal. Usabilidad. Usabilidad La usabilidad, su porqué en sus aciertos, sus falsas teorías y las soluciones desde la práctica. Obligaciones legales. Diseño. Diseño en web, de la idea al lanzamiento 2. Diseño y web. Consideraciones específicas 1 Diferencias con otros soportes: 1.1 Utilización de metodologías empleadas en otros soportes 1.2 Aprender de la competencia (otros soportes y otros documentos) para poder realizar alternativas ante carencias gráficas+ Tema 3. Uso de gráficos en documentos Web 1.Recursos externos 2/6 Fecha de publicación: 24/01/2012 Antes de imprimir este documento, considere si es necesario hacerlo. El medio ambiente es cosa de todos. ©2012 Universitat de les Illes Balears. Cra. de Valldemossa, km 7.5. Palma (Illes Balears). Tel: (+34) 971 173 000. E-07122. CIF: Q0718001A

Universitat de les Illes Balears Guía docente

Año académico Asignatura Grupo Guía docente Idioma

2011-12 10920 - Diseño Gráfico y Accesibilidad Web Grupo 1, 1S C Castellano

1.1 Bancos de imágenes 1.2 Bancos de iconos 1.3 Observaciones sobre recursos externos: compatibilidades, ventajas, inconvenientes y soluciones 2 Recursos propios 2.1 Introducción a la imagen en soporte Web Resolución, tamaño, peso (optimización) 2.2 Realización: Tratamiento de imágenes 2.3 Gráficos 2.4 Realización de iconos 3. Publicación de gráficos 3.1 Problemas y soluciones Tema 4. Boceto visual 1 Introducción a maquetación multimedia 1.1 Recorrido del ojo como eje de trabajo 1.2 Longitud de la página en el caso web y de la pantalla en caso off line 1.3 Versiones 'para imprimir', enviar, minsuválidos visuales, etc. 2 Composiciones tipo habituales Compatibilidades, ventajas, inconvenientes y soluciones 3 Modo de realización 3.1 Uso directo 3.2 Tablas y tablas anidadas 3.4 Frames o marcos 3.4 Compatibilidades, ventajas, inconvenientes y soluciones Tema 5. Estrategias de venta 1 Conceptos básicos de marketing desde la imagen 2 Desarrollo del briefing 3 Imagen de marca 4 Naming y logotipo 5 Selección de idea final 6 Producción y maquetas 7 Montaje de las pruebas 8 Modos de presentación al cliente: estrategias de convencimiento 9 Desarrollo de la estrategia a seguir una vez el producto multimedia esté en el mercado 3. Accesibilidad Introducció a l'Accessibilitat Web (5h) Justificació i avantatges d'una web accessible Principis del disseny universal Tipus de discapacitat Productes de suport Legislació El camí cap a les WCGA 2.0 Principi 1 de les WCGA 2.0: Perceptible. Pautes i criteris de conformitat (9h) Principi 2 de les WCGA 2.0: Operable. Pautes i criteris de conformitat (6h) Principi 3 de les WCGA 2.0: Comprensible. Pautes i criteris de conformitat (5h) Principi 4 de les WCGA 2.0: Robust. Pautes i criteris de conformitat (1h) Eines d?avaluació (4h)

3/6 Fecha de publicación: 24/01/2012 Antes de imprimir este documento, considere si es necesario hacerlo. El medio ambiente es cosa de todos. ©2012 Universitat de les Illes Balears. Cra. de Valldemossa, km 7.5. Palma (Illes Balears). Tel: (+34) 971 173 000. E-07122. CIF: Q0718001A

Año académico Asignatura

Universitat de les Illes Balears

Grupo Guía docente Idioma

Guía docente

2011-12 10920 - Diseño Gráfico y Accesibilidad Web Grupo 1, 1S C Castellano

Taller pràctic sobre les WCAG 2.0 (10h)

Metodología docente Sesiones donde se alternan explicaciones teóriicas del profesor con ejemplos. También discusión de grupo y trabajo en equipo para determinar posibles crisis y soluciones en el diseño. En la parte de accesibilidad se completar la formación con un taller práctico donde los alumnos harán una web accesible a partir de una no accesible.

Actividades de trabajo presencial Modalidad

Nombre

Clases prácticas

Teórico-práctico

Tip. agr.

Descripción

Grupo grande (G) Teoría aplicada a prácticas

Actividades de trabajo no presencial Modalidad

Nombre

Descripción

Estudio y trabajo autónomo individual

Participación

Participación en debates desde aportaciones, contrastadas, individuales.

Estudio y trabajo Debate y realización de la Sesiones de debate en grupo ante problemas enunciados en el aula. autónomo en grupo práctica evaluable Trabajo práctico en grupo donde aplicaremos lo aprendido.

Estimación del volumen de trabajo Modalidad

Nombre

Actividades de trabajo presencial Clases prácticas

Teórico-práctico

Actividades de trabajo no presencial Estudio y trabajo autónomo individual Estudio y trabajo autónomo en grupo

Participación Debate y realización de la práctica evaluable

Total

Horas

ECTS

%

30

1.2

24

30

1.2

24

95

3.8

76

5 90

0.2 3.6

4 72

125

5

100

Al inicio del semestre estará a disposición de los estudiantes el cronograma de la asignatura a través de la plataforma UIBdigital. Este cronograma incluirá al menos las fechas en las que se realizarán las pruebas de evaluación continua y las fechas de entrega de los trabajos. Asimismo, el profesor o la profesora informará

4/6 Fecha de publicación: 24/01/2012 Antes de imprimir este documento, considere si es necesario hacerlo. El medio ambiente es cosa de todos. ©2012 Universitat de les Illes Balears. Cra. de Valldemossa, km 7.5. Palma (Illes Balears). Tel: (+34) 971 173 000. E-07122. CIF: Q0718001A

Universitat de les Illes Balears Guía docente

Año académico Asignatura Grupo Guía docente Idioma

2011-12 10920 - Diseño Gráfico y Accesibilidad Web Grupo 1, 1S C Castellano

a los estudiantes si el plan de trabajo de la asignatura se realizará a través del cronograma o mediante otra vía, incluida la plataforma Campus Extens.

Evaluación del aprendizaje del estudiante Debate y realización de la práctica evaluable Modalidad Técnica Descripción

Estudio y trabajo autónomo en grupo Pruebas objetivas (Recuperable) Sesiones de debate en grupo ante problemas enunciados en el aula. Trabajo práctico en grupo donde aplicaremos lo aprendido. Criterios de evaluación Realización de un trabajo en grupo donde se expondrá todo lo aprendido a partir de un caso de estudio concreto que acordaremos durante las sesiones teóricas. Porcentaje de la calificación final: 100% para el itinerario A

Recursos, bibliografía y documentación complementaria Bibliografía básica Diseño web Cobo Romaní y Pardo Kuklinski. Web 2.0. Inteligencia colectiva o medios fast food Grup de Recerca d'interaccions digitals de la Universtitat de Vic y Flacso México. Memelsdorff, Frank. Rediseñar para un mundo en cambio. Identidad y branding. www.frankmemelsdorff.com Aicher, O., El mundo como proyecto. Segunda (1997) ed. GG Diseño. 1994, Barcelona: Gustavo Gili. Chaves, N., El oficio de diseñar. Propuestas a la conciencia crítica de los que comienzan. 2001, Barcelona: Gustavo Gili. Khoan, Silvia Adela. Cómo narrar una historia. 2001, Barcelona. Alba Editorial s.l.u. Wallace, P., La Psicología de Internet. 1 ed. Trancisiones,nº 28. 1999, Barcelona: Paidós Editores Chan Kim y Mauborgne, Renee. La estrategia del Océano Azul: cómo crear espacios de mercado inexistentes y tener una competencia relevante. Ed. Harvard Business School Press. 2005 Trout, Jack. Diferenciarse o morir. Editorial John Wiley & Sonns. 2000 Foster, Richard N y Kaplan Sarah. Destrucción creativa. Ed. Doubleday, 2001 Blogs y sitios web http://www.lacoctelera.com/macadamia http://blog.make.es/ http://www.brandingpersonal.com/ http://etc.territoriocreativo.es/ http://www.brandingstrategyinsider.com/ http://www.frankmemelsdorff.com/ Accesiblidad ? W3C. Web Content Accessibility Guidelines (WCAG) 2.0 [HTML]. Ben Caldwell, Michael Cooper, Loretta Guarino Reid, Gregg Vanderheiden. W3C (MIT, ERCIM, Keio): W3C, 11 de diciembre de 2008, [Consulta: noviembre de 2009]. Recomendación W3C. Disponible en: . Traducido en: http://www.sidar.org/traducciones/wcag20/wcag20_es.html ? W3C. Understanding WCAG 2.0 [HTML]. Ben Caldwell, Michael Cooper, Loretta Guarino Reid, Gregg Vanderheiden. W3C (MIT, ERCIM, Keio): W3C, 11 de diciembre de 2008, [Consulta: noviembre de 5/6 Fecha de publicación: 24/01/2012 Antes de imprimir este documento, considere si es necesario hacerlo. El medio ambiente es cosa de todos. ©2012 Universitat de les Illes Balears. Cra. de Valldemossa, km 7.5. Palma (Illes Balears). Tel: (+34) 971 173 000. E-07122. CIF: Q0718001A

Universitat de les Illes Balears Guía docente

Año académico Asignatura Grupo Guía docente Idioma

2011-12 10920 - Diseño Gráfico y Accesibilidad Web Grupo 1, 1S C Castellano

2009]. Nota del Grupo de Trabajo del W3C. Disponible en: . ? W3C. Techniques for WCAG 2.0 [HTML]. Ben Caldwell, Michael Cooper, Loretta Guarino Reid, Gregg Vanderheiden. W3C (MIT, ERCIM, Keio): W3C, 11 de diciembre de 2008, [Consulta: noviembre de 2009]. Nota del Grupo de Trabajo del W3C. Disponible en: . ? W3C. How to Meet WCAG 2.0 [HTML]. Gregg Vanderheiden, Loretta Guarino Reid, Ben Caldwell, Shawn Lawton Henry. W3C (MIT, ERCIM, Keio): W3C, 1 de diciembre de 2008, [Consulta: noviembre de 2009]. Referencia rápida de los requisitos de las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0. Disponible en: . ? W3C. Benefits of WCAG 2 [HTML]. Shawn Lawton Henry. W3C (MIT, ERCIM, Keio): W3C, septiembre 2008, actualizado el 22 de octubre de 2009, [Consulta: noviembre de 2009]. Presentación sobre los beneficios de las WCAG 2.0. Disponible en: . Disponible también en formato PPT en: . ? W3C. The WCAG 2.0 Documents [HTML]. Shawn Lawton Henry. W3C (MIT, ERCIM, Keio): W3C, 17 de diciembre de 2008, [Consulta: noviembre de 2009]. Descripción de los diferentes documentos técnicos de las WCAG 2.0. Disponible en: . ? W3C. WCAG 2 at a Glance [HTML]. Shawn Lawton Henry, Wayne Dick. W3C (MIT, ERCIM, Keio): W3C, 17 de octubre de 2008, [Consulta: noviembre de 2009]. Guía rápida de las WCAG 2.0. Disponible en: . Disponible también en formato PDF, tamaño A4, en: . Disponible también en formato PDF, tamaño 8.5"x11", en: Bibliografía complementaria Otros recursos

6/6 Fecha de publicación: 24/01/2012 Antes de imprimir este documento, considere si es necesario hacerlo. El medio ambiente es cosa de todos. ©2012 Universitat de les Illes Balears. Cra. de Valldemossa, km 7.5. Palma (Illes Balears). Tel: (+34) 971 173 000. E-07122. CIF: Q0718001A