0
USABILIDAD Y EXPERIENCIA        USUARIAPágina elegida: Ministerio de Salud:    http://www.minsa.gob.pe/
USABILIDAD Y EXPERIENCIA          USUARIAIntegrantes:• Abad , Nilia.• Conde, Mónica• Román , María Lourdes• Salazar, Zaida.
ESTRUCTURA• No se observa el logo de la institución  (conocido por la población) en el Home.• Usa estructura de navegación...
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...
ESTRUCTURA      Estructura del home
ESTRUCTURA• Taxonomía profunda: Muchos clicks para llegar a  un objetivo.• La información relevante en el home y en las  p...
ESTRUCTURATaxonomía profunda:Veamos el siguiente ejemplo:Una madre decide buscar el la página del MINSA  el calendario de ...
ESTRUCTURATaxonomía profunda:• La ruta de Navegación es:   –   Página de Inicio   –   Pestaña: Estrategias Sanitarias   – ...
ESTRUCTURATaxonomía profunda:• Ruta de Navegación1. En la pagina de Inicio, click en   2.Se elige la sub pestaña: Estrateg...
ESTRUCTURATaxonomía profunda:• Ruta de Navegación3. Se buscavacunaciones y seencuentra“Inmunizaciones”,término no familiar...
ESTRUCTURATaxonomía profunda:• Ruta de  Navegación4.Luego, click en Doc.De interés
ESTRUCTURATaxonomía profunda:• Ruta de Navegación5.- Finalmenteclick enCronogramade Vacunación2009, el cualno descarga.
ESTRUCTURA  Rótulos:• No coincide con el contenido del enlace:  Profesionales de la Salud y Transparencia.• Rótulos redund...
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 : ...
ESTRUCTURATítulo de la noticia principal
SIMPLICIDAD•   Elementos contradictorios:•   Ambigüedad•   Imágenes que confunden•   Ausencia de espacios vacíos•   Iconog...
ESTRUCTURAElementos contradictorios• Home: sobrecarga de información, la cual está  desorganizada, desordenada y mal clasi...
ESTRUCTURAIconografía redundante
ESTRUCTURARuido de color
ESTRUCTURAIconografía ambigua                      ¿Qué significa MAC?                         – Un usuario manifestó que ...
LEY DE FITTSEjemplo• Una persona desea información sobre hospitales  del MINSA que realicen cirugía laparoscópica de la  V...
LEY DE FITTSEjemplo
LEY DE FITTSEjemplo• El número de teléfono es visible, el recorrido no es  muy largo.• Aunque no resalta con respecto a ot...
FORMULARIOSFormulario actual(Sección contáctanos):• No guarda simetría• Una de las etiquetas es   muy larga.
FORMULARIOSFormulariopropuesta(Sección contáctanos):• No guarda simetría• Una de las etiquetas   es muy larga.
NAVEGABILIDAD¿Dónde estoy?• A simple vista no es posible responder a esta  pregunta ya que repite el mismo patrón en  casi...
NAVEGABILIDAD¿Dónde estoy?• Existen páginas internas como CONTÁCTENOS  y otras con botones de tercer nivel que al  ingresa...
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 otraspestañas distribuidas en toda la p...
NAVEGABILIDAD¿Cómo puedo regresar?• No es posible orientarse adecuadamente para regresar  a Inicio u otra página de nuestr...
NAVEGABILIDADChat Infosalud• La experiencia con el chat: variable, algunas  veces no están en línea, cuando se obtuvo la  ...
NAVEGABILIDADChat Infosalud
LEYES DE LA GESTALD• Ley de la proximidad: Usado en la barra de  navegación, aunque no lo explota  adecuadamente.• Ley de ...
LEYES DE LA GESTALDLey de la proximidad• No se logra diferenciar claramente la barra principal de la  barra secundaria, am...
LEYES DE LA GESTALDLeyes de la continuidadLey de la continuidad: Los estilos de botón, íconos gráficos formatos de imagen ...
LEYES DE LA GESTALDLeyes de la similitudCAMPAÑAS DE SALUD• Las campañas que se están  publicitando no guardan  similitud e...
LEYES DE LA GESTALD• Ley Fondo/ figura: No utiliza adecuadamente este  principio, en algunos casos resalta más el fondo qu...
LEYES DE LA GESTALD           Fondo/ Figura         • En los ejemplos, se observa           que destaca más el           f...
LEYES DE LA GESTALD  Leyes de la simetría• En la página interna  INSTITUCIONAL, se observa  una distribución asimétrica  e...
LEY DE HICK•Observamosabundantes elementosque podrían agruparsemejor y prescindir dealgunos para reducir elnúmero de alter...
LEY DE TESLEREn varios de los formularios, detectamos un exceso deinformación, lo que genera complejidad. Aquí unaejemplo:...
LEY DE MILLER• En la imagen observamos que  no se respeta la ley de  Miller, el número de  elementos agrupados es  10, sob...
PRINCIPIO DE PARETO•Vemos en laimagen, que loselementosinteractivos nopertenecientes alcontenido (en estecaso elformulario...
PRINCIPIO DE PARETO     Gracias
Upcoming SlideShare
Loading in...5
×

USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA

616

Published on

Usabilidad y Experiencia Usuaria
Análisis de la Página del Ministerio de Salud del Perú.
Universidad Ricardo Palma

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
616
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "USABILIDAD Y EXPERIENCIA USUARIA ANALISIS WEB PERUANA"

  1. 1. USABILIDAD Y EXPERIENCIA USUARIAPágina elegida: Ministerio de Salud: http://www.minsa.gob.pe/
  2. 2. USABILIDAD Y EXPERIENCIA USUARIAIntegrantes:• Abad , Nilia.• Conde, Mónica• Román , María Lourdes• Salazar, Zaida.
  3. 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. 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.
  5. 5. ESTRUCTURA Estructura del home
  6. 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. 7. ESTRUCTURATaxonomí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. 8. ESTRUCTURATaxonomí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. 9. ESTRUCTURATaxonomía profunda:• Ruta de Navegación1. En la pagina de Inicio, click en 2.Se elige la sub pestaña: EstrategiasEstrategias Sanitarias Sanitarias.
  10. 10. ESTRUCTURATaxonomía profunda:• Ruta de Navegación3. Se buscavacunaciones y seencuentra“Inmunizaciones”,término no familiarpara el público engeneral.
  11. 11. ESTRUCTURATaxonomía profunda:• Ruta de Navegación4.Luego, click en Doc.De interés
  12. 12. ESTRUCTURATaxonomía profunda:• Ruta de Navegación5.- Finalmenteclick enCronogramade Vacunación2009, el cualno descarga.
  13. 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. 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.
  15. 15. ESTRUCTURATítulo de la noticia principal
  16. 16. SIMPLICIDAD• Elementos contradictorios:• Ambigüedad• Imágenes que confunden• Ausencia de espacios vacíos• Iconografía redundante• Ruido de color
  17. 17. ESTRUCTURAElementos 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.
  18. 18. ESTRUCTURAIconografía redundante
  19. 19. ESTRUCTURARuido de color
  20. 20. ESTRUCTURAIconografí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. 21. LEY DE FITTSEjemplo• 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.
  22. 22. LEY DE FITTSEjemplo
  23. 23. LEY DE FITTSEjemplo• 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.
  24. 24. FORMULARIOSFormulario actual(Sección contáctanos):• No guarda simetría• Una de las etiquetas es muy larga.
  25. 25. FORMULARIOSFormulariopropuesta(Sección contáctanos):• No guarda simetría• Una de las etiquetas es muy larga.
  26. 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. 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.
  28. 28. NAVEGABILIDAD• El tiempo de carga del Home y las páginas internas es largo, más 4 segundos.
  29. 29. NAVEGABILIDAD¿A dónde puedo ir?Se puede saber a través de la barra de navegación y otraspestañ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. 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. 31. NAVEGABILIDADChat 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.
  32. 32. NAVEGABILIDADChat Infosalud
  33. 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. 34. LEYES DE LA GESTALDLey 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. 35. LEYES DE LA GESTALDLeyes de la continuidadLey de la continuidad: Los estilos de botón, íconos gráficos formatos de imagen ytipografía usada no respetan un lineamiento gráfico.Ley de la continuidad: Hay un desorden visual, por eso es difícil seguir un recorridoordenado de lectura.
  36. 36. LEYES DE LA GESTALDLeyes de la similitudCAMPAÑAS DE SALUD• Las campañas que se están publicitando no guardan similitud en la estructura ni en la tipografía.
  37. 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. 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. 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. 40. LEY DE HICK•Observamosabundantes elementosque podrían agruparsemejor y prescindir dealgunos para reducir elnúmero de alternativasy permitir al usuariodecisiones más rápidas.
  41. 41. LEY DE TESLEREn varios de los formularios, detectamos un exceso deinformación, lo que genera complejidad. Aquí unaejemplo:•El botón de radio estádemás, en esteformulario el usuariono elige unaopción, sólo le solicitaninformación.•Este elemento causaconfusión.
  42. 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. 43. PRINCIPIO DE PARETO•Vemos en laimagen, que loselementosinteractivos nopertenecientes alcontenido (en estecaso elformulario), representan alrededor del 60%superando el 20 %recomendado que nosindica Jakob Nielsen.
  44. 44. PRINCIPIO DE PARETO Gracias
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×