lunes, 8 de noviembre de 2010

Animaciones cotidianas.

Ciencia Cognitiva 201013 -- Segundo prototipo: Equipo 7 Raulo,MAuro, Luigi

CITY BOOK!!

Video Proyecto


Link:
http://www.youtube.com/watch?v=tqd2kxY_pxg

Ciencia Cognitiva 201013 – Segundo prototipo: Equipo 2 Sin Nombre


Teoría interactiva del color

A continuación se encuentra el video donde se muestra nuestro proyecto y en seguida incluimos un análisis detallado de lo que verán:




En esta pantalla principal tenemos el tema de Gamas del color, desde donde el usuario puede elegir si desea volver al índice, empezar a ver el tema teórico o ir directamente a la actividad. Se utilizaron 4 colores principales de los cuales variamos las gamas para poder ilustrar el tema al cual se adentraría el usuario.

Cada miembro tiene un personaje que le representa en los momentos en los que se explica la teoría, tenemos 4 personajes que explican los 4 diferentes temas . En este caso el personaje se encarga de explicar la teoría dando defiiciones básicas y ejemplos para el tema. En la pantalla existe un botón de “Regresar” que permite que el usuario salga de la animación en el momento en que lo desee.

En la explicación de la teoría existe una animación que se encarga de ejemplificar de manera más sencilla los conceptos vistos .

Después de haber concluido la teoría el usuario, como se mencionó antes, tiene la posibilidad de pasar a la actividad . En la actividad , al usuario se le explican las instrucciones (las cuales puede saltarse por medio del botón saltar) para después pasar a realizarla.

La actividad de este tema consiste en escoger el color que corresponde a la gama del color puro que se presenta en el centro. Si el usuario acierta, se le suma un punto a sus aciertos y se le da una retroalimentación para enfatizar lo que tuvo bien ; si por el contrario se equivoca, se le manda a una pantalla que le dice que está incorrecta.


La pantalla de inicio al tema colores cálidos y fríos, con el diseño permite atraer la atenció del usuario para que se interese en el tema y desee conocerlo; además de que permite interactuar con ésta misma para que se tenga un completo control de la interfaz.
Dando click en el botón de inicio, el usuario es introducido al tema; pero si da click en menú se regresará al índice de temas.


Después de que el usuario da click en inicio del tema se muestra una pequeña animación previo a la explicación, con el fin de que el usuario tenga completa atención en el tema y no se distraiga.


Después de la animación; el usuario esta centrado en la interface, por lo que se dará seguimiento al tema con una breve explicación, la cual permita un conocimiento más profundo del tema y posteriormente la descripción previa a una actividad.
Durante la explicación y las instrucciones, no se permite al usuario interactuar con la aplicación; esto es con el fin de que adquiera el conocimiento necesario para aplicarlo a la actividad y evitar que se salte hasta la aplicación del tema; ya que la finalidad es que el usuario aprenda.


Después de la explicación la interface lo lleva a una actividad, en la que ya se permite al usuario interactuar para aplicar la teoría previa; en ésta el usuario presiona cada paleta para probar sus conocimientos.
Y si deseea reforzar la parte teórica puede iniciar el tema nuevamente ó seguir al indice para otro tema. Los diseños y el cambio de estado del personaje hacen que el usuario se divierta, además de que le permite una mayor retención del tema.

Tema: Mezcla de colores


Esta es la pantalla de inicio del tema “Mezcla de colores”, decidimos que tuvieran varios colores que se fueran acercando hacia el centro como para representar los diferentes tipos de combinaciones que se pueden hacer con los colores existentes.


En estas pantallas uno de los personajes representándonos a nostras se encarga de explicar la teoría del tema, usando ejemplos claros y sencillos para que puedan ser entendidos con gran facilidad y posteriormente será preguntada en una actividad.

En estas pantallas la actividad es explicada, se muestra cómo está conformada y una de las animaciones.


Con la pantalla de inicio al tema de Clasificación del usuario se pretende llamar la atención del usuario usando un color y un diseño muy llamativos, mientras que con los botones si das click en Menú te lleva al índice de temas en caso de que no desees y/o necesites pasar por este tema, y si das click en Inicio empieza la introducción al tema.


A continuación se empieza con la explicación del tema, tratando de usar un lenguaje coloquial y amigable, para que sea de fácil comprensión, igual usando colores llamativos en el diseño para que mantenga la atención del usuario sin mayor problema, ya que algunas personas suelen aburrirse con el puro texto, y en este apartado el usuario no tiene la opción de saltárselo esto con el fin de asegurar su aprendizaje.


Después de la explicación del tema se sigue con una actividad para poner en práctica los conocimientos adquiridos, en la cual el usuario dará click sobre cada uno de la manchas para saber si pertenecen a los colores primarios, secundarios o terciarios. Y dependiendo de a que grupo pertenece aparecerá el número “1” para los primarios, el “2” para los secundarios y el “3” para los terciarios.


Se continuara con la explicación del último tema, y al ser un tema un poco más complejo que lo anteriores se acompañará con un breve ejemplo, para asegurar que el usuario comprenda en su totalidad el tema.


Por último pasamos al último bloque donde se realizara otra actividad de reforzamiento de conocimientos, que consiste en dar click sobre la mancha de la parte inferior que corresponda al complementario de la mancha de color de la parte superior. En caso de que tu respuesta sea correcta aparecerá el personaje indicando que realizaste bien la actividad, y viceversa.