Análisis heurístico de la web de Aena.es según los 10 principios de Nielsen

Introducción

Para este segundo reto individual, utilizaré este post en Folio para presentaros mi análisis de la interfaz web de Aena.es , centrándome en las secciones más usadas por sus usuarios: consultar vuelos, salidas, llegadas y embarques.

He querido hacer la análisis sobre esta interfaz porque su diseño creo que es conocido por los internautas por poner bastantes barreras que nos provocan situaciones de estrés y merman nuestra experiencia, por lo que la considero de bastante relevancia como para darme pie a analizar los 10 principios de Nielsen.

Al largo de este post, presentaré mi recorrido a través de la interfaz web con un hallazgo por heurística -tanto buenas como malas prácticas- utilizando soporte visual. Continuaré con el ranking de gravedad más mis propuestas de mejora.

Metodología

Para llevar a cabo el análisis emplearé el método estándar de Evaluación Heurística aplicado al formato web de Aena en un ordenador portátil como dispositivo.

Fases:

1. Navegaré como evaluadora a través de las secciones más usadas por los internautas: búsqueda de vuelos, “Información de vuelos”, “Salidas” y “Llegadas”.
2. Plasmaré por escrito y gráficamente cada buena o mala práctica encontrada.
3. Clasificaré cada hallazgo con su respectiva heurística.
4. Evaluaré cada mala práctica encontrada según su gravedad, desde un punto de vista de un usuario en un contexto real (buscando vuelos un poco agobiado o nervioso por la expectativa de su viaje).

Análisis según los 10 principios heurísticos de Nielsen

1. Visibilidad del estado del sistema

Hallazgo: Al buscar los vuelos disponibles para las próximas dos semanas con llegada al aeropuerto de Madrid-Barajas, hay veces que el sistema no genera la lista de vuelos inmediatamente. No hay ninguna barra que indique el avance de la carga -solamente una animación de un pequeño avión volando-.

Mala práctica: La falta de feedback en un contexto de nerviosismo genera más ansiedad todavía y me hace pensar que la página se ha congelado o que he introducido algún dato incorrectamente.

2. Correspondencia entre el sistema y el mundo real

Hallazgo: Los términos escogidos no son los más claros ni están orientados específicamente a las acciones que puede hacer el usuario, como “Viajeros”, “Equipajes y controles”, “Documentación y visados”, “Servicios VIP” …

Mala práctica: El modelo mental del usuario se estructura de otra forma y espera encontrarse con términos relacionados con entorno real como viajero, como “Aeropuertos y destinos”, “Información útil para viajeros” o “Servicios”. En cambio, Aena lo estructura según lógica interna corporativa.

3. Control y libertad del usuario

Hallazgo: Al clicar en algunos servicios como, por ejemplo, “Reserva el parking” o “Buscar vuelo” se abre un enlace externo o popup, cada sección es una web distinta de Aena. Por lo tanto, no se puede volver desde el popup a la página principal de Aena retrocediendo, hay que buscarla en el navegador.

Mala práctica: El usuario no tiene la libertad de navegar libremente por estas secciones porque son todas enlaces externos, por lo que depende del navegador. En su contexto, tantas nuevas pestañas generan caos y confusión.

4. Consistencia y estándares

Hallazgo: Los botones principales del menú superior cambian de diseño completamente entre las mismas secciones de la heurística previa, incluso a veces son botones clicables y otras son enlaces estilizables.

Mala práctica: Esta inconsistencia obliga al usuario a reaprender como si fuera una nueva interfaz cada vez que accede a las secciones de “FoodToFly”, además dañar gravemente la identidad de marca de Aena.

5. Prevención de errores

Hallazgo: Si intento buscar un vuelo, nada más entrar al buscador intento clicar en introducir el nº de vuelo y Buscar, pero están desactivados. Resulta que es necesario seleccionar antes un aeropuerto, ya sea de salida o llegada. Sin embargo, tuve que descubrirlo por mi cuenta y hasta entonces, estar probando, introduciendo distintas fechas.

Mala práctica: La interfaz directamente no carga resultados, deja la página en blanco sin ningún mensaje de error o de indicación de que el campo del aeropuerto es obligatorio y necesario para la búsqueda. Al no saber qué es lo que falta, piensas que la web no funciona.

