USABILIDAD EN LA WEB

La usabilidad se puede considerar como la capacidad del producto software para permitir que usuarios específicos logren realizar tareas específicas con productividad, efectividad, seguridad y satisfacción en determinados casos de uso. El objetivo de un producto es que posea la calidad necesaria y suficiente para que satisfaga las necesidades de usuario explícitas e implícitas.

Sin embargo, la web es diferente de un producto software, y la naturaleza de la web
plantea nuevos desafíos a los diseñadores que están intentando incorporar usabilidad
en sus sitios.

¾ En el diseño de productos y software, los usuarios pagan de antemano y
experimentan la usabilidad después.
¾ En la Web, los usuarios experimentan primero la usabilidad y pagan

después.

¾ Las expectativas infladas del usuario de la tecnología del Internet pueden

ser difíciles de satisfacer.

¾ Un sitio Web puede atender a multiplicidad de perfiles de usuario y sus

distintos requerimientos. El construir un sitio orientado a audiencias no

siempre es fácil

¾ En la Web el usuario no ha hecho una inversión en un sitio particular, y otras

opciones son fácilmente disponibles y accesibles

¾ La mayoría de los sitios Web requieren estar operativos en un corto espacio

de tiempo y esto dificulta el nivel de rigor de varias actividades del proceso

Subtopic

Subtopic

Subtopic

Subtopic

Desgraciadamente, el diseño y el desarrollo del sito web es
conducido a menudo por la tecnología o por la estructura de organización u objetivos
de negocio, más que por lo que el usuario necesita. En años recientes sin embargo,

los dueños y diseñadores del sitio web han comenzado gradualmente a reconocer la

importancia de la usabilidad.

¿Cuál es el propósito del sitio web?

- Qué servicios se proporciona a los usuarios

- Apoyo técnico a los clientes

- Información del producto a clientes posibles

Un estudio realizado por Steve Krug en su libro “Don’t Make Me Think” revela los
siguientes comportamientos de los usuarios:

2.4.1 No leen las páginas. Las exploran.
La excepción, por supuesto, es las páginas que contienen documentos como historias
de las noticias, informes, o descripciones del producto

¿Por qué explorar?

•Tienen generalmente prisa.

•Saben que no necesitan leer todo.

2.4.2 No hacen elecciones óptimas

Cuando estamos diseñando las páginas, tendemos a asumir que los usuarios
explorarán la página, considerarán todas las opciones disponibles, y elegirán la
mejor.¿ Por qué los usuarios de la web no buscan la mejor opción?
•Tienen generalmente prisa
Sopesar opciones puede no mejorar sus ocasiones. En sitios mal diseñados,

poner esfuerzo en la elección de la mejor opción realmente no ayuda.

•El conjeturar es más divertido.

Por supuesto, éstos no quiere decir que los usuarios nunca piensan opciones

antes de que chasquen. Depende de cosas como su mente, cómo están

presionados por tiempo, y de cuánta confianza tienen en el sitio.

2.4.3 No aprecian cómo trabajan las cosas.

Una de las cosas que llega a ser obvia tan pronto como usted haga cualquier prueba
de usabilidad es el grado al cual la gente utiliza cosas sin entender cómo trabaja, o
con ideas totalmente incorrectas sobre cómo trabaja.

2.5 ¿Qué es la usabilidad?

Por medio de la usabilidad se asegura un diseño útil y se prueba que el usuario
detecta de modo apropiado el uso del sistema y no de manera equívoca.

2.5.1 Definiciones

¾ Definición 1
La usabilidad [Olsina,99] es una característica de alto nivel -que se puede medir
mediante el cálculo a partir de métricas directas e indirectas- y representa la

capacidad o potencialidad del producto para ser utilizado, comprendido y operado

por los usuarios, además de ser atractivo. Incluye a subcaracterísticas como

comprensibilidad, operabilidad y comunicatividad entre otras como estética y estilo

que hacen que el artefacto sea agradable de usar.

¾ Definición 2
Podemos definir también la usabilidad [Nielsen] como la medida en la cual un
producto puede ser usado por usuarios específicos para conseguir objetivos

específicos con efectividad, eficiencia y satisfacción en un contexto de uso

especificado.

•Efectividad: precisión y la plenitud con las que los usuarios alcanzan los
objetivos especificados. A esta idea van asociadas la facilidad de aprendizaje
(en la medida en que este sea lo más amplio y profundo posible), la tasa de

