Documentos de Académico
Documentos de Profesional
Documentos de Cultura
UsabilidadWeb PDF
UsabilidadWeb PDF
USABILIDAD EN LA WEB
2.1 Definición
2
J. M. Cueva Usabilidad en la Web
Un estudio realizado por Steve Krug en su libro “Don’t Make Me Think” revela los
siguientes comportamientos de los usuarios:
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.
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.
3
J. M. Cueva Usabilidad en la Web
2.5.1 Definiciones
¾ Definición 1
¾ Definición 2
•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).
4
J. M. Cueva Usabilidad en la Web
¾ 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:
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.
5
J. M. Cueva Usabilidad en la Web
El 90% de los sitios Web presentan fallos de usabilidad. Los fallos más comunes
son los siguientes:
6
J. M. Cueva Usabilidad en la Web
•Time Out
El time out se suele producir cuando la programación es redundante,
servidores poco potentes o exceso de seguridad. No son justificables.
•Exceso de peso
Se resuelve quitando imágenes que no sean necesarias y dando el formato a
la página utilizando los estándares de HTML.
¾ No me hagas pensar
Algunas preguntas que el diseñador no puede permitir que se plantee el usuario
son las siguientes
¿Dónde estoy?
¿Por dónde empiezo?
¿Dónde han puesto... ( lo que sea)?
¿Cuales con las cosas más importantes de esta página?
¿Por qué han llamado esto así?
¾ No le importa cuantos clicks sino que no sean difíciles
¾ Quitar la mitad de las palabras de la mitad
7
J. M. Cueva Usabilidad en la Web
¾ Buenos contenidos.
Escribir bien para Internet es todo un arte. Pero siguiendo las reglas básicas de
(1) poner las conclusiones al principio y (2) escribir como un 25% de lo que
pondrías en un papel, se puede llegar muy lejos. Leer en pantalla cuesta
mucho, por lo que, en el caso de textos para Internet, reduce y simplifica todo
lo que puedas.
¾ 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.
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.
8
J. M. Cueva Usabilidad en la Web
¾ TIEMPOS DE RESPUESTA.
9
J. M. Cueva Usabilidad en la Web
¾ VINCULACIÓN
Los vínculos constituyen la parte más importante del hipertexto: conectan las
páginas y permiten a los usuarios ir a nuevos sitios de la web. Tres tipos
principales de vínculos:
10
J. M. Cueva Usabilidad en la Web
•Vínculos publicitarios.
Aconsejable crear vínculos directos con páginas que sigan el mensaje del
anuncio en vez de crear vínculos directos con su página de inicio. El
banner publicitario debe ser diseñado como un vínculo de hipertexto.
¾ HOJAS DE ESTILO.
¾ MARCOS.
¾ CREDIBILIDAD
Uno de los objetivos principales del buen diseño web consiste en establecer la
credibilidad como operación de ejecución profesional para ello opta por el diseño
limpio y la buena apariencia.
11
J. M. Cueva Usabilidad en la Web
¾ IMPRIMIR
CONCLUSIÓN
La simplicidad debe ser el final del diseño de páginas, los usuarios se centran en el
contenido de las páginas. Es recomendable asegurarse de que todas las páginas
funcionan en navegadores de más de dos años y en versiones de más de dos años
de todos los plugs-ins y demás software.
Los estudios sobre usabilidad revelan que los usuarios centran su interés en el
contenido. El contenido es lo primero.
•Facultad de hojear
Se debe escribir para facilitar el hojeado estructurando los artículos con
dos o tres niveles de titular, utilizando encabezados significativos,
utilizando listas con viñetas y elementos de diseño similares, utilizando
resaltado y énfasis para hacer que las palabras importantes retengan la
atención del usuario.
•Lenguaje claro
Empezar cada página por la conclusión empleando la estructura de la
pirámide (lo más importante al principio de la página), lengua llana, no
abuso de metáforas ni tampoco del humor ni de juegos de palabras.
12
J. M. Cueva Usabilidad en la Web
¾ TÍTULOS DE PÁGINA
¾ ESCRIBIR TITULARES
¾ LEGIBILIDAD
¾ DOCUMENTACIÓN EN LÍNEA
13
J. M. Cueva Usabilidad en la Web
¾ MULTIMEDIA
¾ TIEMPOS DE RESPUESTA
¾ IMÁGENES Y FOTOGRAFIAS
Reducción de la imagen.
Empleo de la técnica llamada ‘reducción de imagen de importancia mejorada’
que consiste en la combinación de recorte(se centra en una parte de la foto) y
escalado (minimiza toda la foto).
¾ ANIMACIÓN
¾ VÍDEO
El uso del video debe minimizarse debido a las restricciones del ancho de
banda. En lugar de straming video es mejor digitalizar una versión de calidad
más alta que la del video y ponerlo a disposición para su descarga.
¾ AUDIO
14
J. M. Cueva Usabilidad en la Web
¾ IMÁGENES TRIDIMENSIONALES.
Es mejor tener 2D que 3D porque el uso de esto último añade dificultades entre
otras que los dispositivos que empleamos (pantalla, ratón) son 2D al igual que
las técnicas de interacción que se suelen usar.
CONCLUSIÓN.
El diseño de los sitios debe orientarse ante todo a la simplicidad, con pocas
distracciones y con una arquitectura de la información muy clara con herramientas
de navegación adecuadas.
15
J. M. Cueva Usabilidad en la Web
¾ LA PÁGINA DE INICIO.
No hay que diseñar para ningún ancho estándar, es mejor crear diseños que
funcionen para una gama de tamaños de ventana. En caso de tener que hacerlo
es aconsejable el uso de un ancho de 600 pixels.
Poner el nombre del sitio y el logo en la parte superior izquierda en todas las
páginas interiores, además el logo debe estar vinculado a la página de inicio. Es
necesario aún tener un vínculo explícito llamado “inicio” en todas las páginas
interiores.
Fomentar el uso de la vinculación profunda que permite que otros sitios señalen
a los usuarios el punto exacto de su sitio que sea de interés para ellos en lugar
de colocarles en la página de inicio.
¾ SÍMILES.
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.
16
J. M. Cueva Usabilidad en la Web
¾ NAVEGACIÓN.
¿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.
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.
17
J. M. Cueva Usabilidad en la Web
Figura1: www.terra.es
Figura 2:useit.com
18
J. M. Cueva Usabilidad en la Web
Figura 3:amazon.com
19
J. M. Cueva Usabilidad en la Web
Figura 4:sun.com
Hay que reducir el desorden en la navegación para ello existen una serie de
métodos:
-Agregación
-Resumen -Filtrar -Podar.
-Utilizar las representaciones basadas en ejemplos.
¾ SUBSITIOS.
20
J. M. Cueva Usabilidad en la Web
¾ OPCIONES DE BÚSQUEDA.
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.
21
J. M. Cueva Usabilidad en la Web
Figura 5:google.com
¾ DISEÑO DE URL.
Las abreviaturas se utilizaran como alternativa a tres o más palabras que juntas
resultan demasiado largas.
22
J. M. Cueva Usabilidad en la Web
•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 también debe incorporar el URL .
•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.
Los grupos de discusión del sitio son lo más recomendable; el contenido creado
por el usuario suele ser bastante apreciado.
Las discusiones generales son buenas pero caras de mantener.
Dos categorías:
-de funcionalidad, miniaplicaciones independientes por derecho propio.
-de contenido, muy integrados en el contenido de una página web.
CONCLUSIÓN
23
J. M. Cueva Usabilidad en la Web
24