t5.1. diseño multimedia
TRANSCRIPT
LOGO
Tecnologías Multimedia – Periodismo Online
Profesor: Manuel Gértrudix
Mapa 1/3 Claves de diseño
Claves de diseño
multimedia
Diseño centrado en experiencia
de usuario
¿Qué es?
Factores
Reglas esenciales de
usabilidad
Reglas básicas
Evaluación de usabilidad
Accesibilidad
Concepto
Regulación
Normas
Ayudas
Estándares y especificaciones
básicas
¿Qué son?
Sistemas de validación
Primeras reflexiones
¿Dónde está el 1,25?
¿Cómo emerger aquí?
Fuente: http://www.isc.org
Diseño centrado en Experiencia de Usuario (EU)
Diseño centrado en Experiencia de Usuario (EU)
Lo maravilloso de la tecnología es que la gente acabautilizándola para algo completamente distinto de su destinooriginal. Es este valor de lo inesperado lo que subyace a lacreatividad en la sociedad. (Manuel Castells, 2002: 249)
Una nueva ola en la forma de experimentar los productos, en este casoel software, que va más allá de la informática. Estamos entrando en unmundo que cada vez está más cerca de Minority report en cuanto a laexperiencia del usuario. (Forest Key, 2006)
Diseño centrado en EU
La Experiencia de Usuario es la sensación, sentimiento,respuesta emocional, valoración y satisfacción del usuariorespecto a un producto, resultado del fenómeno deinteracción con el producto y la interacción con suproveedor. (Hassan y Martín)
Factores de la experiencia de usuario
Alcalá (2005)
Factores de la experiencia de usuario
Morville (2004)
Utilidad?
Utilidad
www.barrabes.com
www.diazdesantos.es
www.bankofamerica.com
Utilizable?
“Encontrable”?
“Encontrable”
www.20minutos.es
www.cope.es
www.guardian.co.uk
Adecuado
Adecuado
www.weyerhaeuser.com/
www.bowater.com/en/
www.bc.com/
Deseable?
Deseable
http://www.audi.es
http://www.ayto-getafe.org
Accesible?
Accesible?
¿Qué resulta más sencillo?
A B C D
Accesible
http://www.once.es
http://www.sport.es/
Creíble?
Creíble
1. Que sea fácil de verificar la exactitud de la información del sitio.
2. Mostrar que hay una organización real detrás del sitio.
3. Realzar la experiencia de la organización en los contenidos y servicios que ofrece.
4. Mostrar que hay gente honesta y digna de confianza detrás del sitio.
5. Facilitar diversos medios de contacto (CRM)
Creíble
6. Diseñar el sitio de forma profesional (o apropiado para su propósito).
7. Hacer el sitio fácil de usar - y útil.
8. Actualizar el contenido a menudo (y mostrar que ha sido revisado recientemente).
9. Utilizar con moderación cualquier contenido promocional (por ejemplo, anuncios, ofertas).
10. Evitar errores de todo tipo (ortotipográficos, funcionales, estructurales, etc.)
Valioso?
Valioso
www.efe.com
http://web.alerta-antivirus.es
Reglas básicas de Usabilidad
Jakob Nielsen establece las siguientes reglas básicas Los enlaces deben de cambiar de estado cuando se visitan (color, etc.)
No se debe, en ningún caso, deshabilitar el botón “Atrás” del navegador.
Utilizar enlaces a “nuevas ventanas de navegación” solo cuando se justifique en términos de usar información paralela entre dichas ventanas, o se trate de enlaces a ficheros (pdf, diapositivas, hojas de cálculo o ficheros similares); en otro caso, es mejor que los enlaces carguen siempre en la misma ventana inicial.
Evitar las ventanas emergentes y/o que aparecen de forma sorpresiva, sin que sean activadas explícitamente por el usuario.
Eludir el uso de elementos de diseño que puedan confundirse con publicidad. Los usuarios han desarrollado estrategias de cierta “ceguera” que evita, automáticamente, esos bloques de información.
Seguir, en el diseño, en la navegación, en la Arquitectura de la Información…, las convenciones globales de la Web. Debemos solo ser “atrevidos”, “revolucionarios”, cuando el objetivo del sitio lo justifique y estemos convencidos de que realmente puede funcionar.
El contenido y la información debe ser preciso, directo, sin elementos banales o etéreos.
Evitar, salvo que sea una necesidad específica por el tipo de información, textos densos y extensos.
Evaluación de Usabilidad
Existen diferentes metodologías
Prueba-usuario
Heurística
Etnográfico Automática
ProductoMultimedia
¿Quiénes?
Derechos
Necesidades
Intereses
¿Por qué?
Social / Legal / Económico
Capacidades:Físicas
PsicológicasSocioeconómicasTecnológicas
¿Cómo? Hardware y Software / Normativa /
Pautas / Técnicas
Accesibilidad
Conceptos básicos de Accesibilidad
Capacidad de acceso a la web y a sus contenidos por
todas las personas, independientemente de las limitaciones
propias del individuo o de las que se deriven del contexto de uso.
Arte de garantizar que, tan amplia y
extensamente como sea posible, los
medios estén disponibles para las personas, tengan o no
deficiencias de un tipo u otro.
Acceso universal a la web,
independientemente del tipo de
hardware, software, infraestructura de
red, idioma, cultura,
localización geográfica y
capacidades de los usuarios
Wikipedia Tim Berners-Lee W3C
Accesibilidad Web Tres definiciones y un objetivo
Accesibilidad Web como objetivo Razones para construir una web para todos
Marco legal y normativo.
Factores socioeconómicos
Integración e igualdad.
Dimensión moral
La expectativa del futuro.
Dimensión práctica
“La mitad de tus visitas a tu sitio provienen de Google, y Google sólo ve lo que un ciego puede ver. Si tu sitio no es accesible, tendrás menos visitas. Fin de la historia” (Pemberton)
Dificultades en el acceso a la web ¿Quiénes?
Dificultad Estable
• Discapacitados Físicos (Visuales, Auditivos, Motóricos).
• Discapacitados Psíquicos.
Dificultad Temporal
Dificultad Tecnológica
Dificultad derivada de la
Edad
Accesibilidad Pautas y regulación
W3C (Consorcio para el desarrollo de estándares y especificaciones
técnicas para el crecimiento de Internet)
WAI (Iniciativa para la Accesibilidad Web)
WCAG 1.0 (Guías para el Contenido Accesible en la Web 1.0)
Pautas A, AA, AAA
Prioridad 1, 2 Y 3
Nuevo WCAG 2.0 (Guías para el Contenido Accesible en la
Web 2.0)
Nueva estructura
Niveles de adecuación 1, 2 y 3
Productos Multimedia Accesibles PAUTAS FUNDAMENTALES WCAG 1.0
1. Proporcionar alternativas equivalentes para el contenido visual y auditivo
2. No basarse sólo en el color.
3. Utilizar hojas de estilo y hacerlo apropiadamente.
4. Identificar el idioma usado. Crear tablas que se transformen correctamente.
5. Asegurar la accesibilidad directa de las interfaces incrustadas.
6. Utilizar las tecnologías y pautas W3C.
7. Proporcionar información de contexto y orientación.
8. Asegurarse de que los documentos sean claros y simples.
9. No utilizar ventanas emergentes, o al menos hacerlas accesibles.
Productos Multimedia Accesibles PAUTAS FUNDAMENTALES WCAG 2.0
El contenido debe ser perceptible.
La interfaz y sus elementos deben ser operables.
El contenido y los controles deben ser comprensibles.
El contenido debe ser suficientemente robusto como para poder funcionar tanto con la tecnología web actual como con la futura, incluyendo tecnología asistiva.
Ayudas Técnicas Software
Lectores de pantalla
JAWS (Comercial)
ORCA (Libre, Open Source)
Gnopernicus (Libre, Open Source)
Magnificadores de pantalla
Sistemas de reconocimiento de voz
Teclados virtuales, emuladores de ratón, sistemas de barrido.
Ayudas Técnicas Hardware
Línea Braille, Horno Fusser.
Bucle magnético.
Ratones, teclados, dispositivos para manejo del teclado, pulsadores,etc…
Evaluación de accesibilidad
TAW (www.tawdis.net)
HERA (www.sidar.org/hera)
PISTA ACCESIBILIDAD (www.pistaaccesibilidad.com)
Estándares y especificaciones básicas
¿Qué son los estándares web?
Conjunto de tecnologías y protocolos establecidos por el consorcio W3C que definen, en relación al contenido basado en Web
Cómo se debe crear
Cómo se debe interpretar
Con la finalidad de que puedan estar siempre disponibles y accesibles para todos los usuarios de la Red
Estándares y especificaciones básicas
¿Por qué hay que diseñar con estándares? Se trabaja más rápido (aunque inicialmente lleve más tiempo
aprenderlos)
El mantenimiento es más fácil, sencillo y rápido.
Es menos costoso
Centralizan el diseño (en pocos ficheros, fácilmente administrables)
Facilita el despliegue en cualquier SO, navegador, dispositivo (antiguo, actual o futuro) y salida (pantalla, impresión…)
Ficheros más optimizados (descarga y presentación más rápida)
Mayor accesibilidad y mejor experiencia de usuario
Facilitan el posicionamiento en los buscadores (marcado semántico)
En consecuencia, maximiza la audiencia potencial
Los estándares están por debajo, pero están…
LOGO
Tecnologías Multimedia – Periodismo Online
Profesor: Manuel Gértrudix