6. Reconocimiento mejor que recuerdo

Hallazgo: En el buscador de vuelos, la tabla que sale al buscar un aeropuerto de salida o llegada contiene muchos detalles útiles para los clientes. Resalta visualmente información clave sobre el estado del vuelo como “Entrega equip.” o “En vuelo”, los retrasos o adelantos en los horarios del vuelo y un acceso directo a una ventana con el mapa del aeropuerto para encontrar la puerta en la terminal y poder dirigirte a ella directamente.

Buena práctica: Al usuario no le hace falta recordar ni memorizar los datos del vuelo, además de tener información actualizada en el momento. La única mejora sería diferenciar los distintos estados de un vuelo usando colorimetría para que sea más inmediato de identificar visualmente a un pasajero estresado por llegar a tiempo a la puerta de embarque -ya que muchos pasajeros, si no disponen de la app en su móvil, consultan directamente la web-.

7. Flexibilidad y eficiencia

Hallazgo: La interfaz muestra un atajo en el buscador de vuelos para usuarios frecuentes, que es autocompletar el número de vuelo al introducirlo manualmente. Pero no te permite completar este campo hasta que no has introducido antes el aeropuerto, ya sea de salida o de llegada.

Buena práctica: Alguien que vuele asiduamente con esta compañía encuentra eficiencia en su uso porque la web guarda un historial y autocompleta la información, así podría llevar a cabo la acción mucho más rápido.

8. Diseño estético y minimalista

Hallazgo: Lo primero que nos encontramos en la página principal de Aena Pasajeros es un diseño maximalista con publicidad, banners en exceso, noticias corporativas y accesos secundarios que se alejan del objetivo principal de un pasajero de vuelo: ver su vuelo.

Mala práctica: Un hallazgo bastante problemático si tenemos en cuenta los contextos de uso habituales del usuario y que le está creando una carga cognitiva excesiva e innecesaria.

9. Ayuda al reconocimiento, diagnóstico y recuperación de errores

Hallazgo: En el buscador de vuelos, al introducir el aeropuerto y las fechas, se muestra un mensaje genérico “No hay Resultados”. No se detalla de si es debido a la selección del aeropuerto o a las fechas escogidas.

Mala práctica: Recibir algo de feedback a la hora de seleccionar los detalles de un vuelo reduciría los posibles errores humanos y facilitaría la búsqueda de vuelos a los futuros pasajeros. Sin embargo, se obliga al usuario a ir probando hasta que uno mismo descubra el por qué.

10. Ayuda y documentación

Hallazgo: En la página principal de Aena Pasajeros se encuentra un chat-bot en la esquina inferior derecha que te permite escribir dudas rápidas. Es accesible y bastante visible. Sin embargo, este chat-bot no está presente en el resto de las secciones mencionadas en las anteriores heurísticas, solo en la Home.

Buena práctica: El chat-bot ofrece ayuda al usuario que la necesite reduciendo la fricción y mejorando así la experiencia. Aun así, el que no esté también en las otras páginas emergentes, obliga a los usuarios a volver a la primera página perdiendo tiempo.

Ranking de hallazgos según gravedad

Conclusiones

Aena en su formato web cumple correctamente algunas funciones muy básicas, sin embargo, presenta una lista de problemas bastante extensa. Sobre todo, en el contexto de un pasajero, estos problemas se agravan.

En un momento tan delicado como reservar un vuelo, la falta de retroacción de Aena intensifica la sensación de caos y desorden en el pasajero.

Necesita mejorar la retroacción, la terminología, la consistencia y los mensajes de error. Con esto ganaría una interacción más satisfactoria, fluida y segura para sus clientes. Por último, con este análisis se ha evidenciado que, como temíamos en la introducción, la web de Aena precisa de mejoras en su usabilidad. Pero con pequeñas mejoras que implementase, lograría un impacto muy significativo en la experiencia de millones de pasajeros y viajeros.

Bibliografía

Heurística 1 — Visibilidad del estado del sistema
Aena. (2025). Buscador de vuelos sin feedback inmediato [gif]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/infovuelos.html