errores del sistema y la facilidad del sistema para ser recordado (que no se

olviden las funcionalidades ni sus procedimientos).

•Eficiencia: recursos empleados en relación con la precisión y plenitud con que
los usuarios alcanzan los objetivos especificados. A esta idea van asociadas la
facilidad de aprendizaje (en tanto que supone un coste en tiempo; igualmente,

si se requiere un acceso continuo a los mecanismos de ayuda del sistema), la

tasa de errores del sistema y la facilidad del sistema para ser recordado (una

asimilación inapropiada puede traducirse en errores de usuario).

•Satisfacción: ausencia de incomodidad y la actitud positiva en el uso del
producto. Se trata, pues, de un factor subjetivo.

¾ Definición 3

La usabilidad, hace referencia, a la rapidez y facilidad con que las personas llevan
cabo sus tareas propias a través del uso del producto objeto de interés, idea que
descansa en cuatro puntos:

• Una aproximación al usuario: Usabilidad significa enfocarse en los usuarios.
Para desarrollar un producto usable, se tienen que conocer, entender y
trabajar con las personas que representan a los usuarios actuales o

potenciales del producto.

• Un amplio conocimiento del contexto de uso: Las personas utilizan los
productos para incrementar su propia productividad. Un producto se considera
fácil de aprender y usar en términos del tiempo que toma el usuario para llevar

a cabo su objetivo, el número de pasos que tiene que realizar para ello, y el

éxito que tiene en predecir la acción apropiada para llevar a cabo. Para

desarrollar productos usables hay que entender los objetivos del usuario, hay

que conocer los trabajos y tareas del usuario que el producto automatiza,

modifica o embellece.

• El producto ha de satisfacer la necesidades del usuario: Los usuarios son
gente ocupada intentando llevar a cabo una tarea. Se va a relacionar
usabilidad con productividad y calidad. El hardware y el software son las

herramientas que ayudan a la gente ocupada a realizar su trabajo y a disfrutar

de su ocio.

• Facilidad de aprender: ¿Cómo de rápido puede un usuario que nunca ha
visto el interfaz a usar ejecutar tareas básicas?
• Eficacia de uso: ¿Una vez que el usuario haya aprendido a utilizar el

sistema, cómo de rápido puede lograr tareas?

• Facilidad del sistema para ser recordado: ¿Si un usuario ha utilizado el

sistema anteriormente, recuerda lo bastante para utilizarlo con más eficacia

la próxima vez o no?

• Frecuencia y severidad del error: ¿ Con qué frecuencia los usuarios

cometen errores, cómo de serios son estos errores y cómo de fácil es solventar

estos errores?

• Satisfacción subjetiva: ¿ Al usuario le gusta utilizar el sistema, está

satisfecho?

Algunas de las características son más importantes que otras. Para la Web, la

facilidad de aprendizaje es a menudo la cualidad más importante de la usabilidad

puesto que los usuarios no suelen pasar mucho tiempo en un sitio web que no

entienden o no saben manejar. La satisfacción subjetiva también es un factor

importante ya que los usuarios pueden irse libremente a otro sitio.

Diseño De Página

ESPACIO DE PANTALLA.
•Las páginas web deben estar presididas por un contenido que despierte la
atención del usuario.

•Como norma el contenido de interés para el usuario debe ocupar al menos la

mitad del diseño de una página y, preferiblemente, hasta un 80%. La navegación

debe mantenerse por debajo del 20% del espacio de las páginas de destino.

•Desde el punto de vista de la usabilidad sería mejor eliminar todos los elementos

innecesarios tal como la publicidad, en caso de que tenga que haber publicidad

considerarla dentro del espacio de navegación.

DISEÑO DE PLATAFORMA CRUZADA.
En la web el usuario suele controlar su navegación por las páginas mientras que
los diseñadores web tienen que soportar la navegación controlada por el usuario.

La flexibilidad es la clave.

•¿De dónde vienen los usuarios?
Normalmente vienen a través de computadoras tradicionales pero también
hay que considerar la posibilidad de que accedan a través de un móvil o

de un automóvil por ello diseñar las páginas sobre las pantallas pequeñas

y especificarlas en términos que permitan a los navegadores optimizar la

