Interfaces

Índice

Introducción

Las interfaces deben mostrar toda la información mencionada en las historias y casos de uso.

Nuestro diseño de interfaces está centrado en el usuario, hemos querido potenciar la familiaridad para el usuario, la consistencia (las operaciones comparables se activan de la misma forma), la asistencia al usuario ( sección de ayuda..etc) y la sorpresa mínima (si un comando funciona de una manera será predecible como funcionan otros parecidos).
Hemos optado por un sistema de menu, para que sea más cómodo pues no hace falta recordar como se accedía a una funcionalidad ( siempre visibles), no hay necesidad de teclear mucho ( fácil y cómodo) y este tipo de interfaz reduce el número de errores. También hemos introducido interfaces de formularios para la creación de registros ( introducción de datos sencilla) y para la evaluación de nuestro proyecto, que incluye una pregunta sobre la opinión de los usuarios sobre nuestra interfaz, cosa que nos permitirá mejorarla al gusto de nuestros usuarios.
Finalmente hemos incluido una opción de búsqueda para que sea aun más sencillo y fácil encontrar lo que desea al usuario.

Secciones del portal

Las secciones que finalmente incluye el portal, son las siguientes:

  • Principal
  • Juegos (Cu3,Cu4,Cu5,Cu18)
    • Todos
    • Cartas
    • Tablero
    • Otros
  • Comunidad
  • Estadísticas(Cu6)
    • Visión Global
  • Ayuda
    • FAQ

Diagrama del portal

EsquemaPortal.jpg

Interfaces del portal

Portada

La siguiente imagen muestra el aspecto de la página que aparece al entrar en el portal. Este diseño trata de seguir todas las decisiones acordadas por el grupo.
La imagen siguiente muestra la pagina inicial que se vera al entrar en el portal.

portadaSinLogin.JPG

Comentarios: En la pantalla principal tendremos la opción de logearnos, o de registrarnos por primera vez. Algo necesario para poder ver y acceder al resto de las aplicaciones el servidor.
En esta pantalla hay una opción buscar que te permite encontrar a un jugador o juego.

Registro

Si pulsamos sobre el enlace "Registrate" en la parte superior derecha de la pagina principal, vamos a la pagina de registro, la cual observamos en la imagen siguiente.

Rellenando el formulario y dandole al boton enviar procedemos al registro de un nuevo usuario, especificado en el caso de uso Registrar usuario (Cu1).

registro.JPG

Identificacion de usuarios.

En la portada en la parte superior derecho nos encontramos el area de login, en la cual podemos proceder a identificarnos como usuarios , siempre que antes hayamos realizado el registro de ese usuario.(Identificar usuario (Cu2))
Antes del login el area de login aparecera como se puede ver en las imagenes anteriores. En la siguiente imagen veremos el resultado despues de un logeo satisfactorio.

portadaLogin.JPG

Si pulsamos sobre el enlace tus datos que tenemos despues del saludo que aparece en la tabla del login accedemos a los datos personales del usuario.

tusDatos.JPG

Página donde se listan los datos personales del usuario clickeado, desde aqui el usuario puede modificar sus datos y ver sus propias estadisticas, pulsando los botones de la parte derecha.

Si el usuario pulsa en modificar perfil accede a la siguiente pagina:

modificarDatos.JPG

Desde esta pagina el usuario puede modificar sus datos o cambiar su contraseña.

Si el usuario pulsa en ver estadisticas puede ver sus estadisticas personales en cada uno de los juegos en los que a participado.

estadisticasJugador.JPG

Secciones del menu principal

Pulsando en cualquiera de los enlaces del menu principal fijo, se desplegara un submenu con las diferentes posibilidades dentro de cada seccion. Vamos a ir describiendo cada seccion por separado con una imagen de cada una de ellas.

Principal

Las secciones que se despliegan al seleccionar el enlace principal son:

  • Portada: Redirige a la portada del portal.
  • Contacto:Vamos a la pagina de contacto en la cual los usuarios pueden ponerse en contacto con los administradores para exponer quejas, felicitaciones, etc.
contacto.JPG
  • Informacion para desarrolladores: Va a la pagina con informacion interesante para los usuarios que quieran contribuir a la pagina con sus propios juegos.

Juegos

Las secciones que se despliegan al seleccionar el enlace juegos son:

  • Todos: Muestra la lista de todos los juegos existentes en la pagina.
  • Cartas: Lista de todos los juegos de cartas.
  • Tablero: Lista de todos los juegos de tablero.
  • Otros: Lista de juegos que no podemos considerar ni de cartas ni de tablero.
listadoJuegos.JPG

Aqui encontramos la lista de juegos disponibles en el portal, si se accedio desde el enlace todos tendremos todos los juegos disponibles, si la eleccion es cartas, tablero,etc. los juegos que apareceran seran los del tipo correspondiente.

Al elegir uno de los juegos de la lista el usuario se encontrarar con la pagina del juego concreto. Desde ella se permite crear una partida,unirse a una partida ya creada o consultar el manual del juego.Consta de dos columnas, una con la lista de partidas y el boton para crear una nueva partida,a la izquierda, y la otra con los detalles de la partida seleccionada, y el boton para entrar a la partida seleccionada, a la derecha.

datosJuego.JPG

Comunidad

Las secciones que se despliegan al seleccionar el enlace Comunidad son:

  • Portada: Dirige a la portada de la comunidad que contiene la lista de usuarios registrados y una seccion de noticias.
comunidad.JPG

A la izquierda, lista de usuarios. A la derecha, una lista de noticias que previamente han enviado los usuarios designados como moderadores.

  • Foros: Enlace a los foros.
  • Amigos: Enlace a la pagina de amigos que muestra la listade amigos del usuario y permite ver a que estan jugando cada uno de los amigos del usuario, asi como entrar en la partida que esta jugando cada uno de ellos, siempre que esto sea posible.
listaAmigos.JPG

Página donde se listan los amigos del usuario.

Estadisticas

estadisticas.JPG

Esta seccion no tiene, en principio, ningun elemento en el submenu. En lugar de ello redirecciona a la pagina de estadisticas .

En esta pagina el usuario se encuentra con el Top 10 de cada uno de los juegos, si pincha en el nombre de un juego le aparecera una tabla con el ranking de todas las puntuaciones del juego.

estadisticasJuego.JPG

Si en lugar de pulsar sobre uno de los juegos, el usuario decide pulsar sobre alguno de los jugadores de la tabla podra acceder a sus datos personales

estadisticasJugador.JPG

Desde esta pagina podra añadir al jugador seleccionado a su lista de amigos o ver las estadisticas del jugador en todos en los que este a participado, pulsando sobre los botones de la parte derecha de la pantalla.

Ayuda

Las secciones que se despliegan al seleccionar el enlace ayuda son:

  • FAQ: Redirige a la pagina de preguntas frecuentes.
faq.JPG

Interfaces de los juegos