Heurística 2 — Correspondencia entre el sistema y el mundo real
Aena. (2025). Términos poco claros en el menú superior [Captura de pantalla]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/pasajeros/pasajeros.html

Heurística 3 — Control y libertad del usuario
Aena. (2025). Enlaces externos como Reserva de parking y Buscar vuelo [gif]. Recuperado el 14 de noviembre de 2025, de https://clubcliente.aena.es/AenaClub/es/sessionFinished

Heurística 4 — Consistencia y estándares
Aena. (2025). Inconsistencias visuales en botones del menú superior [Captura de pantalla]. Recuperado el 14 de noviembre de 2025, de https://foodtofly.aena.es/es/sessionFinished

Heurística 5 — Prevención de errores
Aena. (2025). Búsqueda de vuelos sin seleccionar aeropuerto [gif]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/infovuelos.html

Heurística 6 — Reconocimiento antes que recuerdo
Aena. (2025). Tabla de vuelos con información visual de estado [Captura de pantalla]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/infovuelos.html

Heurística 7 — Flexibilidad y eficiencia de uso
Aena. (2025). Historial y autocompletado de números de vuelo [gif]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/infovuelos.html

Heurística 8 — Diseño estético y minimalista
Aena. (2025). Home de Aena con exceso de banners y módulos [Captura de pantalla]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/pasajeros/pasajeros.html

Heurística 9 — Diagnóstico y recuperación del error
Aena. (2025). Mensaje genérico “No hay resultados” en búsqueda de vuelos [Captura de pantalla]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/infovuelos.html

Heurística 10 — Ayuda y documentación
Aena. (2025). Chat-bot en la página principal de Aena Pasajeros [Captura de pantalla]. Recuperado el 14 de noviembre de 2025, de https://www.aena.es/es/pasajeros/pasajeros.html

#EvaluaciónHeurística

#UsabilityHeuristics

#Nielsen

#Aena

#UX

#InteractionDesign

#UsabilidadWeb

#WebUsability

Análisis heurístico de la interfaz de Medium

1. Introducción

En este análisis vamos a examinar la plataforma Medium, una conocida interfaz de lectura y publicación de artículos por parte de la comunidad. A lo largo de esta entrada, se presentará una evaluación basada en los 10 principios heurísticos de Nielsen, identificando ejemplos positivos y negativos de cada uno de ellos.
El objetivo es detectar problemas de usabilidad si los hay y justificar por qué lo son. Finalmente priorizaremos estos hallazgos según su gravedad, proponiendo mejoras concretas para optimizar la experiencia de usuario.

2. Metodología

La evaluación se ha realizado mediante un análisis heurístico, un método que consiste en examinar la interfaz comparándola con los 10 principios de usabilidad establecidos por Jakob Nielsen.

El proceso seguido ha sido:

• Navegar por Medium por distintas pantallas: artículos, configuración de usuario, creación de cuenta, interacciones sociales…
• Identificar comportamientos, patrones visuales y flujos que cumplieran o incumplieran los heurísticos.
• Documentar buenas prácticas como malas implementaciones.
• Clasificar los problemas hallados según su impacto en la experiencia, su frecuencia y la dificultad que generan para el usuario.
• Redactar propuestas de mejora concretas.

3. Análisis según los 10 principios heurísticos de Nielsen

1º Visibilidad del estado del sistema

El sistema debe mantener informados a los usuarios sobre lo que está ocurriendo, mediante retroalimentación apropiada en un tiempo razonable.

✅ Buen ejemplo:

Cuando entras en la página y está cargando los elementos, inmediatamente hacen uso del
efecto skeleton con una mini animación en estos elementos que te dan ese feedback de carga
de contenido.

Otro ejemplo que encontramos es en la confirmación de acciones, como en el ejemplo que vemos a continuación dónde la interfaz nos confirma que se ha copiado al portapapeles.

❌ Mal uso | Severidad Baja

En cambio, no siempre hay retroalimentación, en este caso por ejemplo hemos hecho una acción y a diferencia del ejemplo anterior no nos sale el toast de confirmación rompiendo la consistencia y por ende esta confirmación que esperamos por parte del sistema de que la acción se ha ejecutado con éxito. Dado que al hacer click si que hay algo de feedback aunque poco visible y luego puedes ver que el cambio está realizado, estaríamos hablando de una severidad baja.