pantalla en base a las circunstancias individuales de cada usuario.

•Diseño independiente de la resolución
Diseñar para todas las resoluciones de pantalla. No usar nunca un ancho
de píxel fijo para ninguna tabla, marco o elemento de diseño, exceptuando

las barras finas en la parte lateral de la página. Habrá que especificar

diseños como porcentajes del espacio disponible.

Asegurarse de que los diseños funcionan bien tanto con fuentes pequeñas

como con las grandes.

Los elementos gráficos también deben diseñados para distintas

resoluciones.

Utilice el texto para el texto, no incluir texto en los gráficos.

•Proporcione páginas imprimibles separadas

•Uso de contenido no estándar.
Evitar en la medida de lo posible los códigos que no sean estándar y, si
no, utilizar valores predeterminados razonables que funcionen en cualquier

caso.

Subtopic

SEPARAR EL SIGNIFICADO DE LA PRESENTACIÓN

El diseño original de la web y su formato de datos, HTML, están basados en el
significado de la información y no en su presentación. El uso de la codificación
semántica permite que el dispositivo optimice la pantalla a la medida de sus

posibilidades

TIEMPOS DE RESPUESTA.

Los usuarios solicitan que aceleremos la descarga de páginas. Actualmente, el
objetivo mínimo de los tiempos de respuesta es el de ofrecer páginas a los
usuarios en no más de diez segundos.

Recomendación normal en torno a los tiempos:

• 0.1segundos es el límite para que el usuario perciba la descarga como

inmediata.

• 1 segundo es el límite que hay para que el usuario piense que no hay

interrupción.

•10 segundos es el límite

•Tiempos de respuesta previsibles
Todo lo que se pueda hacer para estabilizar los tiempos de respuesta
redundará en una mejora de la usabilidad. Guarde la variabilidad del

tiempo de reacción de la página en un mínimo.

•Indicar el tamaño de los archivos cuya descarga vaya a durar más de diez
segundos tomando como referencia el ancho de banda medio de los
usuarios

•El tiempo de respuesta depende de una serie de elementos que forman
una cadena: rendimiento del servidor, conexión del servidor con el
navegador, propio Internet, conexión del usuario con Internet, velocidad

del navegador y de la computadora del usuario, por tanto las demoras son

acumulativas y no dependen de un único factor.

Descargas rápidas, conexiones rápidas.
Los posibles recursos son reducir al mínimo el HTML, el número y el
tamaño de los gráficos y de los multimedia. Reutilizar las imágenes dentro

de sus páginas y sitio. Aparte de las descargas rápidas es necesario

conexiones a Internet muy rápidas, para ello es necesario mantener las

páginas web por debajo de 34 kilobytes para los usuarios con MODEM

(basado en un estudio de Proven Edge Inc)

•Echar una ojeada a la primera pantalla.
Lo más importante relacionado con el tiempo de respuesta es que el
usuario vea una pantalla de información útil: la parte superior de la página debe tener sentido, utilice atributos de texto ALT en las imágenes,
el navegador debe dibujar rápidamente la parte superior de la página,
reducir la complejidad de las tablas dividiendo la información en varias

tablas.

•Las tres directrices principales para escribir en la web son:

-Ser sucinto
-Escribir para poder encontrar las cosas.
-Utilizar hipertexto para dividir la información extensa en múltiples

páginas.

•Títulos que tengan de 2 a 6 palabras, con no más de 60-80 caracteres.
•Páginas diferentes necesitan títulos diferentes.
•Optimizar los títulos para una búsqueda rápida.

Eliminando los artículos del título y que se aproximen más a eslóganes

que a frases gramaticales.

Las principales directrices para escribir titulares son:
•Explicar claramente sobre qué versa el artículo.
•Lenguaje claro.

•No ser misterioso.

•No escribir los artículos en los asuntos de correo electrónico y en los títulos de

página pero no en los titulares incrustados en una página. •Convertir la primera

palabra en algo importante.

•Evitar que todos los artículos de la página comiencen por la misma palabra.

Reglas básicas que aseguran la legibilidad en un sitio web:
•Utilizar colores de alto contraste entre el texto y el fondo, lo mejor es texto
negro sobre fondo blanco

•Fondos de colores claros o patrones de formato muy sutiles.

•Fuentes suficientemente grandes para buena lectura.

•Texto estático y preferiblemente alineado a la izquierda.

