Prsentation PowerPoint

1
Día Mundial de la Usabilidad Perú - 2008
"Comunicación y accesibilidad a la
información" (videoconferencia desde Colombia)
Philippe Boland - enREDo Club Networking TIC
2
La comunicación Los sitios Web de calidad
deben presentar una comprensibilidad y una
claridad de comunicación adecuada, combinando el
contenido y el diseño de tal modo que hagan la
navegación del usuario eficaz, efectiva y
satisfactoria. A la adecuación y a la buena
calidad técnica (páginas rápidas que deben
cargarse a distancia, grafismo coherente con la
navegación y con el contenido, contraste adecuado
entre el contenido informativo y el fondo), es
necesario añadir la exigencia de volver el
contenido comprensible para todos incluidos los
usuarios "nuevos" y volviendo también la
información disponible a través de varios canales
sensoriales.
3
A - Web design o diseño de páginas Web B -
Empleo del color (elegir los colores) C - Estilo
de escritura (Tipografía y Atributos gráficos)  
D - Utilizar el multimedia
4
A - Web design o diseño de páginas
Web TENDENCIAS TECNOLÓGICAS   Móvil debe ser
independiente de todo tipo de soporte (tamaño de
pantalla, impresora de salida, etc).   Universal
debe ser independiente a todo sistema de
explotación y de todo tipo de material
(fabricante, marca, programa o plug-in).   Accesib
le estrictamente conforme a la norma W3C, lo que
permite a otros programa accesibles con la ayuda
de micro formatos y abierto a bases de datos
diversas.
5
B - Empleo del color (elegir los colores) La
elección de los colores es un problema muy
discutido. La legibilidad de un texto y las
preferencias de un lector no están unidas por una
relación sistemática. El color no solamente se
utiliza con fines estéticos, sino también como
recurso para aumentar el contenido simbólico o
para mejorar el formato y la presentación de la
información, su visualización. Varios estudios
han demostrado que los operadores se sienten más
cómodos utilizando pantallas en color. Otros
estudios también ponen de manifiesto que la
eficacia del color y sus efectos sobre los
resultados dependen de la tarea a realizar.
6

• Se pueden utilizar el color para
•  estructurar un documento, una página,
•  localizar la información,
•  definir y distinguir categorías de información,
•  poner de relieve una sugerencia o una
  advertencia. Si el color puede mejorar la
  percepción y el tratamiento de la información,
  puede también tener el efecto opuesto.
• La utilización del color puede implicar una
  sobrecarga perceptiva debida a la visión
  simultánea de varios colores y al efecto de
  vibración que estos pueden generar.
• Esto nos conduce a prevenir a los diseñadores
  sobre el uso abusivo de los colores de fondo o en
  las fuentes (tipos de letras).

7
La concepción de un sitio Web dependerá del uso y
del público al cual esté dirigido, de la tarea
que se desea que el usuario cumpla. Para cada
caso el color es usado como un código para
reforzar la imagen corporativa del sitio y el
mensaje que se desea hacer pasar. Es un trabajo
de profesionales. Finalmente, no hay que olvidar
que entre el 8 y el 10 de la población masculina
y el 0,5 de la femenina sufren de daltonismo, es
decir, tienen problemas para reconocer colores
(no diferencian el rojo del verde, entre el azul
y el amarillo). Por otra parte los colores a los
extremos del espectro luminoso (el rojo y el
azul) pueden acentuar la miopía o la
hipermetropía del lector.
8
(No Transcript)
9
Cantidades de colores en función de las
características de la tarea
10
(No Transcript)
11
(No Transcript)
12
(No Transcript)
13
(No Transcript)
14
C - Estilo de escritura (Tipografía y Atributos
gráficos ) Cuando presenten contenidos e
información en un sitio Web, recuerden adoptar un
estilo simple y sucinto que permita una lectura
rápida, en un "barrido" del texto. El lenguaje
deberá pues, corresponder a las exigencias
variables que dependen del perfil y las
aspiraciones culturales del usuario. Será
necesario prestar especial atención a la clase de
usuarios que procede del mundo escolar la
realización de contenido didáctico deberá
coordinarse con los programas de estudios de las
distintas clases de edad.
15
Además, es necesario tener en cuenta las
exigencias de los usuarios "nuevos" o
"minusválidos", que intentan explotar las
posibilidades ofrecidas por la Red. En el caso
en que decidan publicar profundizaciones y
servicios informativos para un público
especializado, empleando términos científicos,
prevean instrumentos que sirvan a la comprensión
de los textos, como glosarios o otros ayudas
didácticos. Conciba el contenido de manera
estratigráfica, utilizando las posibilidades
ofrecidas por el hipertexto.
16

• Algunas normas de base para escribir en la Red
•   Adoptar un estilo claro y sucinto concreto que
  vuelva la página legible como un menú, construir
  recorridos claros, gracia a una estructura en
  parágrafos precisos títulos, subtítulos, textos
  cortos, espacios en blancos, sumarios
• Adoptar una presentación (layout) coherente
  dentro del conjunto del sitio Web, utilizando los
  títulos (h1, h2, h3) para indicar los parágrafos
  respetando su secuencia jerárquica en cada
  página
•  Tener cuidado con el uso de los caracteres
  gruesos, las mayúsculas, la puntuación o los
  espacios para destacar el texto
•  Adoptar el orden de la "pirámide invertida" en
  la propuesta del contenido, es decir presentar de
  inicio la "síntesis" para descender a medida
  hacia la información detallada

17

•  Utilizar el hipertexto "estratificar" la
  información en varios niveles