Propuesta de mejora

Para solventar esta pequeña inconsistencia, se podría incluir este toast para cualquier acción que el usuario haga, creando así un estándar de feedback para el usuario en el que se le va comunicando en todo momento la información del sistema a su acción.

2º Coincidencia entre el sistema y el mundo real

El sistema debe hablar el lenguaje del usuario, usando palabras, frases y conceptos familiares, siguiendo convenciones del mundo real.

✅ Buen ejemplo:

Medium usa lenguaje comprensible y metáforas conocidas:

“Clap” para dar me gusta, etiquetas para categorías, marcador de libro, etc…

Otro elemento para mi que nos recuerda al medio físico, es el de subrayados tipo marcador cómo cuando estudiamos y nos marcamos lo importante a recordar, me ha parecido muy interesante.

3º Control y libertad del usuario

El sistema debe mantener informados a los usuarios sobre lo que está ocurriendo, mediante retroalimentación apropiada en un tiempo razonable.

✅ Buen ejemplo:

El usuario puede cancelar la escritura de un comentario fácilmente.

❌ Mal ejemplo | Severidad alta

Los “claps” no permiten revertir el número con precisión: si tocas accidentalmente, el aplauso solo aumenta y no puedes restar uno a uno.

Propuesta de mejora

El usuario debe poder deshacer acciones no deseadas de forma clara y directa. Este tipo de acciones, que no deja de ser un like de Facebook, Instagram o este tipo de redes sociales, activa y desactiva un click para mantener patrones que el usuario ya conoce.

4º Consistencia y estándares

Los usuarios no deberían preguntarse si diferentes palabras, situaciones o acciones significan lo mismo

✅ Buen ejemplo:

Medium es bastante consistente: los botones, tipografía y menús se mantienen iguales en todas las páginas, y se respetan estándares web. En estos ejemplos vemos como siempre que te situas encima de un elemento muestra un tooltip indicando que es clicable, y por otro lado tenemos el layout estándar de todas las páginas estandarizado siempre mantienen la misma estructura y constancia.

❌ Mal ejemplo | Severidad baja

Entre la vista general y la del detalle hay inconsistencia en los iconos de clap y comentarios.

Propuesta de mejora

Mantener la consistencia visual para reducir la carga cognitiva del usuario.

5º Prevención de errores

Mejor que buenos mensajes de error, es un diseño cuidadoso que evite que ocurran problemas y se anticipie a ellos.

❌ Mal ejemplo:

En este caso en Medium no he encontrado muchos ejemplos que se pueda aplicar este principio puesto que es más de lectura que de acciones, solo lo he podido encontrar un ejemplo durante el proceso de creación de cuenta. En este caso, no tiene ninguna prevención de error al introducir el email validando el formato hasta que no se hace clic en «crear cuenta».

Propuesta de mejora

Lo ideal es que el sistema antes de que el usuario intente enviar dicha información alerte que el formato no es correcto por y ayude a entender que formato se espera.

6º Lrem

Reconocer antes que recordar

✅ Buen ejemplo:

Por lo general, toda la interfaz me parece que sigue patrones mentales muy estandarizados que fomentan este principio. Algunos ejemplos muy simples pero ilustrativos son: menús, iconos y sugerencias basadas en hábitos permiten al usuario reconocer acciones sin memorizar procesos.

7º Flexibilidad y eficiencia de uso

El diseño debe servir tanto a usuarios novatos como a expertos, para que los usuarios avanzados interactúen más rápido y al mismo tiempo proporcionando una experiencia sencilla para los principiantes

✅ Buen ejemplo:

Algunas funciones avanzadas como modo oscuro, settings para configurar tu experiencia, tabulación para navegar, selección de temas de interés, etc…En este caso mostrada la pantalla de configuración como ejemplo de personalización de la experiencia para cada usuario. Al mismo tiempo por defecto Medium te guía para hacer una preconfiguración inicial que si eres usuario avanzado puede acabar de configurar al gusto.

8º Estética y diseño minimalista

No sobrecargar la interfaz con información irrelevante; cada elemento extra compite con la información relevante

✅ Buen ejemplo:

