El reto principal de este proyecto ha sido el de gestionar los diferentes tipos de usuarios, puesto que cada uno tiene un tipo de información diferente a mostrar.
Se ha definido que cada usuario tenga una guía específica donde se explica el paso a paso que ha de seguir para hacer una solicitud específica, por lo que se ha considerado oportuno el impedir que puedan acceder a todas las guías, para así evitar confusiones. Y esto se ha conseguido definiendo qué información mostrar a cada usuario.
Con el objetivo de no crear un diseño donde se muestre toda la información referente a todos los usuarios (lo que conllevaría una app masivamente cargada de información), se ha dividido en dos el menú de la app. Esto ha hecho que la navegación sea mucho más ágil, puesto que la tipología de usuario hace el efecto de filtrado de la información, por lo que evitaremos frustraciones por no encontrar el contenido deseado, o confundirlo con otro.
Para acceder a la app, el usuario ha de registrarse (introduciendo el idioma, sus datos personales, o bien, vinculando el registro a un inicio rápido con Gmail, Facebook o similares, y finalmente, elegir el motivo por el cual quiere acceder), lo que determinará el tipo de perfil de usuario.
En todo momento el usuario podrá cambiar el tipo de usuario, puesto que su necesidad puede variar, o bien, tener varias necesidades diferentes al mismo tiempo.
Una vez el usuario se ha registrado, tendrá acceso a su menú privado de usuario, ubicado en el menú inferior, por donde podrá navegar entre las diferentes secciones.
Y desde el menú hamburguesa superior, podrá acceder al contenido genérico de la app. Este apartado es compartido por todos los usuarios (como sería la información sobre la Fira, como llegar, e incluso la pasarela de pago de los tickets), haciendo que la aplicación no tenga que duplicar el mismo tipo de contenido, lo que permitirá que pese menos y sea más rápida.
Los filtros ayudan a saber localizar las personas u obras que puedan interesarte según tus preferencias, o bien, se puede buscar mediante el buscador.
Os invito a escanear el código QR para navegar por el prototipo desde vuestro smartphone.
Y aquí os dejo un video de cómo sería el proceso de entrar en la APP para comprar una entrada y escribir un mensaje a una persona de la comunidad.
Web
Cines Yelmo https://yelmocines.es/ VersiónMobile
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).
Home
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
Carga lenta
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
Club MovieYelmo
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.
Texto Venta Anticipada
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.
No hay indicaciones del siguiente paso necesario para hacer la compra
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
Botón «volver»
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
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
Error con el email
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
Icono bandera
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.
Etiquetas confusas
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
Acceso directo sala de cine
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
Beneficios de hacerse socio
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
Trailer no disponible
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
Ayuda información descuentos
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
Justificación de acceso
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.
RRSS En Menú
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
(Aquesta publicació s’ha generat automàticament i la pot veure tothom)
Hola!
si llegeixes això és que ja tens activat el teu propi Folio, el portafolis amb tecnologia WordPress on podràs publicar no només tot allò que vulguis sobre tu i els teus projectes propis sinó també les PACs i activitats de les teves assignatures al llarg dels estudis.
Con el objetivo de no crear un diseño donde se muestre toda la información referente a todos los usuarios (lo que conllevaría una app masivamente cargada de información), se ha dividido en dos el menú de la app. 
Y desde el menú hamburguesa superior, podrá acceder al contenido genérico de la app. Este apartado es compartido por todos los usuarios (como sería la información sobre la Fira, como llegar, e incluso la pasarela de pago de los tickets), haciendo que la aplicación no tenga que duplicar el mismo tipo de contenido, lo que permitirá que pese menos y sea más rápida.
Este es un espacio de trabajo personal de un/a estudiante de la Universitat Oberta de Catalunya. Cualquier contenido publicado en este espacio es responsabilidad de su autor/a.