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 Reglas Estándares y

en experiencia esenciales de Accesibilidad especificaciones
de usuario usabilidad básicas

¿Qué es? Reglas básicas Concepto ¿Qué son?

Evaluación de Sistemas de
Factores Regulación
usabilidad validación

Normas

Ayudas
 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)
 Diseño centrado en EU
Lo maravilloso de la tecnología es que la gente acaba
utilizándola para algo completamente distinto de su destino
original. Es este valor de lo inesperado lo que subyace a la
creatividad en la sociedad. (Manuel Castells, 2002: 249)

Una nueva ola en la forma de experimentar los productos, en este caso

el software, que va más allá de la informática. Estamos entrando en un
mundo que cada vez está más cerca de Minority report en cuanto a la
experiencia del usuario. (Forest Key, 2006)

La Experiencia de Usuario es la sensación, sentimiento,

respuesta emocional, valoración y satisfacción del usuario
respecto a un producto, resultado del fenómeno de
interacción con el producto y la interacción con su
proveedor. (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?
 Utilizable

www.seg-social.es

http://www.aeat.es
“Encontrable”?
 “Encontrable”

www.20minutos.es
www.cope.es

www.guardian.co.uk
Adecuado
 Adecuado

www.weyerhaeuser.com/

www.bc.com/

www.bowater.com/en/
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-
Heurística
usuario

Etnográfico Automática
 Conceptos básicos de Accesibilidad

Capacidades:
Físicas
Psicológicas
Socioeconómicas ¿Cómo?
Tecnológicas Hardware y Software / Normativa /
Pautas / Técnicas

Accesibilidad Producto
Multimedia

¿Quiénes?

¿Por qué?
Derechos
Necesidades Social / Legal / Económico
Intereses
Accesibilidad Web  Tres definiciones y un objetivo

Wikipedia Tim Berners-Lee W3C

Acceso universal a
Capacidad de acceso Arte de la web,
a la web y a sus garantizar que, independientemente
contenidos por tan amplia y del tipo de
todas las personas, extensamente como hardware, software,
independientemente sea posible, los infraestructura de
de las limitaciones medios estén red, idioma,
propias del disponibles para cultura,
individuo o de las las personas, localización
que se deriven del tengan o no geográfica y
contexto de uso. deficiencias de capacidades de los
un tipo u otro. usuarios
 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). Dificultad
• Discapacitados Temporal
Psíquicos.

Dificultad
Dificultad
derivada de la
Tecnológica
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