Publicat per

Diseño de interacción

Diagramas de flujo

¡Hola a todos! Para esta entrada he decidido escoger la página web del Museo del Prado: https://www.museodelprado.es/en y Bilbao International Art and Fashion: https://biaaf.com/. Presentaré sus diagrmas de flujo, así como un análisis crítico de cada uno de ellos; también realizaré una evaluación heurística.

 

Museo del Prado

Este diagrama de flujo muestra cómo un usuario navegaría por la página web del Museo del Prado. El inicio comienza en la página principal, donde el usuario puede elegir entre tres secciones: Colección, Visitas e Investigación. Todas ellas permiten al usuario retroceder y seleccionar otra sección, así como salir de la página web con facilidad.

Este diagrama muestra una estructura lógica y clara en la navegación de la página web. Sin embargo, una posible mejora sería incluir opciones de búsqueda y filtros para ayudar a los usuarios a encontrar obras de arte específicas dentro de una categoría, así como una funcionalidad de búsqueda mediante palabras clave.

La evaluación heurística se ha realizado con los 10 principios de Nielsen:

√ = Cumple con el principio

× = No cumple con el principio

  1. Visibilidad del estado del sistema: √
  2. Coincidencia entre el sistema y el mundo real: √
  3. Control y libertad del usuario: √
  4. Consistencia y estándares: ×
  5. Prevención de errores: √
  6. Reconocimiento en lugar de recordar: ×
  7. Flexibilidad y eficencia de uso: ×
  8. Estética y diseño minimalista: √
  9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de errores: ×
  10. Ayuda y documentación: ×

En general, la pagina web del Museo del Prado cumple con varios de los principios de usabilidad: Utiliza terminología adecuada al contexto, la visualidad es clara y ofrece opciones de navegación coherentes, asi como también muestra dvertencias antes de acciones irreversibles. No obstante, hay margen de mejora: por ejemplo, la agregación de opciones de deshacer o inclusión de una funcionalidad de búsqueda y filtros para una mayor personalización del usuario. Por último, podría proporcionar más información sobre cómo solucionar los posibles errores que aparacen.

Como conclusión, la página web tiene unas buenas bases en términos de usabilidad, pero puede tener muy buenas oportunidades de mejora.

BIAAF

Este segundo diagrama de flujo representa la navegación de un usuario en la página wed de BIAAF(Bilbao International Art & Fashion Forum). Comienza su inicio en la página principal y permite al usuario elegir entre las diferentes secciones: About BIAAF, News, Events, Designers y Awards.

Muestra una estructura clara y coherente y facilita a los usuarios a encontrar la información que desean. No obstante, las opciones de navegación podrían ser más visibles y accesibles para cada sección, para que los usuarios pudieran distinguir los distintos tipos de secciones que hay. Asimismo sería interesante añader una funcionalidad de búsqueda.

Respecto a su evaluación heurística:

√ = Cumple con el principio

× = No cumple con el principio

  1. Visibilidad del estado del sistema:
  2. Coincidencia entre el sistema y el mundo real:
  3. Control y libertad del usuario: ×
  4. Consistencia y estándares:
  5. Prevención de errores:
  6. Reconocimiento en lugar de recordar:
  7. Flexibilidad y eficencia de uso:
  8. Estética y diseño minimalista:
  9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de errores: ×
  10. Ayuda y documentación: ×

En general esta página web cumple con muchos de los principios de usabilidad, pues muestra una visualización clara, terminología adecuada al contexto y una estructura de navegación coherente, así como su estética concuerda con lo que se trata en su página web. Si embargo, se podría proporcionar de una mayor ayuda al usuario enc aso de errores.

Debat0el Diseño de interacción

Deixa un comentari