Icono de entrada

Me habia olvidado de bautizar a mi aplicación de dibujo y de hacerle un icono, asi que se lo he hecho sobre la marcha:
Y el nombre, sencillo, para todos los públicos, y muy muy identificativo: Píntame!

Sin más, me despido.

Taringa!

Esta pantalla es lo primero que nos encontramos uando entramos en www.taringa.net, página web que hace las veces de gran foro. En mi opinión, una pagina muy mal diseñada. Es algo que te hueles en el momento en que en el header de la web, junto a tu "banner" con el nombre de la web, ya nos encontramos publicidad, tomando tanta o más importancia como nuestro banner.

Lo primero que nos encontramos al entrar son 3 columnas. La primera de ellas está destinada a mostrarnos los últimos temas creados. Esta es una decisión que en parte me parece correcta, si no fuera porque para coger la lista entera he tenido que utilizar 2 screenshots y aún asi, no lo he conseguido. Esto me hace pensar...¿Realmente es necesario poner tantisimos temas?, En este tipo de páginas, lo normal es buscar una categoría y buscar en ella, es decir, al usuario le da igual que es mas nuevo o mas viejo, si no que busca sobre un tema específico.

La segunda de las columnas está destinada a los "tops". Aquí podremos ver información tan necesaria para la navegación como el número de usuarios online, los usuarios que mas tiempo pasan en la página, o por lo menos que mas escriben o los temas mas populares de la semana. Una vez más, me parece una información que un usuario que acaba de entrar no necesita. Cuando llegas, y quieres buscar algo específico y te encuentras esta avalancha de información, te sientes un poco desorientado. Además, entre las pestañas que nos encontramos arriba hay una que pone "Tops", por tanto, esta información deberia estar alli, y no aqui.

La tercera columna está destinada a la publicidad, dandole un papel dominante en la página (que ya veremos que llega a ser excesivo). Ocupa casi tanto espacio la publicidad, como la columna de tops ya comentada, lo que me parece personalmente, un pequeño exceso, una sobrecarga.

Como ya he comentado, cuando entras en una web que hace las veces de foro, lo normal es que busques información de un tema en concreto. Por esta razón, la mayoria de los foros estan divididos de forma seccional, estando cada tema en el subforo correspondiente. De esta forma el usuario se orienta con facilidad y es capaz de encontrar lo que busca rápidamente.

En Taringa!, lo más parecido a este tipo de organización es el "filtrado de categorias" que se encuentra debajo del botón de identificarse. Este botón nos permitirá elegir entre una serie de categorias y cambiará la pantalla de "últimos post" por los últimos post del tema. Por tanto, si hay un topic que te interese seguir a lo largo del tiempo, lo mejor será que lo guardes en favoritos, porque pronto tendrás que volverte loco buscandolo, pues irá cayendo en la lista de "últimos post".
Un botón que me llamó especialmente la atención fue el de "Novatos". Cuando lo ví pensé que sería algo en plan... un mapa de la web, las instrucciones para moverse por ella, algo por ese estilo. Pero como podemos ver en la imagen superior, las diferencias son inexistentes. Cambian los "últimos post", cambian los "últimos comentarios", cambia la publicidad, pero nada que ayude a un novato. Más que una ayuda para novatos, parece mas una novatada.

Herido mi orgullo despues de esto, quise pulsar rápidamente en el botón justamente superior "comunidades", haber que pasaba:


Una barra pasa a ser verde, desentonando todalmente con los colores de la web. Y algo mas sucede. Ahora los "últimos post" pasan a ocupar el centro de la pantalla, mientras que los tops pasan a la derecha y la publicidad a la izquierda. Es decir, la página cambia su organización en un cambio de pestaña, no hay coherencia. Sin embargo esta organización me parece mas correcta. Los tops y la publicidad pierden importancia en la pantalla al ofrecernos lo más interesante en el centro de la misma, es decir, la parte útil es lo primero que vemos. Pero por lo demás, sigue con los mismos problemas.

Entonces, visto todo esto, decidí que era la hora de ver como funcionaba el "foro", es decir: ver los topics propuestos por la gente y sus comentarios. Pobre de mi:


Ya me estaba imaginando que la web estaría saturada de publicidad por todas partes, pero esto ya me pareció excesivo. En el post principal, habia más publicidad que texto. El post está rodeado tanto por encima como por debajo de publicidad. Una vez mas, como usuario, me pierdo buscando el texto y me siento incomodo por lo presente que está la publicidad siempre.

Además, debajo de la información del usuario existe un espacio inutil, que no se utiliza para nada, que podria haberse utilizado para quitar la publicidad del centro de la pantalla.

Pero bueno, esquivando los anuncios, quise buscar las respuestas al tema y me encontré con esto:

Antes de llegar a lo que queria leer, las respuestas, me encuentro con más publicidad (como no) y con un cuadro con "post que me podrían interesar". Este tipo de menús suelen estar al final del todo, pues se entiende que lo que interesa es, "Tema, respuestas, temas parecidos" y no "Temas, temas parecidos, respuestas".

Y ya despues de esto, y con una depresión importante, cerré el explorador.

Photoshop

Uno de los errores que encuentro en la interfaz de este programa es que no es coherente con la estética de Windows (en su versión para Windows, que es la que voy a analizar). Tiene un estilo propio que cambia por completo con la estética general del sistema operativo, aunque dentro de si mismo, y con el resto de la suite cs4 es coherente.

