Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Usabilidadnynaccesibilidadnennsitiosnweb 925fa18d14795d7
Usabilidadnynaccesibilidadnennsitiosnweb 925fa18d14795d7
Hugo Carrión
Mayo, 2012
Contenido
2
Usabilidad y accesibilidad de sitios web
Objetivos
El participante al culminar el curso estará en capacidad de:
• Conocer la terminología y definiciones en torno al concepto de la usabilidad web.
• Entender los fundamentos del diseño centrado en el usuario y la arquitectura de la
información como conceptos habilitadores de la usabilidad web.
• Incorporar criterios de usabilidad en el desarrollo de soluciones web.
Contenido
• Introducción y diseño centrado en el usuario (2 horas)
• Diseño de soluciones web
• El papel del usuario
• Metodología de DCU
Dirigido a
Profesionales de la informática y la comunicación responsables del diseño y mantenimiento de
sitios web institucionales.
3
Requisitos del participante
Los participantes deben tener conocimientos sólidos de informática básica y tener experiencia
en la navegación web y uso de servicios web.
Metodología
Se empleará una metodología de taller la cual permitirá que cada participante pueda asimilar
los conceptos mediante la práctica. La metodología consiste principalmente en la facilitación
del curso con un enfoque totalmente práctico y participativo, que facilitará el acercamiento y
conocimiento a la usabilidad web. Se presentarán exposiciones sobre los fundamentos
teóricos las mismas que serán interactivas, se despejarán las dudas e inquietudes el momento
que se presenten.
Evaluación
La evaluación de los participantes consistirá en:
• Presentación de proyecto grupal
• Examen final
4
Introducción y diseño centrado en el usuario
Temas a tratar
• Diseño de soluciones web
• El papel del usuario
• Metodología de DCU
La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la
eficiencia de la web como canal de comunicación e intercambio de datos, que brinda
posibilidades como el contacto directo entre el productor y el consumidor de contenidos,
característica destacable del medio.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente
en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión
plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer
sus producciones y utilizarlas como un canal más de difusión de su obra.
• Creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python,
Ruby.
• Utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
• utilizando lenguajes de programación del lado servidor para generar la página web.
Etapas
Para el diseño de páginas web debemos tener en cuenta tres etapas:
• La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una
vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y
fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje
de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados son
hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con
información relacionada. La importancia de la estructura y arborescencia web
radica en que los visitantes no siempre entran por la página principal o inicial y en
ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle
navegar por el sitio.
5
El HTML consta de una serie de elementos que estructuran el texto y son presentados en
forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple
editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión
.html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de
este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de
1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con
estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el
desarrollador se concentra en lo más importante, el diseño del documento.
Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del
impacto visual que se quiere generar en el usuario.
Fundamentos
Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos
permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los
estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la
permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha
perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del
marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e
independiente del medio que se utilice para ser mostrado.
La web semántica, por otra parte, aboga por un uso lógico de los elementos según el
significado para el que fueron concebidas. Por ejemplo se utilizará el elemento <P> para
marcar párrafos, y <TABLE> para tabular datos (nunca para disponer de manera visual los
diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica
revolución en el diseño web puesto que apuesta por separar totalmente el contenido del
documento de la visualización.
De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar
la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los
diferentes medios (como por ejemplo, una pantalla de computadora, un teléfono móvil, impreso
en papel, leída por un sintetizador de voz, etc.). Por lógica, esta metodología beneficia
enormemente la accesibilidad del documento.
Accesibilidad
El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que
sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para
conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C:
Pautas de accesibilidad al contenido Web 1.0 WCAG.
6
Arquitectura de la información
Temas a tratar
Audiencia
Organización de la información
Sistemas de navegación
Diseño conceptual
Página de inicio
Audiencia
A continuación se hacen algunas definiciones de audiencia, las que, sin importar las
características del sitio, siempre deberán estar presentes, y por lo mismo, deben traducirse en
acciones para poder atenderlas adecuadamente.
Por capacidad física: la audiencia del sitio incluirá personas con discapacidades físicas,
por lo que una de las metas que debe tener todo sitio es permitir el acceso de ellos, a
través del cumplimiento de las normas de Accesibilidad que se han recomendado como
estándares internacionales.
Por capacidad técnica: la audiencia que llegue al sitio se dividirá de acuerdo a la
experiencia técnica que tenga; por ello se deben plantear accesos simples mediante
enlaces y otros más complejos, por ejemplo, mediante el uso de buscador.
Por conocimiento de la institución: los usuarios del sitio se dividirán entre quienes
conocen la institución y quienes no la conocen. Por lo anterior, los primeros siempre
sabrán dónde buscar lo que necesitan usando la terminología, siglas y nombres de
departamentos internos; los segundos, en tanto, no entenderán nada de la
nomenclatura interna y les será muy difícil acceder a la información que se les ofrezca
de esa manera.
Por necesidades de información: los usuarios del sitio también se dividirán entre
quienes llegan a buscar contenidos determinados y quienes sólo llegan a ver si existe
algo que les pueda servir en lo que estén realizando.
Por ubicación geográfica: dentro de la audiencia siempre habrá usuarios que ingresan
al sitio web desde lugares diferentes, por lo que los contenidos deben responder
también a esta diversidad.
Organización de la información
Arquitectura de la Información (AI) es la disciplina y arte encargada del estudio, análisis,
organización, disposición y estructuración de la información en espacios de información, y de la
selección y presentación de los datos en los sistemas de información interactivos y no
interactivos.
En relación con la World Wide Web el Information Architecture Institute, define la Arquitectura
de la Información como:
La Arquitectura de la Información trata indistintamente del diseño de: sitios web, interfaces de
dispositivos móviles o gadgets (como los lectores de mp3), CD interactivos, videoclips digitales,
relojes, tableros de instrumentos de aviones de combate o civiles, interfaces de máquinas
dispensadoras, interfaces de juegos electrónicos, etc. (Laverde, A. 2005)
7
Su principal objetivo es facilitar al máximo los procesos de comprensión y asimilación de la
información, así como las tareas que ejecutan los usuarios en un espacio de información
definido.
Con el fin de que la asimilación de contenidos por parte del usuario sea eficiente y efectiva, y
para que el sitio sea accesible y usable, la Arquitectura de la Información como proceso en
general, se encarga, durante el desarrollo de definir:
Sistemas de navegación
Una pregunta que normalmente se hace un usuario al visitar un sitio web es “¿en dónde
estoy?” El portal debe estar en la capacidad de mostrar en todo momento a los usuarios su
ubicación dentro del sitio, no solo para responder esta pregunta, también debido a que los
usuarios que acceden a una página interna a través de un motor de búsqueda querrán saber
exactamente dónde están.
Mostrar de forma clara al usuario el lugar donde se encuentra depende de varios sistemas de
navegación. En ellos se debe indicar el lugar que ocupa la página actual dentro de toda la
jerarquía de contenidos del portal.
Navegación global
La navegación global está compuesta generalmente por las categorías principales o por el
denominado “menú principal” del sitio web. Esta navegación responde a la necesidad concreta
del usuario de saber a dónde dirigirse y lo que puede hacer dentro del sitio.
8
Si no existe una navegación global consistente a lo largo de todo el sitio, se estará aumentando
el riesgo de que el usuario se desoriente dentro del portal.
Navegación contextual
La navegación de contexto indica al usuario los lugares del sitio a los que se puede dirigir
dentro de su nivel de navegación actual o local. Este menú se presenta cuando el usuario visita
las secciones principales del sitio y muestra las subsecciones o páginas que pertenecen a la
sección principal actual.
Las secciones con grandes cantidades de información así como las estructuras de sitio
profundas se pueden ver muy beneficiadas de la presencia de una navegación contextual.
Ruta de migas
La ruta de migas es una lista de enlaces que se ubica generalmente en la parte superior de la
página y que muestra la ruta que ha seguido el usuario hasta el lugar dónde se encuentra.
Aunque es probable que el usuario haya ingresado a una página interna a través de un motor
de búsqueda, la ruta de migas muestra también la jerarquía de contenidos del sitio y funciona
como un mecanismo de navegación auxiliar.
Incluir de forma adecuada una ruta de migas en un sitio web tiene los siguientes beneficios:
• Permite al usuario saber su ubicación actual dentro del sitio.
• En caso de que el usuario haya seguido una ruta de navegación, responde a
• las preguntas ¿dónde estoy? y ¿dónde he estado?
• Reduce el riesgo de tener páginas huérfanas y permite al usuario acceder
• fácilmente a secciones relacionadas.
Para que la ruta de migas sea coherente se debe garantizar que en todas las páginas
corresponda fielmente a la jerarquía de contenidos del sitio, también es importante
diseñarla de modo que sea reconocible, sencilla y fácil de usar.
URL Limpios
El URL es el la abreviatura de Uniform Resource Locator (Localizador Uniforme de Recursos),
es el nombre técnico con el que se conoce a la comúnmente llamada “dirección”.
Un esquema de URL limpios tiene las siguientes características:
• Corresponde a la jerarquía del sitio
• No incluye caracteres especiales como $, &, ?,= entre otros.
Presentar los URL de una manera limpia y ordenada puede ayudar al usuario a reconocer su
ubicación dentro del sitio, incluso puede convertirse en un mecanismo de navegación que
permita al usuario visitar la sección anterior en jerarquía.
Un sitio web con URL limpios en general tiene un mejor aspecto y es un indicador de que el
sitio se ha preocupado por seguir una convención de la web.
Diseño conceptual
9
El objetivo de la fase de Diseño Conceptual es definir el esquema de organización,
funcionamiento y navegación del sitio. No se especifica qué apariencia va a tener el sitio, sino
que se centra en el concepto mismo del sitio: su arquitectura de información.
Los sitios web son sistemas hipermedia formados por conjuntos de páginas interrelacionadas
por enlaces unidireccionales, pudiendo cada una de estas páginas contener sub-elementos con
entidad propia, contenidos multimedia y herramientas interactivas.
La "estructura" del sitio web se refiere precisamente a las conexiones y relaciones entre
páginas, a la topología de la red de páginas, así como a la granularidad de los elementos de
información contenidos en las páginas; y la "navegación" a las posibilidades y forma en que
cada página presenta las opciones de desplazamiento hacia otras páginas.
La definición de la estructura del sitio puede hacerse desde dos enfoques diferentes y
complementarios: aproximación descendente y ascendente. En la descendente se trata de
estructurar del "todo" a las "partes", dividir los contenidos en páginas y definir los enlaces entre
páginas. En la Ascendente, por el contrario, se definen los bloques mínimos de información,
estructuración que va más allá de la propia segmentación de información en páginas.
Una vez definida la estructuración del sitio es necesario documentarla, para así tener un
modelo de referencia sobre el que sustentar el desarrollo del sitio. La forma de documentar
arquitecturas se suele hacer a través de grafos y esquemas, con el objetivo de que sean de
fácil y rápida comprensión por todos los miembros del equipo de desarrollo.
Otras tareas a llevar a cabo por el Arquitecto de Información o diseñador en la fase de Diseño
Conceptual son: Definir sistemas de clasificación para los contenidos; Elaborar índices y mapas
del sitio; Aplicar metadatos a cada una de las páginas y sub-elementos de información; y
Definir el Sistema de Rotulado-
Con el objetivo de evitar la sobrecara informativa, en el diseño de cada interfaz se debe tener
en cuenta el comportamiento del usuario en el barrido visual de la página, distribuyendo los
elementos de información y navegación según su importancia en zonas de mayor o menor
jerarquía visual - por ejemplo, las zonas superiores del interfaz poseen más jerarquía visual que
las inferiores.
Además de la posición de cada elemento en la interfaz, existen otras técnicas para jerarquizar
información como son: uso del tamaño y espacio ocupado por cada elemento para otorgarle
importancia en la jerarquía visual, utilización del contraste de color para discriminar y distribuir
10
información, uso de efectos tipográficos para enfatizar contenidos, rotura de la simetría y uso
de efectos de relieve / profundidad para resaltar elementos, etc.
Además de evitar la sobrecarga informativa jerarquizando los contenidos mediante las técnicas
descritas, para evitar la sobrecarga memorística se recomienda definir menús de navegación
con un número de opciones reducido, normalmente no más de nueve diferentes.
Otro aspecto importante en el diseño visual del sitio es la accesibilidad. En el uso de colores,
por ejemplo, se debe ofrecer suficiente contraste entre texto y fondo para no dificultar la lectura,
e igualmente seleccionar combinaciones de colores teniendo siempre en cuenta las
discapacidades visuales en la percepción del color que pudieran presentar nuestros usuarios.
Desde una perspectiva más amplia del diseño visual del sitio es importante mantener una
coherencia y estilo común entre todas las páginas, proporcionando una consistencia visual a
todo el sitio. Para asegurar que esta coherencia se cumple, es útil elaborar un libro o guía de
estilo que sirva de documento referencia para todo el equipo de desarrollo.
11
Criterios de usabilidad web
Temas a tratar
• Conceptos generales. Su necesidad en el diseño web
• Diseño de página. Separación del contenido y el formato
• Los tiempos de respuestas en un sitio web
• Usabilidad en los enlaces web
• El diseño de contenido
• La simplicidad en el diseño web
• La usabilidad en el proceso de desarrollo web
2. Facilidad de Uso: facilidad con la que el usuario hace uso de la herramienta, con
menos pasos o más naturales a su formación específica. Tiene que ver con la eficacia
y eficiencia de la herramienta.
En informática, la usabilidad está muy relacionada con la accesibilidad, hasta el punto de que
algunos expertos consideran que una forma parte de la otra o viceversa. Uno de estos expertos
y gurú de la usabilidad en los entornos web es Jakob Nielsen, quien definió la usabilidad en el
2003 como "un atributo de calidad que mide lo fáciles de usar que son las interfaces web".
Otra definición clarificadora es la de Redish (2000), para quien es preciso diseñar sitios web
para que los usuarios sean capaces de "encontrar lo que necesitan, entender lo que
encuentran y actuar apropiadamente… dentro del tiempo y esfuerzo que ellos consideran
adecuado para esa tarea".
La usabilidad también está más relacionada con la ergonomía y los factores humanos.
La ergonomía parte de los principios del diseño universal o diseño para todos. La buena
ergonomía puede lograrse mediante el diseño centrado en el usuario (que no necesariamente
dirigido por él), aunque se emplean diversas técnicas. El diseñador de ergonomía proporciona
un punto de vista independiente de las metas de la programación porque el papel del diseñador
es actuar como defensor del usuario. Por ejemplo, tras interactuar con los usuarios, el
diseñador de ergonomía puede identificar necesidades funcionales o errores de diseño que no
hayan sido anticipados.
• ¿Quiénes son los usuarios, cuáles sus conocimientos, y qué pueden aprender?
• ¿Qué quieren o necesitan hacer los usuarios?
• ¿Cuál es la formación general de los usuarios?
• ¿Cuál es el contexto en el que el usuario está trabajando?
12
• ¿Qué debe dejarse a la máquina? ¿Qué al usuario?
• Las respuestas a estas preguntas pueden conseguirse realizando análisis de
usuarios y tareas al principio del proyecto.
• Otras consideraciones incluyen:
• ¿Pueden los usuarios realizar fácilmente sus tareas previstas? Por ejemplo,
¿pueden los usuarios realizar las tareas previstas a la velocidad esperada?
• ¿Cuánta preparación necesitan los usuarios?
• ¿Qué documentación u otro material de apoyo están disponible para ayudar al
usuario? ¿Puede éste hallar las respuestas que buscan en estos medios?
• ¿Cuáles y cuántos errores cometen los usuarios cuando interactúan con el
producto?
• ¿Puede el usuario recuperarse de los errores? ¿Qué han de hacer los usuarios
para recuperarse de los errores? ¿Ayuda el producto a los usuarios a recuperarse
de los errores? Por ejemplo, ¿muestra el software mensajes de error informativos y
no amenazantes?
• ¿Se han tomado medidas para cubrir las necesidades especiales de los usuarios
con discapacidades? (Es decir, ¿se ha tenido en cuenta la accesibilidad?)
Beneficios de la usabilidad
Entre los principales beneficios se encuentran:
13
La principal ventaja de este sistema es que facilita el mantenimiento del contenido de la web ( a
través de sencillos formularios de entrada de información) y sobretodo que permite a usuarios
no técnicos el mantenimiento de la información ofrecida por el sitio web.
Ejemplos típicos de aplicación de esta estrategia lo encontramos en sitios web que ofrecen un
catálogo de productos o servicios amplio y cambiante.
Las páginas que tardan demasiado en cargar pueden dar la impresión de que se encuentran
fuera del aire, y los usuarios que tengan conexiones a internet demasiado lentas podrían
decidir buscar en algún otro sitio que les proporcione lo que buscan sin esperas.
Google decidió incluir en su algoritmo de ordenamiento para el motor búsqueda, el tiempo que
tardan los sitios web en cargar. La razón la resumieron en las siguientes palabras:
“Los sitios rápidos producen usuarios felices, y hemos visto en nuestros estudios que cuando
un sitio responde lentamente, los visitantes gastan menos tiempo en él.”
Google y Yahoo, ofrecen herramientas para evaluar el rendimiento de una página, y obtener
recomendaciones. Estas herramientas son gratuitas y están disponibles en línea.
Por su importancia en la experiencia de usuario, los enlaces deben ser claros, reconocibles y
sin lugar a ambigüedades. Algunas sugerencias a tener en cuenta para garantizar buenos
enlaces son:
14
En sus inicios, los navegadores diferenciaban los textos de enlace, a través del subrayado y el
color (azul). De esta manera, los usuarios se acostumbraron a que cuando observaban un texto
subrayado y azul, significaba que era un enlace.
Con el invento de las hojas de estilo en cascada CSS, los diseñadores pudieron quitarle a los
enlaces el subrayado y, además, ponerle subrayado a los textos (aunque no fueran enlaces). El
resultado: un usuario confundido, que no diferencia un enlace de un texto normal.
Se debe evitar el uso del subrayado para destacar algún texto no hipervinculado. Si se trata de
destacar dicho texto, el diseñador puede recurrir a otro tipo de cambios tipográficos, como el
énfasis moderado (etiqueta <em>)o el énfasis fuerte (etiqueta <strong>).
El diseño de contenido
En el diseño de contenidos hipermedia se debe mantener un equilibrio entre lo que serían
contenidos que no aprovechasen las nuevas posibilidades hipertexto y multimedia, y lo que
serían contenidos caóticos o desorientativos debido a un uso excesivo y no sosegado de las
posibilidades hipermedia.
Sin prescindir de las capacidades que ofrece el nuevo medio, de lo que se trata es de diseñar
contenidos interrelacionados y vinculados, manteniendo cierta coherencia informativa,
comunicacional y organizativa.
• Seguir una estructura piramidal : La parte más importante del mensaje, el núcleo,
debe ir al principio.
• Permitir una fácil exploración del contenido : El lector en entornos Web, antes de
empezar a leer, suele explorar visualmente el contenido para comprobar si le
interesa.
• Un párrafo = una idea : Cada párrafo es un objeto informativo. Se deben trasmitir
ideas, mensajes... evitando párrafos vacíos o varios mensajes en un mismo
párrafo.
• Ser conciso y preciso : Al lector no le gusta leer en pantalla.
• Vocabulario y lenguaje : Se debe utilizar el mismo lenguaje del usuario, no el de la
empresa o institución. El vocabulario debe ser sencillo y fácilmente comprensible.
• Tono: Cuanto más familiar y cercano (sin llegar a ser irrespetuoso) sea el tono
empleado, más fácil será que el lector preste atención.
• Confianza: La mejor forma de ganarse la confianza del lector es permitiéndole el
diálogo, así como conocer cuanta más información posible acerca del autor.
Debemos proporcionar al usuario lo que busca de una forma sencilla, sin complicar las rutas y
con el menor número de clics posible.
15
2. Pocos elementos aumentan la velocidad de carga de la página
Una página repleta de imágenes pesadas y multitud de menús, haría que el usuario
abandonara la página o incluso en los peores casos la maldijera. El tiempo de espera es un
factor muy importante a la hora de crear una actitudes en los usuarios.
Los sitios deben ser amigables para el usuario, como en un hotel, que si la estancia ha sido
satisfactoria, hay muchas posibilidades de regresar.
Ahora hay que llevarlo a cabo en cada diseño, eliminando elementos decorativos innecesarios
y preguntándonos ¿es este texto o esta imagen tan relevante para mi web?. Además debemos
asegurarnos de que tanto nuestro código como nuestra visión de la web en al pantalla, se rige
por la simplicidad.
16
Fase Tareas Métodos de usabilidad
Desarrollo de contenidos Listas de control
informativos
Desarrollo de aplicaciones
para interacción
Mantenimiento Producción de contenidos Control de logs
Revisiones Evaluación heurística
por expertos
Paseos cognitivos
Test de usuarios
17
Evaluación de la usabilidad web
Tenas a tratar
• Evaluación heurística
• Evaluación de usuarios
• Criterios y formas para evaluación
• Uso de herramientas para la evaluación
Introducción
La usabilidad del sitio web es una cualidad que debe estar en constante evolución. Las
tendencias y motivaciones de los usuarios son susceptibles de cambiar, como lo hacen las
tecnologías.
La constante evaluación del sitio web permite obtener datos que apoyen la toma de decisiones.
El mejor diseño es aquel que evoluciona constantemente a medida que los usuarios lo usan, el
que aprovecha la información y las estadísticas de uso para aumentar su calidad.
Las siguientes son solo algunas de las evaluaciones que pueden realizarse en un sitio web y
que permiten tener una idea del éxito, impacto y facilidad de uso.
• Test con usuarios: los test con usuarios realizados después de la implementación
de un sitio aportan información real sobre la utilidad que este representa. Es
importante planear dichas evaluaciones de una manera correcta, acorde a los
objetivos del sitio y previamente identificar tareas y necesidades de los usuarios.
• Evaluación de las páginas más visitadas: estudiar cuáles son las secciones más
visitadas y aquellas que reciben menos visitas permite obtener ideas de cuáles
secciones tienen un mayor llamado a la acción o son más visibles. También
permite definir estrategias para posicionar contenidos que sean estratégicos para la
entidad.
• Encuestas a usuarios: las encuestas son un elemento que permite medir la
satisfacción del usuario. Dichas encuestas deben ser elaboradas teniendo en
cuenta las motivaciones de los usuarios. Es clave generar encuestas que sean
directas, y que permitan al usuario expresar su opinión de una manera sencilla y
ágil.
• Pruebas A/B: las pruebas de tipo A/B permiten medir la efectividad de una
propuesta frente a otra. Es útil para evaluar qué tan útiles pueden ser los nuevos
cambios propuestos en el sitio web.
Evaluación heurística
Es un análisis y examen sistemático y detallado de la interfaz del producto realizado por
expertos según unos principios de usabilidad reconocidos. Los especialistas realizan una
evaluación aplicando una lista de criterios y sus conocimientos sobre la experiencia de los
usuarios y las mejores prácticas del sector.
Evaluación de usuarios
Es una prueba de observación con usuarios reales mientras utilizan y realizan tareas con el
producto. Es una manera directa de obtener información de los usuarios, analizando más lo
que hacen que las opiniones.
18
Proceso del test de usabilidad con usuarios:
1. Respecto a la curva de aprendizaje para el uso del interfaz web: ¿Cuán fácil es para
los usuarios realizar las tareas básicas en la interfaz la primera vez que entran en ella?
2. Respecto a la eficacia del interfaz web: ¿Cúande rápido pueden realizar, los usuarios
experimentados, las tareas o acciones que ofrece el diseño?
3. Respecto a la facilidad para memorizar las funcionalidades del interfaz web: Cuándo
los usuarios vuelven a la interfaz después de un período de no utilización, ¿recuerdan
cómo utilizarlo de forma eficaz o precisan de un nuevo periodo de aprendizaje?
4. Respecto a los errores cometidos por el usuario durante el uso del interfaz web:
¿Cuántos errores cometen los usuarios, Cuán graves son estos errores y cuán fácil es
para ellos solventarlos?
5. Respecto a la satisfacción del usuario: ¿Está safisfecho el usuario utilizando el diseño
web?
Los resultados del proceso de Arquitectura pueden ser comprobados con los usuarios a través
de diversas técnicas de investigación y evaluación, algunas de estas son:
• Card Sorting. El Card Sorting generalmente es usado para probar los mapasde
navegación o blueprints. Permite a través de una técnica de agrupación de tarjetas,
obtener información acerca del mapa mental de los usuarios o probar una
estructura ya existente por medio de lo que se denomina un Card Sorting cerrado.
• Tree Testing. Este test se emplea para probar específicamente mapas o
estructuras de sitio. El usuario recibe una tarea, y se le presenta el mapa del sitio
para que intente encontrar lo que busca. La clave del test está en mostrar la
estructura del sitio por niveles de jerarquía, con lo que es posible medir el
porcentaje de usuarios que llegaron directamente al objetivo, el porcentaje de
retrocesos, entre otros.
• Test de 5 segundos. El principio de este test es ver cómo reaccionan los usuarios
en un margen de tiempo reducido. Los test de 5 segundos presentan al usuario
opciones y exigen una respuesta antes del tiempo estipulado. Es usado para
comprobar por ejemplo rótulos a usar en las categorías, o incluso para identificar
qué elementos de la interfaz son memorizados con mayor facilidad.
19
Criterios de accesibilidad web
Temas de tratar
• Terminología
• Pautas de accesibilidad al contenido en la web
• Iniciativa de Accesibilidad Web – WAI
• Soluciones de accesibilidad
• Recursos para la accesibilidad
Terminología
La accesibilidad web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas
las personas independientemente de la discapacidad (física, intelectual o técnica) que
presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Esta
cualidad está íntimamente relacionada con la usabilidad.
• Visuales: En sus distintos grados, desde la baja visión a la ceguera total, además
de problemas para distinguir colores (Daltonismo).
• Motrices: Dificultad o la imposibilidad de usar las manos, incluidos temblores,
lentitud muscular, etc, debido a enfermedades como el Parkinson, distrofia
muscular, parálisis cerebral, amputaciones.
• Auditivas: Sordera o deficiencias auditivas.
• Cognitivas: Dificultades de aprendizaje (dislexia, discalculia, etc) o discapacidades
cognitivas que afecten a la memoria, la atención, las habilidades lógicas, etc.
20
9. Diseñe para la independencia del dispositivo
10. Utilice soluciones provisionales
11. Utilice las tecnologías y pautas W3C
12. Proporcione información de contexto y orientación
13. Proporcione mecanismos claros de navegación
14. Asegúrese de que los documentos sean claros y simples
Pautas 2.0
1 Perceptibilidad
1.1 Proporcione alternativas textuales para todo contenido no textual, de manera que pueda
modificarse para ajustarse a las necesidades de las personas, como por ejemplo en una
letra mayor, braille, voz, símbolos o un lenguaje más simple.
1.2 Proporcione alternativas sincronizadas para contenidos multimedia sincronizados
dependientes del tiempo.
1.3 Cree contenidos que puedan presentarse de diversas maneras (como por ejemplo una
composición más simple) sin pérder la información ni su estructura.
1.4 Haga más fácil para los usuarios ver y oir el contenido, incluyendo la separación entre
primer plano y fondo.
2 Operabilidad
2.1 Haga que toda funcionalidad esté disponible a través del teclado.
2.2 Proporcione a los usuarios con discapacidades el tiempo suficiente para leer y usar un
contenido.
2.3 No diseñe un contenido de manera que se sepa que puede causar ataques.
2.4 Proporcione medios que sirvan de ayuda a los usuarios con discapacidades a la hora de
navegar, localizar contenido y determinar dónde se encuentran.
3 Comprensibilidad
3.1 Haga el contenido textual legible y comprensible.
3.2 Cree páginas web cuya apariencia y operabilidad sean predecibles.
3.3 Ayude a los usuarios a evitar y corregir errores.
4 Robustez
4.1 Maximice la compatibilidad con agentes de usuario actuales y futuros, incluyendo
tecnologías asistivas.
Soluciones de accesibilidad
Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios
pueden acceder en condiciones de igualdad a los contenidos.
Las ayudas técnicas, también llamadas tecnologías de apoyo, son los dispositivos empleados
por las personas con discapacidad para prevenir, compensar, mitigar o neutralizar la
discapacidad que poseen.
21
Las siguientes son algunas de las tecnologías de apoyo que usan los usuarios discapacitados
para navegar de la web:
• Un programa lector de pantalla, que puede leer usando síntesis de voz, los
elementos que se muestran en el monitor (de gran ayuda para los usuarios con
dificultades de aprendizaje o lectura), o que puede leer todo lo que está pasando
en el PC (utilizado por los usuarios ciegos y de visión reducida).
• Líneas Braille, que consiste en dispositivo hardware que convierte el texto en
caracteres Braille.
• Un programa magnificador de pantalla que amplía lo que se muestra en el monitor
de la computadora, haciéndolo más fácil de leer para los usuarios de visión
reducida.
• Eldy es un software que convierte cualquier computadora personal o PC estándar
en un equipo fácil de usar para las personas que nunca han usado una
computadora antes.
22
Material de lectura y consulta
23