sábado, 24 de enero de 2009

Aplicación web: Mundo de Pocoyo 2.0

Despúes de varias pruebas y un análisis mas a fondo de la web hemos decidido añadir un sistema de identificación y registro en la página principal para poder adaptar la aplicación lo máximo posible al niño que va a utilizarla, recordando si es zurdo o diestro, en un principio no lo hemos puesto ya que teníamos en mente que sería demasiado complicado para un niño, pero esto no es problema debido a que la persona que pondra la página sera un adulto para que el niño solo tenga que pintar, además hemos añadido la opción de "recordarme" para que sea mas cómodo el acceso a la aplicación.



Otra modificación que hemos hecho una vez dentro de la aplicación ha sido la de añadir iconos al lado de los botones donde solo habíamos puesto texto (en la barra superior), con ésto conseguimos que los niños que no sepan leer puedan utilizar todo sin ningún tipo de problema.


Como último añadimos una barra en la parte inferior en donde el niño puede guardar sus dibujos para evitarle las complicaciones de guardarlo en su ordenador, convirtiendo la tarea en algo tan simple como un "clic".

miércoles, 21 de enero de 2009

Aplicación web: Mundo de Pocoyo

Después de haber traspasado el diseño podemos observar que se han añadido algunas mejoras y cambios respecto al boceto principal.

Comenzamos con la portada en donde el niño ha de indicar si es zurdo o diestro para que la aplicación se ajuste a su manera de trabajar.



Al pasar el ratón por encima de una de las manos se iluminaria ésta para guiar al niño.



Ahora presentamos las dos aplicaciones, zurdo y diestro.




Las diferencias que observamos en los dos diseños son el cambio de orientación de las herramientas y la posición de la paleta de colores y el resto no cambia, como la posición de los menús y animaciones.


Para seguir explicando la aplicación utilizaremos el diseño para zurdos.


Comenzando por el menú superior, encontramos el botón dibujar donde el niño podrá dibujar y pintar a estilo libre, encontrando el papel en blanco, simulando el folio din-a4, el siguiente botón que encontramos sería el de pintar, en el cual se despliega un menú para elegir entre dibujos ofrecidos por Mundo de Pocoyo y dibujos realizados por otros niños en esta aplicación.



Al seleccionar una de las opciones se abriria el menú para la selección de los dibujos



Después de elegir el dibujo la aplicación ya está lista para pintar, como peculiaridad encontramos un boton extra en la esquina superior derecha del folio que serviría para dejar el dibujo tal y como estaba al inicio, es decir, sin pintar.



A continuación encontraremos los botones imprimir y guardar.


En el menú de la izquierda tenemos tres botones, el botón de inicio, que nos llevaria a la página principal donde podremos elegir otra vez la modalidad de zurdo o diestro. Luego tenemos el botón de galeria en el que encontrará sus dibujos guardados junto a los de otros niños. Por último tenemos el botón de ayuda que nos explicará el funcionamiento de la web.


En el menú inferior encontraremos las herramientas para dibujar y pintar. Al seleccionar una herramienta el puntero cambiaría a la forma de ésta y la paleta de colores cambiaría en función de la herramienta seleccionada.


Para terminar decir que no hemos tenido en cuenta la función de usuario/contraseña puesto que nos parecía demasiado complicada para los niños.

domingo, 4 de enero de 2009

Aplicación web v0.1

Para comenzar con el diseño gráfico de la web comenzamos por dos bocetos a mano para comparar ambos y combinar las mejores ideas.



Hemos pensado en hacer dos diseños, uno para diestros y otro para zurdos, simulando la realidad lo mejor posible y haciendo mas cómoda la aplicación.
Como resultado obtenemos el siguiente diseño donde buscamos que sea todo muy intuitivo y los botones sean visibles. El siguiente diseño es para zurdos.



Posteriormente procedemos a intentar traspasar el diseño con una aplicación gráfica adecuada para ello, como podría ser Adobe Photoshop.