Prototipado con Axure

Albert Tejeda, Nacho Castanera, Tamara E. Tonetti

3 Consideraciones iniciales

4 Mock-up: Inicio

5 Mock-up: Usuario

6 Mock-up: Guild

7 Mock-up: Quest

8 Planificacin: Trello

3

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

E. Tonetti

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 con-

cretas:

Inicio

Men de usuario

Men de guilds

Men de quests

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 revi-

siones 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

4

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

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 vis-

tazo 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 smbo-

lo "+" el cual, al pulsar sobre l, aparecer un men radial con las 4 subsecciones.

Moc

k-up

: In

icio

5

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

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), con-

tiene 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 tien-

das 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).

Moc

k-up

: Usu

ario

6

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

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 abier-

tas 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 princi-

pales, 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.

Moc

k-up

: Gui

ld

7

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

E. Tonetti

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 excur-

siones en funcin de la ubicacin y el nivel con un simple vistazo.

Pantalla Intro de Quest

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 pano-

rmica del emplazamiento, as como las skills que necesita para

poder participar, una descripcin que le anime a participar y final-

mente 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 dis-

ponen 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.

Moc

k-up

: Que

sts

8

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

E. Tonetti

Pla

nific

aci

n: T

rell

o

9

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

E. Tonetti

Pla

nific

aci

n: T

rell

o

Idea

s p

ara

map

as

10

Alb

ert T

eje

da, N

ach

o C

ast

anera

, Tam

ara

E. Tonetti

Pla

nific

aci

n: T

rell

o

Pro

toti

pad

o