Caso de estudio YUZIN Curso: 2020/21
Proyecto: Yuzin
Miembro
UX es un proceso de diseño con la finalidad de crear y mejorar el producto en función de los requisitos y necesidades del usuario. Teniendo este en cuenta, tras lo aprendido en la asignatura y con las distintas entregas se puede ver la gran utilidad de realizar una buena experiencia de usuario, ya que al final es muy importante lo que el usuario llegue a sentir y pensar del producto, buscando solo solo lo que el cliente espere, si no también lo que necesite.
Durante las clases de teoría hemos hecho diferentes actividades relacionadas con la experiencia de usuario, además de la realización de las prácticas con diferentes sesiones y apartados de la experiencia de usuario que, bajo mi punto de vista, nos ha aportado distintas maneras de plantear un problema tan habitual en la sociedad como el diseño y diseñar un producto teniendo en cuenta los problemas y necesidades del propio cliente que lo va a usar.
Durante la primera practica de la asignatura hemos realizado un informe de usabilidad, ayudándonos a poder definir los problemas y necesidades de personas con diferentes personalidades y puntos de vista, cosa fundamental en el desarrollo de un producto ya que no solo se cuenta con la opinión personal que puede estar influenciada por tus gustos y necesidades sin tener en cuenta las necesidades de otras personas. EN la práctica dos se ha buscado darle ya un primer aspecto, intentando buscar novedades, problemas e ideas que han tenido los usuarios con otras webs parecidas a la que se quiere realizar, junto a los primeros wireframes del producto, esto ayuda a la hora de diseñar el producto, ya que se trabajará en un futuro con un esqueleto que ya tiene en cuenta la opinión de los usuarios y no tener que trabajar a ciegas respecto al futuro feedback que tendrá el producto.
En la practica 3, se ha orientado más en el diseño de la web de viajes, realizando tareas como el guidelines o el mockup, llegando a tener una gran estructura de la aplicación a nivel de diseño, punto importante ya que al final va a ser lo primero que el usuario usará, además el diseño deberá tener plasmado todos los puntos anteriores que se han buscado en las tres practicas realizadas, y a la hora de lazar el producto será la principal estructura de los desarrolladores para mostrar lo que el cliente quiere. El uso de las herramientas como el task análisis, scopeCanvas, guidelines o el mockup, me parecieron fundamentales para la práctica 2 y 3, ya que ayudaban a plasmar poco a poco toda la idea de la aplicación, sin llegar a perder el rumbo y además darle una estructura, además muestra la importancia del tamaño de letra, fuentes, los colores, logotipo…, puntos que ya era consciente de su importancia, pero ayuda a recordarlo.
Por último, la práctica 4 volvimos al contacto con los usuarios, pero esta vez desde el punto de vista de nuestra aplicación, mostrándoles el prototipo hecho en la practica 3 en forma de video y buscando las opiniones de la gente, comparándolo con otras aplicaciones y realizando un A/B testing. Esta practica me ha ayudado a aprender la importancia de la opinión de los usuarios antes de lanzar el producto, ya que puedes haber realizado todos los pasos anteriores, pero por cualquier error cometido o cambios en la opinión general de la gente, que la aplicación no llegue a gustar tanto como tus expectativas, también puede variar en función de aplicaciones nuevas recientemente salidas que tengan semejanzas a la tuya.
Por la parte de teoría, hemos realizado 3 distintas actividades que me han ayudado a comprender y evaluar distintas webs con herramientas distintas a prácticas. La primera tarea fue de etnografía, mi trabajo consistió en evaluar las ofertas de la aplicación del Lidl, ya que mostraban que existía tal oferta pero no que era necesario la aplicación para algunas de esas ofertas, complicando a la gente el acceder a ellas, en concreto esta actividad me ayudo a darme cuenta que cualquier fallo que descuidemos puede empeorar mucho el entorno de nuestro proyecto, al final el continuado uso del producto por una gran multitud de personas hace que se encuentren fallas que dañan la imagen.
La segunda tarea fue de usabilidad, en concreto comprobé la usabilidad de la web de las universidades UGR, UMA, UM (Murcía). Al realizar este estudio y comprobar la usabilidad, principalmente realice tareas de búsqueda por sus webs, comprobando la dificultad de acceder a determinados apartados de las webs. Cuando realice la tarea me di cuenta de las fallas que tienen las webs, cuando una web tiene tanta información que mostrar a veces llegan a ser demasiado cargadas por lo que provoca que, como usuario, cueste mas acceder a donde quieres si no la conoces bien.
Como ultima actividad hicimos un estudio de accesibilidad, con herramientas como wave report, que me sirvió para mostrar distintos fallos, desde la accesibilidad para personas con distintas incapacidades, dislexia, parkinson…, hasta errores de css, js, comprensión y layout. Todo esto me ha ayudado a ver que es tan importante el crear una web lo más accesible para la mayoría de discapacidades, como fallos de zoom, fallos de legibilidad al quitar el css, o más cosas.
Para finalizar quiero añadir la importancia de todas estas prácticas y actividades, que me han servido a comprender el peso del diseño y estudio de usabilidad, accesibilidad y todo lo dado en la asignatura, ya que antes si era consciente de su importancia, pero siempre dejaba fallos que a la larga podrían haber ocasionado grandes fallas y malas opiniones de los usuarios. La asignatura al principio puede considerarse inútil e inservible, ya que al final esta basada en una subjetividad con unas pautas a seguir para mejorar el producto, pero al final se llega a aprender a mejorar el producto desde tu subjetividad, pero llegando a todos los usuarios y buscando un equilibrio.
Yuzin recientemente ha realizado un rediseño de su web, pasando de ser una página para descargar su revista digital a una web de cultura con inscripción. El objetivo de la pagina cambió para adaptarse la los nuevos métodos que se tienen hoy en día de contacto y obtención de información, antes se trataba de una web que te daba su revista digital en pdf para adaptarse a una web que dispone de sus eventos y además deja la posibilidad de reserva de ellos.
Para realizar el analisis de la web dada creare a una persona ficticia que servira como ejemplo en determinadas acciones que podria realizar una persona en la web.
Para la creación de una persona fictia he usado a Pepe Garcia, persona creada para mi trabajo de practicas, una persona apasionada, con pareja.
La siguiente imagen es el journeyMap de Pepe, que busca reservar una visita por algun monumento de Granada pero se encuentra con condiciones de fechas y tardanzas para contestar que le dificulta la reserva, pero finalmente lo soluciona.
Valoración final: 75
Segun el test de usabilidad realizado en este punto la valoración final de Yuzin es de 70, la web es clara y sencilla, cumple con gran perte de los requisitos pedidos y con el objetivo por el que se creo, con un diseño claro y sin ninguna complicación, sin embargo un poco desfasado como a la hora de hacer reservas.
La web tiene un formato limpio y sencillo, con botones claros y a primera vista, la web se puede acceder sin registrarse y dispone de boton para poder hacerlo, se puede observar que a medida que avanzas por el menú pierdes el hilo de la pagina que estás en ese momento ya que no señaliza la pagina actual.
El menú principal consta de partes que pueden llegar a confución como agenda y espacios cultura, ya que da confusión a que ambos muestran la lista de eventos. Además el submenú dispone de telefono de contacto pero al no ser un link esta fuera de lugar que este ahi.
Pasando al buscador de eventos, el buscar por palabras no funcionaba, y además tardaba en cargar, se aplican solo los criterios de fecha, categoria y lugar, que además se ve bastante incompleto, ya que podria añadir el filtrar por precio. Además el buscador de lugar esta incompleto ya que no dispone de todas las ciudades, habiendo eventos de la web en Málaga que son muy dificiles de acceder a ellos debido a la web.
Yizum dispone de un contacta que te direcciona a la lista de números disponibles, así como de un apartado de quienes somos, que muestra más información, pero me han faltado detalles como información de accesibilidad, cambiar idioma....
La web tiene un diseño responsivo, se adapta bien a resoluciones y formatos distintos, pero tarda en cargar.
Por la parte de descargas de las revistas, tiene grandes problemas ya que las unicas revistas actualizadas son las de Granada, las otras son antiguas, no actualizandose a 2021, además de que no funciona el enlace a la de Málaga.
En el tema de la estética de la web, el propio landing page no deja claro el objetivo de la web, si se basa en una web de reservas de eventos o solo de revista, además de tener grandes fallos como el incorporar una imagen vertical en un scroll horizontal, rompiendo totalmente el texto que lo acompaña y dando un toque visual grande al nada más meterte en la web entonctrarte tal color amarillo sin sentido.
Por ultimó hare incapíe los fallos de textos mal estructurados en sus contenedores, como el mal diseño de los menus y cambio de colores de botones que dificultan la visión al ponerse sobre ellos.
Respecto a los colores, los principales son el amarillo y blanco, con letras negras y grises o blancas. No he logrado identificar la fuente de tipografía pero se ve toda la misma, pero usa distintos tamaños para diferenciar distintos títulos.
Como conclusión y opinión creo que deberian de eliminar varios fallos vistos, como el submenú que no aporta nada al sistema, y asegurarse de no disponer de botones con enlaces fantasmas, también el eliminar la imagen vertical provocando que el texto se mueva y quede mal posicionado. Y lo mal estructurado que estan los contenedores que desestructuran toda la web.
Para el análisis de accesibilidad usare una de las herramientas vistas en clase para comprobar la accesibilidad de la página web, WAVE Evaluation Tool para evaluar los errores de la web, y Web Disability Simulator para evaluar problemas orientados a discapacidades.
Para realizarlo adecuadamente el test usare el word con las tablas de la actividad 3 de accesibilidad: Accesibilidad-Yuzin.pdf
Según el pdf anterior, podemos concluir que la web tiene grandes problemas de accesibilidad en relación a problemas con Wave evaluation, fallos de zoom que empeora la imagen, tiene varios errores de contraste y 4 errores de etiquetas, texto eliminado, boton vacio..., además tiene texto e imagenes redundantes y detalles para el texto hablado, fallando en etiquetas para ese aspecto.
Un fallo muy importante es el no disponer de varios idiomas.
Desde el punto de vista de problemas de accesibilidad para persoans con discapacidades, mi puntuación es satisfactoria en la mayoria de aspectos, desde persoans con dislxia que se le dificulta la vista y precios, pero puede seguir navegando por la web, aunque no dispone de texto hablado, o problemas de parkinson que no empeora nada ya que al tener botones grandes el acceder a ellos es sencillo.
Para finalizar, la web tiene bastantes fallos, tanto de accesibilidad como de usabilidad, pero la mayoria son facilmente arreglables, mientras que otros van a nivel de etiquetas que deben ser arreglados en el html principalmente.
Para empezar se debe añadir un boton de cambiar idioma y un apartado de información de accesibilidad, eliminar el submenú que dificulta mucho en entender el acceso a la web.
Otro aspecto a cambiar es la imagen vertical amarilla, sustituyendola por otra imagen como la anterior a esa de las 6 mujeres.
Los cambios visuales a realizar en la pagina principal serian muy simples, quedando algo parecido a esto ( eliminando submenu, y añadiendo opciones al menu 1), no ha quedado muy estético debido a que he modificado el html.
Los otros cambios no se verian reflejados en la web modificada, pero habria que hacerlos, como el mejorar el zoom de la web, modificar las etiquetas y arreglar errores de label del html, solucionar errores con enlaces, añadir todas las ciudades disponibles en la búsqueda y arreglar el buscador por palabras.