Medium es un ejemplo perfecto: limpieza, pocos elementos distractores, buena tipografía y jerarquía visual. Aquí tenemos dos ejemplos de pantallas diferentes con un diseño limpio, perfecto.

9º Ayuda a reconocer, diagnosticar y recuperarse de errores

El sistema debe hablar el lenguaje del usuario, usando palabras, frases y conceptos familiares, siguiendo convenciones del mundo real.

❌ Mal ejemplo | Severidad Media

Aunque sí que nos muestra el error con un lenguaje comprensible, no es suficientemente claro para que el usuario sepa qué formato es el esperado. En este caso es un email que todos estamos acosumbrados y ya conocemos el formato pero eso no implica que el mensaje sea ambiguo.

10º Ayuda y documentación

Aunque el sistema debería ser usable sin ayuda, puede ser necesario proporcionar documentación clara y fácil de buscar.

✅ Buen ejemplo:

Además de los literales que van acompañando para dar ayuda contextual de ese elemento, Medium ofrece una sección de «Help», esta te lleva a una web donde puedes buscar aquello que necesites.

4. Ranking

Universitat Oberta de Catalunya (UOC). Evaluación heurística. Cuaderno de Usabilidad. Enlace: https://quadern-usabilitat.recursos.uoc.edu/es/4-2-evaluacion-heuristica/
Nielsen, J. (1994, 24 de abril). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group.Enlace: https://www.nngroup.com/articles/ten-usability-heuristics/

En este post vamos ha realizar un análisis heurístico de una interfaz de inspiración visual: Pinterest.

¿Qué es Pinterest?

Se trata de una plataforma digital y red social donde la inspiración visual es la base sobre la que se construye. Es una herramienta que permite organizar contenidos mediante tableros temáticos tanto públicos como privados, añadiendo aquellas imágenes que resultan atractivas o interesantes, conocidas como pins. Existen una infinidad de temáticas dentro de la plataforma.

Tiene sede en San Francisco, se lanzó en 2010 y cuenta con más de 500 millones de usuarios mensuales activos en todo el mundo.

¿Por qué Pinterest?

¿Quién no ha utilizado Pinterest alguna vez? No puedo afirmar exactamente los años que llevo utilizando esta plataforma, pero me arriesgo a decir que mínimo 12 años. En todo este tiempo, no tenía los conocimientos para analizar el funcionamiento de la plataforma ni cómo es la experiencia de los usuarios, por eso me ha parecido interesante escoger este motor de búsqueda visual para realizar un análisis heurístico y ser consciente de qué ofrece esta plataforma a nivel de usabilidad.

En este post vas a encontrar…

(2)

1.  Metodología empleada para realizar el análisis heurístico de Pinterest.
2. Un análisis heurístico con los 10 principios de Nielsen:
   • Visibilidad del estado del sistema.
   • Adecuación entre el sistema y el mundo real.
   • Libertad y control por parte de la persona usuaria.
   • Consistencia y estándares.
   • Prevención de errores.
   • Reconocimiento antes que recuerdo.
   • Flexibilidad y eficiencia en el uso.
   • Diseño estético y minimalista.
   • Ayuda a las personas usuarias a reconocer y diagnosticar los errores y a recuperarse.
   • Ayuda y documentación.
3. Un ranking de los hallazgos ordenados según la gravedad de la experiencia de usuario y sus propuestas de mejora

1. Metodología

Para llevar a cabo el an´alisis heurístico de Pinterest realizamos tres tareas principales: Inspección, documentación, priorización.

• • En la primera tarea, realizaremos una inspección por la navegación de la interfaz realizando las principales funciones de la plataforma. Como registrarse, iniciar sesión, página de inicio, realizar una búsqueda, crear un tablero, guardar un pin, perfil de usuario…
  • En la segunda tarea, realizaremos una documentación de los 10 principios de Nielsen en un informe detallado con los hallazgos de la plataforma.
  • Por último, priorizamos qué hallazgos son más graves respecto a la experiencia del usuario y propondremos mejoras.

(3)

2. Análisis heurístico

Los 10 principios de Nielsen

