usabilidad y experiencia usuaria analisis web peruana

USABILIDAD Y EXPERIENCIA USUARIA

Página elegida: Ministerio de Salud: http://www.minsa.gob.pe/

Integrantes:• Abad , Nilia.• Conde, Mónica• Román , María Lourdes• Salazar, Zaida.

USABILIDAD Y EXPERIENCIA USUARIA

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.

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.

ESTRUCTURA

Estructura del home

• 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

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:

• 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:

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.

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

4.Luego, click en Doc. De interés

ESTRUCTURA

Taxonomía profunda:

• Ruta de Navegación

5.- Finalmente click en Cronograma de Vacunación 2009, el cual no descarga.

ESTRUCTURA

Taxonomía profunda:• Ruta de Navegación

• 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:

• 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

ESTRUCTURA

Título de la noticia principal

• Elementos contradictorios:

• Ambigüedad

• Imágenes que confunden

• Ausencia de espacios vacíos

• Iconografía redundante

• Ruido de color

SIMPLICIDAD

• 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

ESTRUCTURA

Iconografía redundante

ESTRUCTURA

Ruido de color

¿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

• 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

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.

LEY DE FITTS

Ejemplo

FORMULARIOS

Formulario actual(Sección contáctanos):

• No guarda simetría

• Una de las etiquetas es muy larga.

FORMULARIOS

Formulario propuesta(Sección contáctanos):

• No guarda simetría

• Una de las etiquetas es muy larga.

¿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

¿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

• El tiempo de carga del Home y las páginas internas es largo, más 4 segundos.

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.

NAVEGABILIDAD

¿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.

• 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

NAVEGABILIDAD

Chat Infosalud

• 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

• 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

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

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

• 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

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

• 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

•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

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

• 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

•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

PRINCIPIO DE PARETO

Gracias