•  Escribir frases simples y breves y componer
  textos dos veces menos largos que aquéllos que se
  conciben para versiones papel
•  Evitar tan posible el uso de "scrolling"(desplaza
  miento vertical con el ascensor del navegador)
  cuando es necesario, los títulos del contenido
  deben encontrarse al principio de la página
•  Tener cuidado con la puntuación que podría
  leerse en algunos casos de manera errónea por los
  lectores de pantalla por ejemplo, el guión en el
  medio se lee como el signo "menos".

18
D - Utilizar el multimedia Qué son las
Tecnologías Multimedia? Los dispositivos para
navegar en la Web han evolucionado en los últimos
años de forma exponencial. Junto a esta
evolución, ha quedado atrás la introducción
simple de texto e imágenes, siendo sustituida por
la posibilidad de incorporar una gran variedad de
objetos, como pueden ser archivos de sonido,
vídeo y animación, con el objetivo de enriquecer
la experiencia del usuario y ofrecer al mismo
tiempo la posibilidad de utilizar diferentes
medios conjuntamente.
19

• El recurso a multimedia no es necesario en todos
  los casos (ya que genera mayor tiempo de descarga
  de la página). La mayor parte del tiempo, un
  texto, con algunas imágenes fijas, bastará para
  comunicar eficazmente el mensaje. Recurrir a
  recursos multimedia debe hacerse de manera
  conveniente, y en ciertos casos para
•  Tocar a un público cuya lectura no constituye la
  forma privilegiada de aprendizaje
•  Dirigirse a una audiencia internacional
•  Reforzar la atención y favorecer la retención
•  Poner de relieve un elemento sobre una página
•  Garantizar la retroalimentación
•  Indicar un proceso Les proponemos algunas
  recomendaciones relativas para éstos.

20

• Recomendaciones relativas a la diagramación del
  texto
• La información contenida en una pantalla debe
  condensar, sintetizarse y estructurarse.
• Hagan frases cortas. Un máximo de 10 a 12
  palabras esto facilitará la lectura.
• Varios internautas escasamente utilizan la barra
  de ascenso vertical.
• Para calcular el contenido de una página hay que
  limitarse a una longitud de dos páginas-pantalla,
  
• Evitar los textos demasiado amplios que requieren
  un desplazamiento horizontal de la barra
  desenfilada,
• Evitar en el texto las palabras intermitentes,
• Evitar destacar en los textos palabras o títulos
  con subrayados.
• Reservar el subrayado para los vínculos.
• Evitar el desplazamiento del texto o probar la
  velocidad de desenfilada,
• Atención al tiempo de lectura. En general,
  equivale a 1/4 segundo " por cada palabra del
  texto" . (promedio con un MODEM)

21

•  Sonido el sonido es utilizado para
•  ser un enlace de la imagen,
• atraer la atención,
• alertar,
• aconsejar,
• crear un ambiente
• Recomendaciones relativas a la utilización de
  multimedia
•  Dar la posibilidad al usuario de consultar el
  multimedia a su ritmo.
• Aplicar un sistema de desactivación del sonido.
• Permitir ver/escuchar de nuevo.
• Limitar su duración.

22

• Efectos sonoros
• Los efectos sonoros pueden utilizarse también
  para
•  Acompañar una información específica difícil de
  mostrar a través de otros medios
• Señalar un cambio o suscitar la atención
•  Estipular la consideración de una elección o de
  un conjunto de elecciones.
•  

23

• Imagen
• Las imágenes pueden reforzar y favorecer la
  comprensión de un texto, pero si son demasiadas,
  pueden convertirse rápidamente en una barrera
  para el acceso al lugar (tiempo de descarga).
• Existen varios tipos de imágenes
•  la imagen gráfica
•  la imagen fotográfica
•  el icono gráfico
•  el mapa - imagen
•  la imagen de fondo
•  la imagen animada
•  

24

• Recomendaciones relativas a la utilización de las
  imágenes
•  Utilizar imágenes en formato entrelazado para
  que la imagen aparezca progresivamente, mejorando
  su resolución.
•  Reducir el número de colores y el número de bits
  (resolución de la imagen). A fin de evitar las
  sorpresas cuando el sitio Web es visto por
  distintas plataformas.
•  Visualizar las imágenes sobre distintas
  plataformas antes de publicarlas.
•  Evitar poner imágenes de tamaño pleno página en
  un sitio Web (tiempo de acceso y cobro a
  distancia demasiado costoso)
•  

25

• Animaciones
• Evitar las animaciones repetitivas y las
  interacciones texto/imagen/sonido, corren el
  riesgo de generar la perdida de atención de una
  fuente y causar distracción.
• La integración de los distintos tipos de
  información requiere de un esfuerzo cognoscitivo
  importante y sobrecarga el tratamiento de la
  información.
• El ser humano retiene solo
•  un 10 de lo que lee
•  un 50 de lo que ve y oye
•  70 de lo que ve, oye y lee

26
Interacciones texto/imagen/sonido   La presencia
de estímulos sonoros o gráficos (estáticos o
dinámicos) no es suficiente para mejorar la
retención de la información. La asociación de
estos estímulos puede resultar contraproducente
en ciertas ocasiones si se emplea mal. El
aspecto poli semiótico (múltiples significados)
de las imágenes y del sonido a menudo es
descuidado de hecho es prudente comprobar su
significado frente al usuarios. Evitar asociar
un comentario sonoro que contiene información
pesada cuando la visualización de un texto
contiene otra información pesada.
27
Gracias Philippe Boland philippe_at_enredo.org