En esta segunda parte encontramos el objetivo principal de esta entrada: realizar un análisis heurístico de la plataforma de Pinterest siguiendo los 10 principios de Nielsen. Para ello, presentaremos en qué se basa el principio, cómo se encuentra en la plataforma de Pinterest, si se hace un buen o mal uso del principio y justificaremos la decisión tomada.

2. 1. Visibilidad del estado del sistema

El sistema debe avisar al usuario de lo que está pasando en todo momento, ya sea cargado el contenido, mientras se realiza la acción o si existe algún error.

• • • Ejemplo: Guardar un Pin.
    • Evaluación: Buen uso ✅
    • Justificación: Al guardar un Pin, el sistema ofrece una retroalimentación que le indica al usuario que se ha completado la acción. Lo hace cambiando el botón que estaba en rojo e indicaba «Guardar» a pasar a un color gris e indicar «Guardado», además de indicar el lugar donde se encuentra, en este caso «Guardado en el perfil».

2. 2. Adecuación entre el sistema y el mundo real

La interfaz debe utilizar un lenguaje que sea reconocible para el usuario y que utilice metáforas y conceptos que sean familiares
para este.

• • • Ejemplo: Metáfora de Pin y Tablero.
    • Evaluación: Buen uso ✅
    • Justificación: Pinterest se basa en la idea de utilizar pins (chinchetas) para añadir ideas a un tablero (un corcho). Por lo que realiza una analogía que es sencilla de comprender por nuevos usuarios.

2. 3. Libertad y control por parte de la persona usuaria

Los usuarios deben poder deshacer las acciones y salir fácilmente, teniendo el control sobre la interfaz.

• • • Ejemplo: Deshacer acciones en bloque.
    • Evaluación: Mal uso ❌
    • Justificación: Cuando organizamos un tablero, nos permite seleccionar todos los elementos para organizarlos y mover también cada pin de manera individual, pero como vemos en el ejemplo, una vez movemos los pins a otro tablero, no podemos deshacer la acción, lo que hace que el usuario no tenga el control sobre el sistema.

2. 4. Consistencia y estándares

Los elementos y acciones que signifiquen lo mismo se deben presentar en la interfaz de la misma forma, guardando coherencia.

• • • Ejemplo: Uso de elementos distintos.
    • Evaluación: Mal uso ❌
    • Justificación: Al añadir un Pin desde un tablero ya existente varía el botón para realizar la acción de guardar. En el ejemplo del primer principio podemos observar que se emplea un botón para guardar y en este caso es reemplazado por una chincheta, lo que puede causar confusión y no guarda la consistencia a lo largo de la interfaz.

2. 5. Prevención de errores

Diseñar interfaces que eviten que los usuarios cometan errores en lugar de gestionar bien los errores ya existentes. 

• • • Ejemplo: Modificaciones en un tablero.
    • Evaluación: Mixto ✅ ❌
    • Justificación: Existen varias formas de editar un tablero, y entre ellas encontramos «archivar» que aparece un diálogo en el que nos avisa de cómo va a afectar esta acción, ya que dejará de estar disponible. ✅ Anticipando el error de que el usuario archive un tablero y después no lo encuentre. Pero sin embargo, cuando la opción que seleccionamos es la de «fusionar» directamente nos deja realizar la acción,  lo que lleva al error al usuario ya que no hay forma de restaurarlo. ❌

2. 6. Reconocimiento antes que recuerdo

Hacer que el usuario no deba memorizar las opciones o información relevantes, si no que estén disponibles visiblemente y pueda identificarlas. 

• • • Ejemplo: Sugerencia de tableros al guardar un Pin.
    • Evaluación: Buen uso ✅
    • Justificación: Cuando el usuario quiere guardar un Pin, la interfaz asigna el tablero que cree que puede encajar con ese contenido, y además permite desplegar los distintos tableros que ha creado el usuario, colocando los utilizados más recientes en la parte superior. Lo que hace que el usuario no deba acordarse de todos los nombres de los tableros que tiene creados.

2. 7. Flexibilidad y eficiencia en el uso

La interfaz debe ser eficiente para nuevos usuarios y para expertos, aportando atajos a los últimos para realizar las funciones.

