miércoles, 21 de enero de 2009

Niños dibujando cosas II : Diseño

Imagen extraída del archivo de fotos de la revista LIFE de Google

Llega la hora del diseño de la aplicación. Basándose en el análisis previo ha de ser una interfaz sencilla, intuitiva, y llamativa para el niño ( pero lo justo para que no desvíe la atención de su obra ). Tampoco incluirá texto, y los botones tratarán de ser representaciones a modo de dibujo animado en lugar de símbolos con trazos simplificados.

Antes de explicar las herramientas de dibujo de la aplicación, vamos a mostrar la pantalla de inicio:

Pantalla de Inicio

Tenemos una ventana sencilla que presenta tres filas de folios con dibujos en miniatura. En la primera, dibujos previos, el usuario podrá navegar por los dibujos en los que haya trabajado previamente ( no hay botón de guardar, pero eso se explicará posteriormente ). En la segunda fila, plantillas, se podrá navegar por una serie de dibujos para colorear o pintar encima. Por último, en la parte inferior del recuadro aparecerá un folio en blanco, que con suerte será lo suficientemente sugerente para que el pequeño empiece a hacer un dibujo nuevo.

Una vez se haga clic en alguno de los folios se nos mostrará la pantalla de dibujo y nos pondremos manos a la obra. Aquí está:

Pantalla de Dibujo

Como vemos, una interfaz bastante sencilla e intuitiva.

En la parte inferior tenemos una serie de lápices de bastante de grosor ( hay que recordar que nos enfrentamos a un pitufín con poco pulso ) que servirán para elegir el color.

La parte derecha alojará un espacio que variará en función de la herramienta que tengamos seleccionada, por ejemplo: si tenemos seleccionado el pincel nos mostrará una serie de siluetas que determinarán la forma y grosor del trazo, con el relleno una serie de patrones de relleno.

A la izquierda nos encontramos con un conjunto constituído por cinco herramientas básicas. De arriba a abajo son: pincel, goma de borrar, cubo de relleno, formas predeterminadas, y deshacer.

¿Por qué una estrella? Simplemente hacía falta un icono que se diferenciase de los demás, que llamase la atención del niño, y que además seafácil de recordar. En la mente del niño debería estar pasando algo así: "Estrella ==> Cosas raras y divertidas".

Pero la verdadera pregunta es... ¿Por qué Macaulay Culkin? ( aka. maculi kurkin ) Esta decisión ha sido tomada tras un largo periodo de investigación. Comunmente, para la herramienta de se suele utilizar una flecha que señala hacia atrás, hacia el pasado. Sin embargo, esta flecha en mi opinión sería demasiado críptica para el niño. Ahora observemos a Macauly:

"CTRL+Z!"

Esa expresión, ese rostro, habla por si mismo. Al verlo el niño se sentirá identificado y leerá en la cara del rubio un "¡Me equivoqué!", o si se trata de un usuario canario verá "¡YIAS!". Además, al tratarse de una foto en lugar de un dibujo, el botón será asociado y recordado con un tipo de acción distinta: "si me equivoco hago clic aquí". Cuando te equivoques, "makuli" estará ahí.

Por último, en la derecha tenemos un tocho de folios, que nos llevará a la pantalla de inicio. El único lugar donde se habían visto folios es la pantalla de inicio así que debería ser recordado fácilmente. Además, está colocado en una posición donde no existe nada más parecido a su alrededor. Así que si no es recordad por su forma lo será por su posición.

Como habíamos mencionado antes, no hay botón de guardar. Principalmente se ha hecho para librar al niño de esta tarea, así no se tendrá que preocupar por donde tener que guardarlo, o recordar donde metió su Mona Lisa particular. Cada documento será guardado periódicamente y se colocará automáticamente en la sección de Dibujos Previos.

Por otro lado, también sería interesante incluir algunas características que no pueden ser plasmadas en una imagen. Como sería la animación y emisión de algún sonido cuando se sitúe el ratón encima de algún botón, facilitando así la diferenciación entre todos ellos mientras que se divierte y estimula al usuario. Algo muy interesante, a la hora de seleccionar un color, sería la pronunciación del nombre del nombre del mismo ( de ésta forma conseguiremos enseñarle los colores al niño ).

En definitiva, ésta es la interfaz planteada. Como se ha dicho: sencilla e intuitiva. Aunque no tan sencilla e intuitiva ( y económica ) como un lápiz y un papel.

Imagen extraída del archivo de fotos de la revista LIFE de Google