La barra de herramientas me genera controversia. Por un lado, nos muestra una serie de botones que precisan de situaciones especiales para ser usados, mientras que otros, mas generales, están ocultos, y para acceder a ellos hay que hacer click derecho sobre otro botón, cosa que el usuario no tiene por qué saber. Esto me sucedió buscando el botón de degradado, que no había forma de encontrarlo hasta que me dijeron que estaba “debajo” del botón del bote de pintura.

Pero por otro lado, por lo general, todos los botones hacen un buen uso de las metáforas.

El botón de “capas” tiene un fallo, que en mi opinión está en la programación, pero que afecta a la frontera de evaluación. ¿Qué sucede? Desde el primer momento aparece marcada como que está abierta, pero después de un rato trabajando nos damos cuenta de que sigue sin aparecer ninguna capa. Necesitamos hacer doble click sobre la pestaña para que “reaccione”, y de esta forma nos muestre las capas de la imagen.

En la imagen se ve otro fallo en el diseño. Existiendo la posibilidad de elegir el diámetro, no entiendo por qué abajo, donde nos muestra los distintos tipos de punta para el pincel, nos muestra distintas opciones del mismo tipo, con tamaños distintos. Esto provoca que para poder verlos todos y compararlos, tengamos que estar moviendo la barrita lateral y buscando, algo que probablemente, si no hubieran puesto distintos ejemplos según tamaños, podría haber ahorrado esfuerzo al usuario menos paciente.

Por otro lado, uno de los grandes aciertos de este programa es la “galería de filtros” , que nos permite, de forma cómoda, probar los distintos filtros que se le pueden aplicar a la imagen, sin afectarla, solo por ver como queda, es decir, sin que el problema sea irreversible.

Mas Pantallas

Buenas, querido lector. Siguiendo con la propuesta de diseño para la aplicación móvil, hoy traigo 2 pantallas que tienen que ver con el flujo de datos.

La pantalla que tenemos arriba sería la primera pantalla que se ve cuando abrimos la aplicación. En esta pantalla podremos elegir entre realizar un dibujo nuevo, ver el albúm, o cerrar (puerta).

La pantalla inferior es la que veremos cuando, despues de haber dibujado un rato, decidimos que queremos salir de la aplicación. La pantalla inferior viene ha preguntarnos que queremos hacer con nuestro dibujo, si guardarlo en el albúm, o tirarlo a la basura. (Pido perdón, pero el icono de la papelera no me ha quedado demasiado bien, es lo que tiene hacerlo a mano).

Nueva Pantalla

¡Hola! Esta es la nueva pantalla de dibujo de mi aplicación para móviles, que sigo sin haber bautizado. Finalmente, he decidido que la aplicación tiene que estar dirigida a niños de todas las edades, por lo que he optado por cosas como: en toda la aplicación no hay ni una letra, por tanto, no será necesario saber leer. He huido de los estándares típicos, suponiendo que un niño en el fondo aún no los conoce, y he optado por crear botones que sean intuitivos. El objetivo de esta aplicación es que para el niño, dibujar en el móvil y dibujar sobre papel sea algo lo más similar posible.

Entre los botones, desaparecen la X y el pincel, y son sustituidos por una puerta para salir (esquina superior derecha) y el pincel por un conjunto de herramientas. Se mantiene la goma, siempre accesible desde la pantalla de dibujo y la posibilidad de mantener 2 colores simultaneamente. Finalmente, he añadido dos nuevos botones:

-> El Albúm, en el que estarán almacenados todos los dibujos realizados con anterioridad.
-> La "Goma Mágica", representa la opción de deshacer, pero al estar pensado para niños, he pensado que entenderian mejor una "goma que borra sola" que el estandar de la flecha hacia detrás.

Pantalla de dibujo

Este es el primer diseño que tengo para la aplicación de pintar, la cual aún no tiene nombre. He decidido crear mis propios botones, para darle un poco mas de personalidad a la aplicación. Explicando brevemente esta pantalla, tenemos arriba a la derecha la típica X para cerrar, y abajo la zona de las herramientas. El pincel nos llevaría al menú de las distintas herramientas, mientras que la goma la tendríamos siempre accesible desde la pantalla de dibujo. A la izquierda tenemos 2 botones de color, pues se podrá tener 2 colores en la memoria simultaneamente, por la típica costumbre de los niños de tener dos colores en la mano simultaneamente. Además, en el centro tenemos la herramienta de ayuda para circulos, rectangulos y demás figuras geométricas.

Botones

Este defecto de diseño lo he encontrado en mi coche, un Renault Clio. ¿Qué sucede? Pues es sencillo... si yo le pregunto cuantos botones hay en la imagen, ¿que responderian?, si la respuesta ha sido 3, se han equivocado. Lo del centro no es un boton. Son los controles del reloj del coche, y cuando lo ví por primera vez pensé que el sistema era "Botón central para elegir entre horas y minutos, botón izquierdo para reducir, botón derecho para aumentar", pero no, el verdadero funcionamiento es, botón izquierdo para la hora, botón derecho para los minutos. Hasta aqui el problema en la frontera de evaluación, pues cuando lo ves a simple vista, piensas que hay 3 botones, y no solo 2.

Pero pensando un poco más nos damos cuenta de que esto produce un sobreesfuerzo (frontera de ejecución), porque claro, cuando tenemos que adelantar el reloj una hora no pasa nada, le damos un toque al botón de la hora y ya está. Pero... ¿y cuando hay que atrasarlo? Pues hay que darle 23 veces al botoncito, y si te despistas y te pasas, pues 46. Por tanto, tambien tiene un fallo en la frontera de ejecución.