• • • Ejemplo: Copiar /guardar imagen.
    • Evaluación: Mal uso ❌
    • Justificación: Cuando los usuarios se enfrentan ante la acción de guardar o copiar la imagen, deben hacerlo mediante el menú de tres puntos o con el botón derecho del ratón. Sin embargo, para usuarios más experimentados, deberían permitirse los atajos del teclado como cmd+c/cntrl+c (dependiendo del sistema operativo) para copiar la imagen una vez seleccionada.

2. 8. Diseño estético y minimalista

El diseño de la interfaz tiene que ser claro y estético, para que no afecte al contenido principal y puedan realizarse las acciones sin interferencias. 

• • • Ejemplo: Home de Pinterest.
    • Evaluación: Buen uso ✅
    • Justificación: La página de inicio se muestra organizada con las imágenes y vídeos que son el contenido principal de la plataforma. Ocupando este la mayor parte de la pantalla. Los botones e iconos tienen una estética minimalista y aparecen, en muchos casos, cuando se pasa el cursor por encima. Optimizando de esta forma que el usuario tenga acceso a la parte visual sin saturar con información.

2. 9. Ayuda a las personas usuarias a reconocer y diagnosticar los errores y a recuperarse

Los mensajes de error deben ser claros, explicar el problema para que sea comprensible por el usuario y aportar una solución.

• • • Ejemplo: Sin conexión a Internet.
    • Evaluación: Mal uso ❌
    • Justificación: Cuando no existe conexión a internet deja de cargarse el contenido y no aparece ningún mensaje. Lo que puede generar frustración por parte del usuario esperando a que cargue de nuevo el sistema. Podría solventarse mediante un mensaje que indicase la falta de conexión y que recargue la página.

2. 10. Ayuda y documentación

La ayuda debe ser de fácil acceso y concisa, ayudando al usuario a realizar la tarea correspondiente.

• • • Ejemplo: Acceso y búsqueda en el Centro de Ayuda
    • Evaluación: Uso mixto ✅ ❌
    • Justificación: El Centro de Ayuda esta disponible en todas las pantallas y está bien estructurado, se abre en una pestaña nueva, lo que permite poder volver a realizar la acción una vez resuelta la duda sin volver atrás. ✅
      Sin embargo, solo puedes acceder a ella desplazándote por el menú de la parte izquierda y accediendo a configuración. Se podría solventar añadiendo un icono de un interrogante justo encima del engranaje que identificamos como ajustes, para que visiblemente fuese más perceptible y de fácil acceso para nuevos usuarios. ❌

3. Ranking de hallazgos

Puesto que no todos los errores son igual de graves y el impacto en el usuario es distinto, realizamos un ranking desde los menos graves a los más graves, respectivamente. También aportamos posibles soluciones de mejora.

(4)

Top 5 de errores de usabilidad en Pinterest

El quinto puesto es para…

(5)

Acceso poco intuitivo al Centro de Ayuda

10. Ayuda y documentación

• Justificación: Es el problema más leve, puesto que puede accederse al Centro de Ayuda mediante la configuración del menú lateral, pero dificulta la tarea a aquellos usuarios nuevos puesto que no se encuentra a simple vista.
• Propuesta de mejora: Extraer la función de la configuración y trasladarla a la parte superior inmediata a la tuerca mediante un icono de interrogante. De esta forma sería visible y podrían acceder todos los usuarios sin navegar en el sistema hasta encontrar esta opción.

El cuarto puesto es para…

(6)

Falta de estado en cargas largas

1. Visibilidad de estado del sistema

• Justificación: Cuando realizamos scroll durante un tiempo y el sistema tarda en cargar el contenido más de lo esperado no aparece ningún icono, simplemente se queda en blanco las imágenes.
• Propuesta de mejora: Añadir un icono de carga o un mensaje de «Cargando más resultados» para indicar al usuario el estado del sistema.

El tercer puesto es para…

(7)

Incoherencia en la interfaz

4. Consistencia y estándares

• Justificación: Existen dos botones/iconos para guardar un Pin: el botón con el texto «Guardar» y su respectivo «Guardado» al completar la acción; y una chincheta que se convierte en un check al completarla.
• Propuesta de mejora: Unificar el sistema estandarizando uno de los dos formatos empleados para no generar confusión entre los nuevos usuarios, y que sea más sencilla de aprender la interfaz por reconocimiento.

