- 1. Sobre el juego
- 2. Enfoque
- 3. Historias de usuarios
- 4. Esquemas y prototipado de la página
- 5. Presentación a usuarios
Harry Potter: Wizards Unite es un juego de realidad aumentada creado por la empresa Niantic en colaboración con WB Games (Porkey games), recoge las aventuras del universo de Harry Potter creado por la británica J.K. Rowling. Para sumergirse en el mundo mágico se requiere una serie de datos que pueden ser inventados o bien recogidos de otras páginas (como Wizarding World que es la página de J.K.Rowling dedicada a sus fans) y datos sobre el contexto general que se desarrolla. Para iniciarte en este juego es fundamental manejar al menos los nombres de ciertos personajes principales que te acompañarán en la aventura que se desarrolla en el mundo común y corriente (mundo muggle o sin magia). Esta página busca ser una ayuda para comenzar tu viaje por Harry Potter: Wizards Unite.
Esta página busca ser una ayuda para quienes quieran comenzar su aventura en Harry Potter: Wizards Unite tratando de entregar una guía de los personajes fundamentales en la historia. Por ende, nos enfocamos en un público joven que no haya crecido junto con la historia, principalmente nativos tecnológicos hasta los 24 años que quizás hayan visto un par de películas influenciados por hermanos, hermanas o gente un poco mayor.
En primer lugar recurrimos a la organización de conceptos clave que sabíamos que queríamos incluir en la página, en la primera imagen se puede apreciar en morado una serie de idas que queríamos realizar. En la segunda imagen se observan características de los usuarios a quienes queremos llegar y en la tercera está contenida información que teníamos inicialmente respecto al juego.
Imagen 1
Imagen 2
Imagen 3
En este grupo de imágenes se puede apreciar como decidimos organizar la estructura en base a relacionar los conceptos que habíamos escrito de forma separada. Quedando primero, en celeste, las características de las/los usuarias/os a quienes queríamos dirigir nuestro sitio, en verde quedan los dos objetivos macro que queríamos conseguir con el desarrollo de la página y rodeando a estos macroobjetivos están en rosado características puntuales del diseño de la página que pensamos nos ayudarían a cumplir estos macroobjetivos. Finalmente mantenemos en fucsia y al final la información inicial sobre el juego.
Imagen 4
Imagen 5
Imagen 6
En base a nuestro enfoque, logramos crear 3 historias de usuario. De estas historias de usuario completamos la página para cumplir las necesidades de la primera, las siguientes historias corresponden a una mejora de la página para lograr dirigir al/la usuaria/o a links externos que proveen los test para llenar los detalles del personaje en el juego. Para llegar a este resultado recurrimos a la organización de conceptos que queríamos lograr de la
Primera Historia de Usuario Yo como nativa digital quiero aprender los personajes principales de Harry Potter para poder jugar Harry Potter: Wizards Unite. Criterio de aceptación El usuario debe escoger una casa para pasar a la siguiente etapa El usuario debe escoger una ascendencia El usuario debe escoger si el personaje que quiere conocer esta vivo o muerto El usuario debe escoger un personaje para conocer su ficha El usuario debe volver todas las veces que sean necesarias para poder conocer a la mayor cantidad de personajes posibles. Segunda Historia de Usuario Yo como principiante del juego quiero conocer mi varita, patronus y casa para llenar mi ficha de personaje. Tercera Historia de Usuario Yo como jugadora de Wizards Unite quiero conocer la terminología del mundo de Harry Potter para entender de mejor manera las pistas que me entrega el juego.
Luego de desarrollar las historias de usuario y comprendiendo que características queríamos que tuviera nuestro diseño, procedimos a estructurar un esquema básico de la idea de página. Este diseño fue primero dibujado en papel (imagen 6) y luego fue llevado a Invasión para pasarlo al computador (imagen 7), sobre eso se desarrolló el prototipo de alta fidelidad en Figma como se aprecia en la imagen 8.
Imagen 6
Imagen 7
Imagen 8
Este prototipo de alta fidelidad fue presentado posteriormente a 4 potenciales usuarios que respondían a ser gente de menos de 25 años que tenían poco o nulo conocimiento sobre Harry Potter.
Valentina 24 años, estudiante de pedagogía en Historia, entusiasta del universo Harry Potter, sin cercanía al juego.
"Las letras del inicio cuesta leerlas, el color dificulta su lectura".
Ella menciona que la sensación general que le produce el diseño y el flujo dentro del prototipo le gusta, menciona que le gusta mucho la tipografía y la sensación general que le produce. De manera enérgica repite que quiere ver la página funcionando.
Carla 22 años, estudiante de pedagogía en Lenguaje, poca cercanía al universo Harry Potter, no sabía de la existencia del juego.
"Los fondos son un poco monótonos"
Ella se fija en un error de gramática que hay en la primera página. También habla de que los fondos son un poco monótonos y que deberíamos intentar jugar más con la temática detrás del libro como usar fondos asociados a los libros, paisajes de la saga o pergaminos. También dice que le gustaría más brillo en la página y movilidad (haciendo referencia a efectos en las transiciones).
Kata 24 años, licenciada en Historia, entusiasta de los universos de fantasía, conoce el juego pero no lo ha jugado.
"Las letras del inicio son demasiado oscuras"
En general se muestra entusiasmada con la página en general, habla de que en la primera página -donde se incluye un texto explicativo- y dice que las letras son demasiado oscuras y cuesta leerlas con el fondo. También habla de la poca cantidad de opciones, esto debido a que nuestro prototipo tenía solo un camino habilitado.
José 23 años, estudiante de Derecho, poca cercanía al universo Harry Potter
"Es clara, se entiende como seguir los pasos"
Lo primero en mencionar es una falta de ortografía presente en la primera página, además habla de que cuesta mucho leer el texto debido al color del fondo. Considera que la pagina es auto explicativa y que es fácil seguir los pasos para llegar al resultado.
Finalmente, luego de estos comentarios y otros recibidos en un taller de UX, decidimos cambiar la tipografía y agregar un cuadro de color sólido pero traslucido sobre el cual ubicamos las letras que costaba leer.