Rick y Morty Wiki es una biblioteca virtual de la serie de televisión estadounidense de animación para adultos. La Wiki está enfocada a fans de la serie y usuarios que quieran conocer a los personajes y sus características.

El estudio de usuario se realizó a través de encuestas dirigidas a dos públicos objetivos, se buscó en grupos de facebook de los fans de la serie. El otro público se contempló en amigos, conocidos de redes sociales.

Después de la investigación sobre la información que podrían necesitar de nuestros usuarios, encontramos que los datos de mayor interés para ellos son:

Información relevante sobre los personajes, como nombre, género, especie, lugar de origen, imagen y episodios donde aparece.

Adicionalmente a esta información, para nuestros usuarios es importante poder ver la lista de personajes que aparecen en la serie, los diferentes lugares de origen, para tener mayor información de las caracteristicas de la serie.

• Con este set de datos puedes obtener los siguientes datos de un personaje:

  • Nombre
  • Imagen
  • Estado de vida
  • Especie
  • Género
  • Lugar de origen (planeta tierra)
  • Lugar donde vive.
  • Episodios donde aparece.

• Con este set de datos también puedes obtener lo siguiente:

  • Cantidad de personajes.
  • Cantidad de lugares de origen.
  • Lista de episodios de la serie.
  • Lista de personajes que pertenecen a una cierta locación.
  • Todos los personajes de la serie.

El incio del concepto fue investigar sobre la la estética, características de la serie, diseño y temáticas. Además de eso se comenzo a indagar sobre diseños de páginas webs de Wikis y series. Teniendo en cuenta los resultado nace el prototipo de alta fidelidad, que fue testeado por usuarios. Se buscó la tipografía adecuada, colores y coherencia visual que se esperaba.

Las imágenes utilizadas fueron principalmente seleccionadas de ilustraciones para lograr una identidad que estuviera familiarizada con la serie. No se utilizó ningún tipo de iconos como se mostraba en los prototipos de alta fidelidad. En el caso botones creamos figuras geométricas con bordes redondeados para dar más estética y suavidad a la página web.

Se definió una paleta de colores basada en el arte de la serie, para aplicar en toda la página y textos, de esa forma el usuario se siente más ambientado con la serie y así no siente que interactua en una página web no oficial.

GithubPages

Visita nuestro Proyecto en Zeplin y encontrarás los detalles de diseño.

Figma

El sitio web es adaptable a diferentes tamaños de pantallas. Iphone, Ipad Pro y formato dekstop

Uno de los problemas que se obtuvieron dentro de los test de usabilidad era dar más dureza al texto del botón para tener la atención del usuario. Por lo general nuestos usuarios no tuvieron mayor problema con los testeos ya que el recorrido visual y fluido de la página no tiene mayor complejidad al poseer solamente la página de inicio y la de los personajes.