El segundo puesto es para…

(8)

Deshacer acciones en bloque

5. Prevención de errores

• Justificación: Este problema puede causar que se pierdan horas de trabajo, ya que por una confusión pueden fusionarse tableros erróneos o pasar Pins de un tablero a otro en masa sin opción de restaurar el valor original de estos.
• Propuesta de mejora: Al igual que cuando se guarda un Pin, aparece una retoacción de que se ha guardado, debería existir un botón donde poder deshacer inmediatamente la acción. Además de incluir el funcionamiento de atajos (cmnd + z / contrl + z) para deshacer las acciones.

El primer puesto es para…

(9)

Mensajes de error

9. Ayuda a las personas usuarias a reconocer y diagnosticar los errores y a recuperarse

• Justificación: Es el problema más grave ya que al no informar al usuario del problema puede sentir frustración e impotencia. Esto puede causar que la persona abandone el proceso y afecta directamente a la experiencia de usuario.
• Propuesta de mejora: Sistema de mensajes que diagnostiquen el problema y guíen al usuario hacia la solución. Por ejemplo, diagnosticar el problema: «No podemos conectar con Pinterest. Revisa tu conexión.» Ofrecer una solución: añadir al mensaje un botón de «Reintentar». Comprobar el estado: icono de carga.

Bibliografía

Webgrafía

Membrives, J. [Judith]. (2021).
Cuaderno de Evaluación de la usablilidad. [recurso de aprendizaje textual]. https://quadern-usabilitat.recursos.uoc.edu/es/

Design Toolkit  (n.d.). https://design-toolkit.recursos.uoc.edu/es/

Recursos visuales

1 Portátil realista | Vector gratuito. (n.d.). Freepik. https://www.freepik.es/vector-gratis/portatil-realista_35202486.htm#fromView=keyword&page=1&position=0&uuid=14ccd113-d948-43f3-9dbd-8b83934ab0ba&query=Mockup+ordenador

2 Aqilahtries. (2024, July 23). Eyes Eye Search Sticker – Eyes Eye search Aqilahtries – Descubrir y compartir GIFs. Tenor. https://tenor.com/es/view/eyes-eye-search-aqilahtries-gif-5948550037347295490

3 Morrison, N. (2017, July 31). MacBook Pro near white open book. Unsplash. https://unsplash.com/es/fotos/macbook-pro-near-white-open-book-FHnnjk1Yj7Y

4 BearishAF. (2025, August 5). School College Sticker – School College Teacher – Descubrir y compartir GIFs. Tenor. https://tenor.com/es/view/school-college-teacher-score-f-gif-15148442590092176477

5 Dasoertliche. (2022, September 7). Anzeigetafel Fünf Sticker – Anzeigetafel Fünf Fünf Minuten – Descubrir y compartir GIFs. Tenor. https://tenor.com/es/view/anzeigetafel-f%C3%BCnf-f%C3%BCnf-minuten-five-five-minutes-gif-26659689

6 Dasoertliche. (2022, September 9). Soccer Bundesliga Sticker – Soccer Bundesliga Fussball – Descubrir y compartir GIFs. Tenor. https://tenor.com/es/view/soccer-bundesliga-fussball-referee-dfb-gif-26676528

7 Dasoertliche. (2022, September 7). Anzeigetafel Drei GIF – Anzeigetafel Drei Nachspielzeit – Descubrir y compartir GIFs. Tenor. https://tenor.com/es/view/anzeigetafel-drei-nachspielzeit-drei-minuten-three-minutes-gif-26659878

8 Dasoertliche. (2024, January 3). Das örtliche Schiri GIF – Das örtliche Schiri Schiedsrichter – Descubrir y compartir GIFs. Tenor. https://tenor.com/es/view/das-%C3%B6rtliche-schiri-schiedsrichter-schiedsrichterinnen-fussball-gif-7487206721150257002

9 Dasoertliche. (2024, January 3). Das örtliche Schiri GIF – Das örtliche Schiri Schiedsrichter – Descubrir y compartir GIFs. Tenor. https://tenor.com/es/view/das-%C3%B6rtliche-schiri-schiedsrichter-schiedsrichterinnen-fussball-gif-15787429217074698036