Upload
nilia-yoly-abad-quispe
View
624
Download
1
Embed Size (px)
DESCRIPTION
Usabilidad y Experiencia Usuaria Análisis de la Página del Ministerio de Salud del Perú. Universidad Ricardo Palma
Citation preview
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