2. USABILIDAD Y EXPERIENCIA
USUARIA
Integrantes:
• Abad , Nilia.
• Conde, Mónica
• Román , María Lourdes
• Salazar, Zaida.
3. ESTRUCTURA
• No se observa el logo de la institución
(conocido por la población) en el Home.
• Usa estructura de navegación lineal no
jerárquica, PERSISTENTE.
4. ESTRUCTURA
• No tiene el botón de búsqueda en el home
• La página interna PRENSA sí tiene el ícono de
buscador , el cual es muy diferente a lo
conocido por la mayoría de usuarios.
6. ESTRUCTURA
• Taxonomía profunda: Muchos clicks para llegar a
un objetivo.
• La información relevante en el home y en las
páginas internas no están distribuidas de acuerdo
al patrón más frecuente de lectura por mapa de
calor.
7. ESTRUCTURA
Taxonomía profunda:
Veamos el siguiente ejemplo:
Una madre decide buscar el la página del MINSA
el calendario de vacunaciones para vacunar a
su hijo de 1 año.
8. ESTRUCTURA
Taxonomía profunda:
• La ruta de Navegación es:
– Página de Inicio
– Pestaña: Estrategias Sanitarias
– Inmunizaciones
– Documentos de interés
– Crononograma de vacunación
** Tiempo estimado 5 minutos a más. El término inmunizaciones
no es muy conocido entre la población en general.
9. ESTRUCTURA
Taxonomía profunda:
• Ruta de Navegación
1. En la pagina de Inicio, click en 2.Se elige la sub pestaña: Estrategias
Estrategias Sanitarias Sanitarias.
10. ESTRUCTURA
Taxonomía profunda:
• Ruta de Navegación
3. Se busca
vacunaciones y se
encuentra
“Inmunizaciones”,
término no familiar
para el público en
general.
13. ESTRUCTURA
Rótulos:
• No coincide con el contenido del enlace:
Profesionales de la Salud y Transparencia.
• Rótulos redundantes
• Abundantes íconos desordenados.
• Los rótulos no utilizan terminología familiar para el
público en general.
• Los rótulos en algunos casos son largos y no
coinciden con el contenido del enlace.
14. ESTRUCTURA
Título de la noticia principal
• No se toma en consideración el patrón de lectura
más común de los usuarios : Letra F.
• En este caso el titular de la noticia principal está a la
derecha, no tiene la primera prioridad.
16. SIMPLICIDAD
• Elementos contradictorios:
• Ambigüedad
• Imágenes que confunden
• Ausencia de espacios vacíos
• Iconografía redundante
• Ruido de color
17. ESTRUCTURA
Elementos contradictorios
• Home: sobrecarga de información, la cual está
desorganizada, desordenada y mal clasificada.
• Home: complejidad visual, abundante ruido de
color.
• No se observan espacios vacíos en el Home
• La iconografía es redundante
• Los íconos no corresponden con el contenido de
la información, son confusos, imprecisos.
20. ESTRUCTURA
Iconografía ambigua
¿Qué significa MAC?
– Un usuario manifestó que
le podría ser: Métodos
anticonceptivos
combinados
– Otro usuario dijo que
podría tratarse de Módulo
de atención central.
** Realmente significa Mejor
atención al ciudadano, la
descripción usa tamaño de
fuente muy pequeña.
21. LEY DE FITTS
Ejemplo
• Una persona desea información sobre hospitales
del MINSA que realicen cirugía laparoscópica de la
Vesícula biliar para una colecistectomía.
• Esta persona decide buscar un número telefónico
en el Home de la Página.
23. LEY DE FITTS
Ejemplo
• El número de teléfono es visible, el recorrido no es
muy largo.
• Aunque no resalta con respecto a otros elementos
circundantes, ello podría mejorar.
26. NAVEGABILIDAD
¿Dónde estoy?
• A simple vista no es posible responder a esta
pregunta ya que repite el mismo patrón en
casi todas las páginas internas y no se resalta
la pestaña correspondiente en la barra de
navegación.
27. NAVEGABILIDAD
¿Dónde estoy?
• Existen páginas internas como CONTÁCTENOS
y otras con botones de tercer nivel que al
ingresar parece que estuvieras en una página
completamente distinta, no respeta el diseño
ni la estructura general de la web.
29. NAVEGABILIDAD
¿A dónde puedo ir?
Se puede saber a través de la barra de navegación y otras
pestañas distribuidas en toda la página, sin embargo:
• Existe excesiva información que dificulta responder de
forma rápida esta pregunta.
• Si el usuario busca algo específico, es probable que no
lo encuentre con facilidad, ya que además de no contar
con un buscador, existen nombres confusos de rótulos
e información que no coincide con los mismos.
30. NAVEGABILIDAD
¿Cómo puedo regresar?
• No es posible orientarse adecuadamente para regresar
a Inicio u otra página de nuestra elección cuando nos
encontramos en páginas internas (subdominios).
• No usa migas de pan adecuadamente.
31. NAVEGABILIDAD
Chat Infosalud
• La experiencia con el chat: variable, algunas
veces no están en línea, cuando se obtuvo la
consulta , ésta fue inexacta (ver diálogo)
• EL nickname del orientador y del consultante
tienen el mismo color lo que hace difícil
distinguir la información de uno u otro.
33. LEYES DE LA GESTALD
• Ley de la proximidad: Usado en la barra de
navegación, aunque no lo explota
adecuadamente.
• Ley de la Similitud: Los íconos gráficos
agrupados no guardan similitud y la tipografía
usada no es la misma para describirlos.
• Ley de la continuidad: Cumple con esta ley.
34. LEYES DE LA GESTALD
Ley de la proximidad
• No se logra diferenciar claramente la barra principal de la
barra secundaria, ambas tienen similar tamaño de letra.
• Noticias del momento da la impresión de pertenecer a la
barra secundaria, así como el teléfono de infosalud. Esto
genera desorden y confusión.
35. LEYES DE LA GESTALD
Leyes de la continuidad
Ley de la continuidad: Los estilos de botón, íconos gráficos formatos de imagen y
tipografía usada no respetan un lineamiento gráfico.
Ley de la continuidad: Hay un desorden visual, por eso es difícil seguir un recorrido
ordenado de lectura.
36. LEYES DE LA GESTALD
Leyes de la similitud
CAMPAÑAS DE SALUD
• Las campañas que se están
publicitando no guardan
similitud en la estructura ni
en la tipografía.
37. LEYES DE LA GESTALD
• Ley Fondo/ figura: No utiliza adecuadamente este
principio, en algunos casos resalta más el fondo que
la figura.
• Ley de la simplicidad: no transmite simplicidad
• Ley de la simetría: No cumple con esta ley, por el
contrario predomina la asimetría en toda la página.
• Ley de la experiencia: No explota esta ley para
facilitar la navegación.
38. LEYES DE LA GESTALD
Fondo/ Figura
• En los ejemplos, se observa
que destaca más el
fondo, dificultando la
distinción del contenido
(íconos y enlaces).
• Esto produce cansancio
visual.
39. LEYES DE LA GESTALD
Leyes de la simetría
• En la página interna
INSTITUCIONAL, se observa
una distribución asimétrica
entre los íconos mostrados y
la imagen.
• Además apreciamos líneas al
lado del botón Menú, sin
propósito, le añade mayor
percepción asimétrica.
40. LEY DE HICK
•Observamos
abundantes elementos
que podrían agruparse
mejor y prescindir de
algunos para reducir el
número de alternativas
y permitir al usuario
decisiones más rápidas.
41. LEY DE TESLER
En varios de los formularios, detectamos un exceso de
información, lo que genera complejidad. Aquí una
ejemplo:
•El botón de radio está
demás, en este
formulario el usuario
no elige una
opción, sólo le solicitan
información.
•Este elemento causa
confusión.
42. LEY DE MILLER
• En la imagen observamos que
no se respeta la ley de
Miller, el número de
elementos agrupados es
10, sobrepasando lo
recomendado: 7 más menos 2.
• Dentro e la página web
analizada encontramos otros
casos como este.
43. PRINCIPIO DE PARETO
•Vemos en la
imagen, que los
elementos
interactivos no
pertenecientes al
contenido (en este
caso el
formulario), represent
an alrededor del 60%
superando el 20 %
recomendado que nos
indica Jakob Nielsen.