Está en la página 1de 10

Albert Tejeda, Nacho Castanera, Tamara E.

Tonetti

Consideraciones iniciales

Mock-up: Inicio

Mock-up: Usuario

Mock-up: Guild

Mock-up: Quest

Planificacin: Trello

Eligiendo las pantallas de prototipado


Para el desarrollo de estas aproximaciones iniciales al prototipado de la aplicacin gamificada
de una asociacin excursionista, hemos enfocado los esfuerzos a una serie de pantallas concretas:

Inicio

Men de usuario

Men de guilds

Men de quests

Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

Hemos realizado esta seleccin en base a que son los ejes principales del funcionamiento de
la propuesta.
Los diseos incluidos, as como el flujo de navegacin, son el resultado de una primera etapa
de iteraciones. Como es lgico, se detectan errores que se podrn solucionar en futuras revisiones donde, adems, se disearan el resto de pantallas.

Herramientas utilizadas
En cuanto a las herramientas utilizadas hemos utilizado en concreto dos:

Planificacin de tareas: Trello

Prototipado: Axure

Mock-up: Inicio
Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

La pantalla de inicio tiene como objetivos permitir al usuario:

Acceso: Acceder rpidamente a las subsecciones de la web app. Por ello se han aadido 4
botones correspondientes a cada una de las subsecciones. Para evitar errores al pulsar
sobre ellos, se ha optado por usar un tamao grande y distribuirlos en mosaico.

Informacin: Estar actualizado con las ltimas noticias de la comunidad, echando un vistazo rpido. Por ello se ha aadido un slideshow con noticias destacadas y un bloque con
las ltimas actividades recientes de la comunidad.

Este men se ver reducido en las siguientes pantallas como un icono semicircular con el smbolo "+" el cual, al pulsar sobre l, aparecer un men radial con las 4 subsecciones.

Mock-up: Usuario
Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

La seccin Mi cuenta, donde se guarda toda la informacin del usuario relacionada con su progreso dentro del sistema (en este apartado no se toca la configuracin), contiene gran cantidad de datos que han sido tratados en cuatro pantallas donde destacamos dos bloques:

Elementos comunes: recoge los datos personales del usuario como son su imagen de avatar, el nivel que ostenta y la experiencia conseguida para subir al prximo
nivel. Adems, contiene su Nickname, el ttulo que ostenta en ese momento (El Iniciado, Conquistador de Montaas, etc.), el nombre de la guild a la que pertenece (si
no tiene guild, el campo aparecer como vaco), la misin actual a la que est inscrito.

Otros elementos: contiene un submen estructurado en cuatro pestaas. Sobre m contiene la informacin descriptiva bsica del usuario en Intereses, y Mis
amigos es un slider donde se muestran las fotos de aquellas personas con las que tiene relacin. Clicando sobre el retrato navegara hasta el perfil de dicho usuario.
Skills rene las habilidades que esta persona ha desarrollado a lo largo de su avance en el sistema, como por ejemplo sera el caso de orientacin, montaje de tiendas de campaa, escalada, encender un fuego, pesca, cocina, etc. La informacin contenida en el Diario hace referencia al histrico de todas las misiones y eventos
especiales que ha ido completando el usuario.. Al clicar sobre el nombre de cada misin, se va a la pantalla descriptiva de la misma. Finalmente, Badges recoge de
forma grfica todos los logros conseguidos por el usuario conforme completa misiones, participa en eventos, en la comunidad, etctera. Es probable que una vez
definidos los badges, sea necesario implementar una subclasificacin para que pueda encontrarlos de forma ordenada (eventos, misiones, comunidad).

Mock-up: Guild
Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

De manera similar a lo que hemos visto en las pantallas de la seccin Mi cuenta, las Guilds tambin cuenta con dos bloques en su pantalla, y cuatro subpantallas ms.

Elementos comunes: Aqu vemos la informacin bsica como el emblema que la representa, el nivel de la guild, y la experiencia necesaria para subirla de nivel. As
mismo encontramos el nombre, y las misiones actuales. A diferencia de lo que sucede en la pantalla de usuario, aqu pueden haber varias misiones que estn abiertas a la vez, debido a que segn el tamao de la guild, pueden haber diferentes grupos de miembros realizando actividades distintas. Tambin aparece un elemento
nuevo que es el botn nete, para solicitar a inscripcin en el clan.

Otros elementos: aqu nuevamente encontramos el submen estructurado en cuatro pestaas, donde la primera nos permite conocer quines son sus miembros,
que aparecen reflejados con sus avatares, en un slide. En la pestaa Acerca de, figura toda la informacin (modo texto) relativa al clan, su historia, intereses principales, etc. Las pestaas Diario y Badges tienen unas mecnicas de funcionamiento idnticas a las homnimas de la pantalla de usuario. La nica diferencia es que
loas guilds tendrn una serie de badges adicionales, relativos a su progresin en el sistema conforme sube de nivel.

Mock-up: Quests

Pantalla Tabln Quest (Modo Mapa)


Esta pantalla tiene como objetivos permitir:
1.

Explorar y acceder rpidamente a las Quest. Para ello, las quests


(excursiones) aparecen marcadas a lo largo y ancho de un mapa
dividido por regiones. El usuario puede desplazarse a travs del
mismo y realizar zoom para ir viendo nuevas misiones. Si lo prefiere,
tambin dispone de un botn (inferior-derecha) con el que visualizar
todas las Quests en lista (formato de texto).

2.

Informar previamente. Los banderines de las excursiones, dan una


idea aproximada de la zona en la que se realizar as como del lvl
que se requiere. De este modo puede descartar o seleccionar excursiones en funcin de la ubicacin y el nivel con un simple vistazo.

Pantalla Intro de Quest

Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

Adems de permitir aceptar o rechazar una excursin, esta pantalla tiene


los objetivos de:

1.

Informar detalladamente. Lo primero que ve el usuario es una panormica del emplazamiento, as como las skills que necesita para
poder participar, una descripcin que le anime a participar y finalmente cuales sern las recompensas que se llevar por participar.

2.

Animar / disuadir. Para agilizar la bsqueda de la excursin ideal, se


ha colocado la informacin sobre esta al principio de todo. Esto
cumple una doble funcin, por un lado animar a aquellos que disponen de las skill a participar. Por otro, disuadir a aquellos que no
dispongan de las habilidades, pero este primer impacto debera
animarles a buscar excursiones que le permita conseguir las skills
necesarias para participar en un futuro.

Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

Planificacin: Trello

Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

Planificacin: Trello Ideas para mapas

Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

10

Planificacin: Trello Prototipado