•Evitar el uso de mayúsculas en el texto

Facilitar la localización de las páginas de documentación a los usuarios.
•Proporcionar muchos ejemplos.
•Resaltar cómo hacer las cosas paso a paso.

•Proporcionar un breve modelo conceptual del sistema.

•Glosario integrado.

•Ser breve.

Debe ofrecer tres cosas:
-directorio de las principales áreas de contenido del sitio(esquema de
navegación del sitio)

-noticias o promociones especiales.

- opción de búsqueda.

Ancho de la página de inicio.
La mayoría están en 600 pixels.
Las pantallas de bienvenida deben desaparecer porque ralentizan al usuario en

su intento de llegar a la página de inicio.

Es mejor tratar de ser muy literal y describir cada elemento del interfaz por lo
que es y por lo que hace.
Sin embargo un símil puede ser útil por dos cosas: puede ofrecer una estructura

unificada para el diseño y puede facilitar el aprendizaje.

¿Dónde puedo ir? Existen tres tipos de vínculos de hipertexto que indican posibles
destinos:
-vínculos incrustados: texto subrayado, indican “más cosas”

-vínculos estructurales: señalan sistemáticamente a otros niveles de la

estructura del sitio, a los iguales y a los secundarios de una jerarquía. -

vínculos asociativos: ofrecen pistas a los usuarios “véase también”

•Estructura de un sitio.

Las dos reglas más importantes son: tener una estructura y hacer que ésta refleje
el punto de vista del usuario sobre el sitio, de la información o de los servicios.
La estructura de un sitio debe estar determinada por las tareas que los usuarios

van a llevar a cabo en su sitio. La mayor parte de los sitios poseen una estructura

jerárquica.

•Anchura frente a profundidad.

Diseño de navegación más habitual enumera todos los niveles superiores del sitio,
normalmente con una banda en la parte izquierda de la página. Este diseño
acentúa la anchura.

La búsqueda debe resultar de fácil acceso desde cada una de las páginas del sitio.
No es recomendable ofrecer búsquedas dirigidas que estén limitadas a buscar en
un subsitio, en caso de ser necesario se tiene que declarar explícitamente en qué

ámbito se está buscando e incluir un vínculo con la página que busque en todo el

sitio. Este vínculo también tiene que estar en la página de consulta y en la página

de los resultados de búsqueda.

•Búsqueda avanzada.
Evitar la búsqueda booleana.
Utilizar la búsqueda avanzada cuando si se ofrece en una página que no sea

la de las búsquedas sencillas.

Sistema de búsqueda bien diseñado que lleve a cabo comprobaciones

ortográficas y que ofrezca gran número de sinónimos.

•Página de resultados de búsqueda.
Situar los más importantes primero.
Eliminar coincidencias duplicadas de la misma página.

Los sistemas de búsqueda deben reconocer la calidad situando una página

FAQ en las primeras posiciones.

Estructurar los resultados de la búsqueda con arreglo a la estructura del sitio.

•Descripción de página y palabras clave.
Abstracciones breves de la página
Añadir una serie de palabras clave en una etiqueta meta que vaya dentro del

encabezado de página. La lista de palabras clave debe incluir términos

simples y términos compuestos.

Utilizar caja de búsquedas ancha.

Las reglas para que un URL sea fácil de escribir son:
-Corto
-Palabras comunes

-Letras minúsculas.

-Evitar caracteres especiales, utilizar exclusivamente letras y

dígitos (cuidado con las oes y con los ceros)

•URL de archivado
Construir el sitio para facilitar la atracción de vínculos entrantes.

•Mantener las páginas en el mismo URL.
Siempre que se reorganiza un sitio o se mueven archivos por otros motivos,
hay que asegurarse de que los URL sigan funcionando.

•Hacer publicidad de un URL
Para integrar su presencia en línea con las actividades que realiza en el mundo
real, todos los anuncios y marketing deben incorporar los URL apropiados que

señalen a su sitio web.

Todo producto físico tamb

•Soportar URL antiguos
Los URL antiguos deben permanecer funcionales durante al menos medio año,
y preferiblemente durar dos años o más.

En ellos se redirigirá desde el servidor al usuario al nuevo URL.

El protocolo http indica dos códigos:

-301 indica que la página se ha movido de forma permanente.,

-302 indica que es un traslado temporal.