![Page 1: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/1.jpg)
USABILIDAD Y EXPERIENCIA USUARIA
Página elegida: Ministerio de Salud: http://www.minsa.gob.pe/
![Page 2: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/2.jpg)
Integrantes:• Abad , Nilia.• Conde, Mónica• Román , María Lourdes• Salazar, Zaida.
USABILIDAD Y EXPERIENCIA USUARIA
![Page 3: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/3.jpg)
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.
![Page 4: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/4.jpg)
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.
![Page 5: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/5.jpg)
ESTRUCTURA
Estructura del home
![Page 6: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/6.jpg)
• 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.
ESTRUCTURA
![Page 7: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/7.jpg)
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.
ESTRUCTURA
Taxonomía profunda:
![Page 8: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/8.jpg)
• 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 inmunizacionesno es muy conocido entre la población en general.
ESTRUCTURA
Taxonomía profunda:
![Page 9: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/9.jpg)
1. En la pagina de Inicio, click en Estrategias Sanitarias
ESTRUCTURA
Taxonomía profunda:• Ruta de Navegación
2.Se elige la sub pestaña: Estrategias Sanitarias.
![Page 10: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/10.jpg)
3. Se busca vacunaciones y se encuentra “Inmunizaciones”, término no familiar para el público en general.
ESTRUCTURA
Taxonomía profunda:• Ruta de Navegación
![Page 11: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/11.jpg)
4.Luego, click en Doc. De interés
ESTRUCTURA
Taxonomía profunda:
• Ruta de Navegación
![Page 12: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/12.jpg)
5.- Finalmente click en Cronograma de Vacunación 2009, el cual no descarga.
ESTRUCTURA
Taxonomía profunda:• Ruta de Navegación
![Page 13: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/13.jpg)
• 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.
ESTRUCTURA
Rótulos:
![Page 14: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/14.jpg)
• 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.
Título de la noticia principal
ESTRUCTURA
![Page 15: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/15.jpg)
ESTRUCTURA
Título de la noticia principal
![Page 16: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/16.jpg)
• Elementos contradictorios:
• Ambigüedad
• Imágenes que confunden
• Ausencia de espacios vacíos
• Iconografía redundante
• Ruido de color
SIMPLICIDAD
![Page 17: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/17.jpg)
• 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.
ESTRUCTURA
Elementos contradictorios
![Page 18: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/18.jpg)
ESTRUCTURA
Iconografía redundante
![Page 19: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/19.jpg)
ESTRUCTURA
Ruido de color
![Page 20: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/20.jpg)
¿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.
ESTRUCTURA
Iconografía ambigua
![Page 21: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/21.jpg)
• 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.
LEY DE FITTS
Ejemplo
![Page 22: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/22.jpg)
LEY DE FITTS
Ejemplo
![Page 23: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/23.jpg)
• 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.
LEY DE FITTS
Ejemplo
![Page 24: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/24.jpg)
FORMULARIOS
Formulario actual(Sección contáctanos):
• No guarda simetría
• Una de las etiquetas es muy larga.
![Page 25: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/25.jpg)
FORMULARIOS
Formulario propuesta(Sección contáctanos):
• No guarda simetría
• Una de las etiquetas es muy larga.
![Page 26: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/26.jpg)
¿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.
NAVEGABILIDAD
![Page 27: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/27.jpg)
¿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.
NAVEGABILIDAD
![Page 28: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/28.jpg)
• El tiempo de carga del Home y las páginas internas es largo, más 4 segundos.
NAVEGABILIDAD
![Page 29: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/29.jpg)
¿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.
NAVEGABILIDAD
![Page 30: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/30.jpg)
¿Cómo puedo regresar?
NAVEGABILIDAD
• 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.
![Page 31: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/31.jpg)
• La experiencia con el chat: variable, algunasveces no están en línea, cuando se obtuvo laconsulta , ésta fue inexacta (ver diálogo)
• EL nickname del orientador y del consultantetienen el mismo color lo que hace difícildistinguir la información de uno u otro.
NAVEGABILIDAD
Chat Infosalud
![Page 32: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/32.jpg)
NAVEGABILIDAD
Chat Infosalud
![Page 33: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/33.jpg)
• 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.
LEYES DE LA GESTALD
![Page 34: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/34.jpg)
• 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.
Ley de la proximidad
LEYES DE LA GESTALD
![Page 35: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/35.jpg)
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.
Leyes de la continuidad
LEYES DE LA GESTALD
![Page 36: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/36.jpg)
CAMPAÑAS DE SALUD
• Las campañas que se están publicitando no guardan similitud en la estructura ni en la tipografía.
Leyes de la similitud
LEYES DE LA GESTALD
![Page 37: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/37.jpg)
• 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.
LEYES DE LA GESTALD
![Page 38: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/38.jpg)
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.
LEYES DE LA GESTALD
![Page 39: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/39.jpg)
• 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.
Leyes de la simetría
LEYES DE LA GESTALD
![Page 40: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/40.jpg)
•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.
LEY DE HICK
![Page 41: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/41.jpg)
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.
LEY DE TESLER
![Page 42: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/42.jpg)
• 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.
LEY DE MILLER
![Page 43: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/43.jpg)
•Vemos en la imagen, que los elementos interactivos no pertenecientes al contenido (en este caso el formulario), representan alrededor del 60% superando el 20 % recomendado que nos indica Jakob Nielsen.
PRINCIPIO DE PARETO
![Page 44: USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA](https://reader033.vdocuments.pub/reader033/viewer/2022052508/5597f4111a28ab7a0f8b486f/html5/thumbnails/44.jpg)
PRINCIPIO DE PARETO
Gracias