martes, 13 de enero de 2009

Web InFaNtiL Versión 1.0

Una vez analizado las necesidades del usuario he intentado crear una interfaz de dibujo adaptada para niños. He utilizado colores alegres y una fuente grande y infantil para que su interacción no se limite al coloreo en si, sino que puedan realizar otra clase de cosas.




En esta primera imagen contiene el login de nuestra, la cual requiere de un registro, muy sencillo y rapido, de este modo se podrá trabajar sobre un perfil en el que se guardarán, cargarán y editarán los dibujos creados por el niño.



Una vez logueado (tras haberse identificado) nos encontramos con tres submenús, tal y como indican los botones.



Al acceder a "mis dibujos" vemos una galeria con todos los dibujos que el niño ha hecho y guardado. Disponemos de unas flechas de movilidad y la opción de volver, además esta pantalla tiene la opción de crear un dibujo nuevo.



Al elegir un dibujo lo podemos ver más grande, ver el título del dibujo, editarlo, borrarlo y ver la valoración de los otros usuarios.



Cuando elegimos "dibujar" en el primer menú, nuevo dibujo o editar accedemos a lo que es la aplicación en si de dibujar y colorear, como vemos es igual al paint, ya que es un programa que todo el mundo conoce y es sencillo e intuitivo y evitamos que el usuario se sienta confuso, únicamente ponemos a la vista las opciones de guardar y cargar un dibujo.



Una vez finalizado el dibujo hacemos click en guardar y se nos pedira que pongamos nombre a nuestro dibujo, y a continuación se almacenara en nuestra galeria de dibujos.



La ultima opción del menú principal, es la de "Otros Dibujos", en la cual podemos accerde a una galeria online donde los demás niños registrados muestran sus dibujos que seran valorados por otros usuarios, nos desplazamos por las fotos con las dos flechas superiores.



Cuando clickeamos en un dibujo nos sale su ficha que consta de título y autor además de 4 estrellas que nos permite valorarlo. Y las flechas superiores que nos siguen permitiendo el movimiento a los dibujos contiguos al mostrado y el botón de retorno para volver atrás.

Con esto finaliza el diseño de nuestra web, trabajo realizado por Silverio Cardona Rodriguez ----> silverdih.blogspot.com y por mi (Aitor Hernández Peña).

No hay comentarios: