Análisis heurístico
Web
Cines Yelmo
https://yelmocines.es/
Versión Mobile
Indice
1- Introducción
2- Hallazgos
3- Ránking
4- Soluciones
5- Bibliografía
Introducción
He elegido hacer el análisis sobre la web de Cines Yelmo en su versión mobile, puesto que como amante del cine y usuaria de este tipo de plataformas, detecté que tiene varias carencias (y que las webs de su competencia sí que tienen solventadas).
Utilizo estas webs tanto para comprar entradas, como para informarme de próximos lanzamientos y ver su tráiler. Cuando ofrecen una información extra, ya sean reportajes o artículos, es cuando más tiempo paso en ellas. Normalmente, lo hago desde el móvil, mientras tengo un momento de espera, ya sea en el transporte público, en la sala de espera del médico,..
Como todos ya sabemos, las salas de cine no están en su mejor momento, por lo que creo que han de ofrecer un valor añadido extra para así conseguir atraer a sus clientes, por lo que una excelente imagen corporativa online tendría que ser uno de sus principales objetivos.
Para analizar esta web, he utilizado la metodología del análisis heurístico de nivel alto, puesto que permite centrarme en la evaluación de ciertas tareas o procesos, con el objetivo de detectar sus principales errores.
Primero analizaré de manera cuantitativa los resultados obtenidos sobre los problemas detectados y su gravedad, y por último, estos problemas se mostrarán de manera descendente en cuanto a puntuación de rango de gravedad usando el análisis cualitativo, con el objetivo de detectar los fallos más destacados de la web, y así ofrecer una propuesta de soluciones. Los puntos a tener en cuenta serán:
-
- Navegación fluida, intuitiva y clara
- Ofrecer una guía de cines disponibles
- Información sobre el cine seleccionado
- Cartelera
- Próximos estenos
- Ficha de la película, con contenido adicional (información de actores, productora, equipo técnico,…)
- Tráiler de la película
- Compra de entradas
- Blog o espacio donde leer información sobre novedades sobre el mundo del cine
Tengamos en cuenta que la evauación está hecha a partir de la experiencia web en el formato mobile, por lo que es posible que varios de estos fallos estén contemplados en la APP que ofrece. No haré el estudio de la APP, ya que no soy el perfil de usuario que le gusta descargar APP, por lo que si puedo realizar la acción desde la web, prefiero no descargarla.
Hallazgos
Principios heurísticos de Nielsen
Análisis cuantitativo
Categorias
Frecuencia: El problema sucede de manera ocasional, poco frecuente o de manera recurrente.
Impacto: Nivel de facilidad en la que el usuario consigue superar la aparición del problema
Persistencia: El problema se resuelve a la primera o aparece repetidamente
Puntuación
0 No es un problema de usabilidad
1 Problema sin importancia
2 Problema de usabilidad menor
3 Problema de usabilidad grave
4 Catástrofe, imprescindible solucionarlo
1. Principio: Visibilidad del estado del sistema
Velocidad de carga de toda la web
Tipo: Buen uso de la heurística
Justificación: La web funciona con bastante lentitud, tardando en cargar los contenidos constantemente, pero el sistema siempre ofrece el icono de loading, para indicar al usuario que la web se está cargabdo.
Si bien es cierto que es muy tedioso, la heurística está aplicada correctamente, puesto que el sistema avisa al usuario del avance, lo que hace que este no piense que la página ha dejado de funcionar.
Pestaña Luxury/Premium en PDF
Tipo: Mal uso de la heurística
Justificación: Cuando nos dirigimos al apartado de Luxury/Premium, desaparece el formato web, y se nos abre una nueva pestaña con un PDF que agrupa un conjunto de promociones y precios de alimentación.
Este apartado contiene un diseño totalmente diferente al de la web, y a demás, para volver a la web principal, debemos buscar la pestaña externa, por lo que si el usuario no sabe hacerlo, no podrá volver a ella, y probablemente perdamos su retorno.
El sistema no informa de este cambio, y tampoco permite volver a la página anterior con una flecha, o por propio menú, puesto que en este PDF desaparece.
Frecuencia del problema 3/4
Impacto sobre el usuario 2/4
Persistencia 3/4
Puntuación 8/12
2. Principio: Adecuación entre el sistema y el mundo real
Unirse al club
Tipo: Buen uso de la heurística
Justificación: Pese a abrirse en una pestaña nueva sin opción a vovler atrás o a acceder al menú hamburguesa, la pantalla de Únete a Nosotros es directa y concisa, por lo que el usuario distingue su cometido principal.
El CTA está ubicado en el lugar correcto, y claramente destacado, por su color intenso, y su texto «SIGUIENTE» en mayúsculas.
El apartado de añadir el correo electrónico es reconocible, puesto que el campo en color gris hace que el usuario lo identifique como un campo a rellenar, y también va acompañado al texto «Correo Electrónico» y un icono de un sobre, que da a indicar que es una carta (lo que asociamos al correo electrónico en contextos digitales).
Botón compra anticipada de la Home
Tipo: Mal uso de la heurística
Justificación: Cuando entramos en una web donde podemos realizar algna compra, estamos acostumbrados a encontrar un icono que nos muestre de manera reveladora donde podemos acceder al contenido que queremos comprar, como puede ser un carrito de la compra o un cesto de la compra.
En este caso, el método de compra es bastante confuso, pese a que desde la home se indica la posibilidad de hacer preventa de entradas, y que desde el menú hamburguesa podamos acceder al apartado de «venta anticipada». Una vez accedemos, la interfaz no resulta identificable a lo que tenemos entendido como lugar donde se puede hacer una compra online.
Cuando accedemos, podemos ver las películas disponibles (lo que nos puede hacer pensar que hemos de seleccionar la película y provincia que deseamos), pero cuando lo hacemos, vemos la descripción de los horarios disponibles.
En ningún momento hay ninguna indicación de qué pasos hemos de seguir para finalizar la compra.
Finalmente, a base de pelearte con la web, descubres que al clikar encima del horario de la película (que resulta que es un botón, aunque no tiene apariencia de botón), allí es donde se accederá a la pasarela de pago.
Es decir, para comprar una entrada (que debería ser la principal función de la web) el usuario no identifica visualmente donde está la zona de compra (si por texto, pero no por iconografía). Y una vez dentro del lugar correcto, el usuario no identifica qué paso ha de seguir, puesto que ni se indica, ni el botón que se ha de presionar tiene apariencia de botón.
Frecuencia del problema 4/4
Impacto sobre el usuario 3/4
Persistencia 4/4
Puntuación 11/12
3. Principio: Libertad y control por parte de la persona usuaria
Cancelar compra
Tipo: Buen uso de la heurística
Justificación: Cuando estamos dentro de la pasarela de pago, el sistema permite volver atrás para deshacer la compra, sin tener que cerrar la ventana e iniciar una nueva.
También es cierto que tanto la alineación como la ubicación del botón no son del todo cómodas, resuelven la necesidad principal.
Y por otro lado, el segundo botón que aparece inactivo, debería ocultarse, puesto que en este contexto no tiene utilidad, y pasar a verse de nuevo una vez que sea necesario.
Frecuencia del problema 0/4
Impacto sobre el usuario 1/4
Persistencia 1/4
Puntuación 2/12
4. Principio: Consistencia y estándares
Menú hamburguesa
Tipo: Buen uso de la heurística
Justificación: El menú hamburguesa está simbolizado con un icono que representa el menú hamburguesa. Se ubica y comporta como y donde nosotros esperamos que lo haga.
Desplegable de películas
Tipo: Mal uso de la heurística
Justificación: En el pie de página aparece un supuesto apartado desplegable para buscar el listado de películas, puesto que aparece una flecha hacia abajo (que indica que este apartado se puede desplegar), pero cuando hacemos click, aparece un cursor para que escribamos manualmente el título de la película que queremos buscar.
Frecuencia del problema 1/4
Impacto sobre el usuario 1/4
Persistencia 4/4
Puntuación 6/12
5. Principio: Prevención de errores
Indicación de errores
Tipo: Buen uso de la heurística
Justificación: Cuando el usuario está rellenando los campos personales en la pasarela de pago y se introduce incorrectamente algún campo, el sistema indica cuál es, y no te deja avanzar hasta que no se solucione.
Y por otro lado, el botón de compra no puede ser pulsado hasta que todos los campos no están rellenados. Aparece por defecto deshabilitado, y se habilita cuando se rellenan todos los campos.
Consulta más horarios
Tipo: Mal uso de la heurística
Justificación: Al final de la sinopsis de una película, aparece lo que parece un botón que indica «Consulta más horarios», pero cuando hacemos click, no sucede nada. Buscamos que aparezca algún aviso para entender qué error está pasando, pero no sucede nada.
Después de un buen rato, descubres que no es un botón, sino un título, y que la información aparece en el apartado siguiente.
Frecuencia del problema 2/4
Impacto sobre el usuario 2/4
Persistencia 2/4
Puntuación 6/12
6. Principio: Reconocimiento antes que recuerdo
Cambio de país
Tipo: Buen uso de la heurística
Justificación: En el footer de la web, identificamos rápidamente la alternativa de cambio de país, gracias a las banderas, que con su tamaño moderado y su contraste de color, destacan en su contexto.
Etiquetas películas
Tipo: Mal uso de la heurística
Justificación: Dentro de la ficha de cada película, aparecen unas etiquetas para categorizar el típo de película. El problema es que este tipo de etiquetas no son fácilmente reconocibles, por lo que el usuario no entienda que significan estos códigos.
Frecuencia del problema 2/4
Impacto sobre el usuario 1/4
Persistencia 2/4
Puntuación 5/12
7. Principio: Flexibilidad y eficiencia en el uso
Selección sala de cine
Tipo: Buen uso de la heurística
Justificación: Para el usuario que ya sabe que sala de cine quiere visitar, aparecen dos desplegables en la parte superior de la home, para asi poder ver únicamente las películas que están en cartelera en ese cine, evitando que el usuario pierda el tiempo al ver en cartelera unas películas que no va a poder ver.
Filtros de búsqueda
Tipo: Mal uso de la heurística
Justificación: Existe un filtro que permite ajustar las salas de cine, el rango de hora, el formato de la película (2D o 3D), si quieres la película en VOSE o en español, y el tipo de sesión.
Este apartado únicamente está disponible cuando entras en «Cartelería», por lo que no acaba de ser un acceso directo real desde la home.
Una vez el usuario ha seleccionado los filtros que necesita, no queda claro que hay que hacer, puesto que no hay ningún botón de Aceptar, y tampoco queda claro si la búsqueda se efectúa en tiempo real.
Tampoco resulta muy visible a primera vista, por lo que solo usuarios que hayan usado a menudo la web puede que lo hayan descubierto.
Y, por otro lado, hay páginas que son un callejón sin salida, puesto que se abren en una pestaña nueva, y no aparece ninguna flecha para volver atrás (como el apartado Luxury/Premium que te redirige a una pestaña nueva del PDF del menú del restaurante, o el apartado de MovieYelmo, en sus dos subcategorias, de Beneficios y Subscríbete), que se abren en una pestaña nueva sin posibilidad de volver atrás.
Frecuencia del problema 2/4
Impacto sobre el usuario 2/4
Persistencia 4/4
Puntuación 8/12
8. Principio: Diseño estético y minimalista
Información para unirse al club
Tipo: Buen uso de la heurística
Justificación: Pese a aparecer en una pestaña nueva sin opción a acceder al menú, la sección MovieYEMlo > Beneficios muestra al usuario una informaciñon clara y concisa, lo que favorece poder convencerlo a suscribirse, puesto que no ha de leer un largo párrafo.
Confusión con las categorías de las películas
Tipo: Mal uso de la heurística
Justificación: Hay categorías que no tienen contenido, y aún y así son mostradas. Normalmente, este tipo de categorías deberían permanecer ocultas si no hay información a mostrar.
Esto ocurre por ejemplo en la ficha de cada película, donde aparece el apartado del video del tráiler, pero no aparece en ninguna película, por lo que esta categoría debería de ocultarse.
Frecuencia del problema 4/4
Impacto sobre el usuario 2/4
Persistencia 4/4
Puntuación 10/12
9. Principio: Ayuda a las personas usuarias a reconocer y diagnosticar los errores y a recuperarse
Condiciones de la compra
Tipo: Buen uso de la heurística
Justificación: Cuando se accede a la compra online, se muestra inmediatamente este aviso, donde advierte de las condiciones de compra de entradas con algún tipo de descuento (jubilados, jóvenes, descuentos especiales,..).
Se indica claramente que el sistema permite hacer la compra con descuentos, pero que para acceder a la sala de cine y poder canjear la entrada, se deberá mostrar la documentación requerida en cada descuento aplicado.
Frecuencia del problema 0/4
Impacto sobre el usuario 0/4
Persistencia 0/4
Puntuación 0/12
10. Principio: Ayuda y documentación
Explicación de la solicitud de leer la ubicación
Tipo: Buen uso de la heurística
Justificación: Al entrar por primera vez, aparece un popup donde se pregunta al usuario si desea que el sistema reconozca su ubicación, y explica el motivo; Mostrar los cines que tienes más cerca.
No existe una guía de uso o FAQS
Tipo: Mal uso de la heurística
Justificación: El sistema no ofrece ninguna guia o tutorial de cómo funciona.
Si el usuario tuviera alguna duda y se quisiera poner en contacto con la plataforma, lo podría hacer mediante alguna de las redes sociales que muestran en el desplegable del menú hamburguesa o en el listado de secciones del footer.Y es precisamente allí, escondido en una linea de texto del footer, al lado de la política de privacidad y de las cookies, donde aparece una linea de «Atención al cliente», donde el sistema te redirige a una página (no adaptada a mobile) para rellenar un cuestionario de contacto.
Frecuencia del problema 2/4
Impacto sobre el usuario 2/4
Persistencia 2/4
Puntuación 6/12
Ránking
Análisis cualitativo
NTS: No cumple en ningún lugar de la web (valor de 0)
NEP: No cumple en los enlaces principales (valor de 2.5)
NPP: No cumple en la página principal (valor de 5)
NPI: No cumple en alguna página interior (valor de 7.5)
S: Si cumple el criterio (valor de 10)
NA: Criterio no aplicable
Relevancia del criterio
Critica 8
Mayor 4
Media 2
Moderada 1
Puntuación
1- Adecuación entre el sistema y el mundo real 11/12
2- Diseño estético y minimalista 10/12
3- Visibilidad del estado del sistema 8/12
4- Flexibilidad y eficiencia en el uso 8/12
5- Ayuda y documentación 6/12
Soluciones
1- Añadir en la home un icono de un carrito de la compra junto al texto «Compra tus entradas aquí», y que una vez estemos dentro de la ficha de la película, que se indique (en texto o visualmente) que hay que seleccionar el día y la fecha, para poder avanzar con la pasarela de pago.
2- Ocultar la categoría de trailer, puesto que no se muestra en ninguna de las fichas, y mostrarla únicamente en las que si dispongan de el.
3- Mostrar la publicidad a pantalla completa únicamente la primera vez que se entra al site, y hacer un estudio para averiguar por qué el sistema carga tan lento, con el objetivo de reducir o eliminar este problema.
4- Que aparezca desde la home un acceso rápido y claro para acceder a la búsqueda de películas por filtros, y añadir un botón de OK para iniciar el proceso de búsqueda.
Integrar las secciones que se abren en una pestaña nueva, como un contenido navegable normal. Hacer un diseño de los menús de PDF a nivel web, y que todas las páginas dispongan del menú hamburguesa y la posibilidad de ir hacia atrás, como hacen el resto de páginas, para que así todo el contenido de la web se comporte de la misma manera.
5- Añadir en el menú hamburguesa el acceso rápido a «Atención al cliente», y diseñarlo en formato responsive para su correcta visualización desde el smartphone.
Bibliografía
Membrives, [Judith], (2019). Cuaderno de la evaluación de la usabilidad: [recurso de apredizaje]. Campus de la Universitat Oberta de Catalunya, aula virtual. http://quadern-usabilitat.recursos.uoc.edu/es
Design Toolkit. Evaluación heurística [recurso de aprendizaje]. UOC.
http://design-toolkit.recursos.uoc.edu/es/evaluacion-heuristica/
Design Toolkit. Evaluación heurística Guía [recurso de aprendizaje]. UOC.
http://design-toolkit.recursos.uoc.edu/es/guia/evaluacion-heuristica/
Zapata Lluch M. [Mònica] Mètode d’Evaluació sense Usuaris, Mònica Zapata Lluch. https://openaccess.uoc.edu/bitstream/10609/12921/8/Usabilitat_M%C3%B2dul2_M%C3%A8todes%20d%C2%BFavaluaci%C3%B3%20sense%20usuaris.pdf
Imagen destacada de freepik.es