En este sitio web, se muestra la data completa de Rick y Morty permitiéndole al usuario una interacción con ella. Teniendo la posibilidad de filtrarla por especies humanas y aliens. Ordenarla alfabéticamente de la A a la Z y de la Z a la A. Y visualizar datos curiosos aleatoriamente. También, puede visualizar los personajes principales de la serie, con toda su información. En este link puedes interactuar con la data de Rick y Morty.
Planteamos cuatro historias de usuarios, para cumplir con los requerimientos del proyecto: Las cuales fueron: visualizar data, ordenarla, filtrarla y mostrar un cálculo externo de ella.
Este prototipo fue un boceto básico inicial sobre nuestra idea de como queríamos mostrar la data al usuario. En esta etapa definimos nuestra paleta de colores, la cual usamos durante todo el desarrollo del proyecto.
Este prototipo fue pensado para que el usuario pueda navegar por el sitio web de forma intuitiva. El resultado final de proyecto es muy parecido al prototipo de alta fidelaidad, el cual lo desarrollamos en Figma, permitiéndonos darle interacción de ahí y así hacer los tests de usabilidad.
En estos test pudimos percibir por medio del prototipo de alta fidelidad, como el usuario interactuaba con el sitio web. De cinco usuarios que les hicimos el test, observamos que cuatro de ellos tenían inconvenientes al momento de interactuar con algunos botones:
- El usuario al oprimir el botón de volver al inicio espera volver a la pantalla anterior y no a la primera vista principal de la página, eso solo lo quiere al encontrarse en la segunda vista del sitio.
- El usuario interactuó bien con los botones, le hizo sentido cada uno de ellos, el único detalle fue que al momento de llegar a la sección de personajes, lo primero que hizo fue clikear la imagen, esperando encontrar información alguna.
- El usuario se relacionó bien con los botones, sabía de donde clickear, pero tuvo problemas con el botón para devolverse de página, ya que siempre que tocaba el botón la devolvía a la sección principal y no a la página anterior, que era lo que esperaba
- El usuario esperaba que al oprimir el botón "filtrar" se mostraran los personajes referentes a la categoría y no la cantidad existente de cada especie.
Después de estas observaciones, hicimos unas mejoras para el sitio web, las cuales fueron:
- Creamos una barra de navegación fija que apareciera en todas las pantallas, de manera que el usuario tuviera una mejor interacción con el sitio web.
- Mostramos las imágenes y el nombre del personaje al momento de filtrar especies, en vez de mostrar un número referente a la categoría.
- Creamos un botón de "personajes principales", para que el usuario pudiera ver las características referentes a ese personaje.