t5.1. diseño multimedia

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?

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.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