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.

Análisis

Cuando te planteas que querrá hacer el usuario con la aplicación de dibujo lo primero que se te ocurre es "dibujar", que para eso es para lo que está hecho, pero bueno, planteándonoslo de una forma mas básica, se me ocurren varias cosas.

En primer lugar, querrá crear una nueva imagen para dibujar, o puede que lo que quiera en realidad sea cargar una imagen desde la memoria y dibujar sobre ella. Quizás incluso quiera ver algunas de las imágenes que ha creado anteriormente en algo así como una galería.

Una vez elegido el lienzo, el usuario querrá pintar. Querrá hacer tanto rayones aleatorios (Lápiz o pincel), como figuras geométricas algo mas lógicas como círculos o cuadrados. Seguramente le plazca poder elegir distintos colores e incluso alternar con facilidad entre los últimos usados.

Una vez el usuario haya terminado con el proceso creativo, lo más probable es que quiera guardar la obra de arte que tiene en su pantalla, y una vez guardado (o desechado) quiera salir de a aplicación.

Target

Para la 2º práctica, (el diseño de la interfaz de un programa de dibujo para smartphone) no está de más elegir un público objetivo del software. En mi caso, el público target seran ante todo niños, o personas que se encuentren aburridas y sin nada mejor que hacer, por ejemplo, durante un viaje largo, (tanto para el adulto como para el niño) o la espera para entrar al dentista u otros profesionales con tendencia a hacernos esperar. Por tanto, van a ser personas que probablemente estarán sentadas y bastante cómodas a la hora de usar el programa. Y como el objetivo es meramente de entretenimiento, será gente que probablemente no pretenda hacer grandes trabajos con este programa, sino un par de rayones en lo que espera.

Telefono

El problema del teléfono es que tiene un botón grande y debajo otro alargado, que se asimila a lo que todos estamos acostumbrados de uno para colgar y otro para descolgar. Parece ser que nadie tiene problema para entender que el grande es el que sirve para descolgar, pero para colgar, todos tienden a pulsar la parte derecha del alargado, que en realidad sirve para poner el manos libres, y no el central otra vez, que cumple tanto la función de descolgar como la de descolgar. Esto es un fallo en la frontera de evaluación que no cumple con las convenciones en telefonía móvil.

Traba del pelo

Si algo he aprendido en esta asignatura es que podemos encontrar fallos de diseño en cualquier cosa, incluso en cosas que ya estan inventadas, reinventadas, y no es que sean, precisamente, complejas. Y este es el caso del objeto que paso a discutir. Nunca pensé que una traba del pelo, objeto de mecanica sencilla pudiese llegar al punto de estar mal diseñadas, pero encontré una.

Esta traba, tiene las "orejas" algo deformes, son pequeñas, y estan curvadas hacia dentro. Esto significa que para abrirla hay que realizar un esfuerzo realmente grande. Este es un fallo que es un poco dificil de describir solo con una foto, debido a que el problema se encuentra en la frontera de ejecución y a simple vista realmente no te das cuenta. Pero, doy mi palabra, de que realmente, es dificil de abrir.

Y...¿ahora que?

¡Hola Don Pepi.... perdón, me he emocionado. Buenas noches, querido lector. Siento haber estado este tiempo sin actualizar. Por favor, le pido que me disculpe y se que no tengo excusa pero, déjeme intentarlo. La razón de que me encontrase lejos de mi ordenador y por tanto de la posibilidad de actualizar es que... he sido atacado... por un gran ejército... que se ha instalado en mi habitación e intentó hacerse con el control de todo mi hogar. Una amenaza realmente poderosa, porque además no contaba con medios para defenderme... del ataque de... las pelusas (TAN TAN TAAAAN!). Te cuento:

El primer dia fue realmente doloroso... me cayeron por sorpresa, venian de todas partes... del ropero, de la cama, de las guitarras... aquel ataque no era casual, estaban organizados. Escapé como pude entre las pelusas y cerré la puerta... la guerra habia comenzado.

Para el segundo día yo ya estaba armado con mi escopa y mi pala... abrí la puerta y entre rápidamente para aprovechar la confusión y empecé a barrer a toda velocidad. Juro que de verdad pensé que estaba ganando esa batalla, pero en realidad lo que estaba haciendo era ¡¡crear una SUPERPELUSA mucho mas grande y poderosa!!. Estoy seguro de que me habló y me dijo que nunca mas volviera a atreverme a entrar en mi habitación. Por supuesto, huí nuevamente, dejando atras la escoba y la pala.

Hubo un dia de tregua. Aproveché para comprar un aspirador con el que poder vencer a esa superpelusa poder llegar hasta aquí y hablar contigo, querido lector. El siguiente día sería el dia de la victoria final.

Cuarto día de invasión. O vencía hoy, o moriria en el intento. Enchufé mi genuino aspirador y me dispuse a atacar... abrí la puerta... y ahí estaba, mirandome con esos ojos esponjosos que solo las pelusas tienen... le apunté con mi aspirador a la par que dije esas palabras que me había preparado para ese momento... "¡¡Hasta Luego Lucaaassrll!!" y encendí mi aspirador... o no.

En este momento me di cuenta de que no sabia como encender mi aspirador, pues en su interfaz habia un problema muy gordo en la frontera de evaluación. No tenia boton de On/Off. Como se puede observar en la imagen, lo único que tiene es una especie de rueda, que tiene incluso marcado un sentido de giro de minima a máxima potencia (Flecha roja). Entonces podemos pensar que en el minimo se apagará, y que al mover un poco la rueda empezará a funcionar. Nada mas lejos de la realidad, por mucho que gires la rueda, eso no arranca. La forma de encenderlo es APRETANDO (flecha amarilla)la rueda, como si fuera un botón. No hay nada que nos lo indique, y además la forma de rueda y la señal de debajo nos induce a pensar que la rueda es para girarla, no para nada mas, por lo que es un error de expectativas.



La batalla tenía toda la pinta de estar perdida. La pelusa se abalanzó sobre mi, siendo yo incapaz de hacer funcionar ese maldito cacharro. Pero un golpe de escoba me salvó la vida... de repente mi querida escoba cayó sobre mi cabeza (ocasionandome un chichón) y seguidamente sobre el botón e hizo funcionar la aspiradora, absorbiendo por completo a la pelusa mientras de fondo sonaba "Ghostbusters".

Han pasado ya varios dias, y aun me sorprendo de lo afortunado que fui yo, y usted, querido lector, de ese escobazo final. Sin mas, me despido. Espero que si un día, usted se encuentra en la misma situación que yo, no necesite de ese "golpe" de suerte (porque fue, creame, bastante doloroso).

¡Ostia que me mato!

Muy buenas noches, querido lector. Perdone por favor mi estado de alteración mientras lee estas lineas, pero es que, en esta ocasión, me siento realmente ofendido. Y es que, lo que traigo hoy es un autentico atentado para la salud pública, a la altura de la gripe A, el SIDA, los terremotos o los turistas fotógrafos chinos. Pues bien, querido lector, esto es lo que sucedió.

El sábado 10 de agosto no fue un día cualquiera. Pasaba algo especial. Tocaba Gen Renegado, un grupazo muy divertido. Pues bien, este concierto fue en un lugar que no voy a nombrar, porque no quiero hacerle publicidad al centro comercial Las Terrazas de Jinamar. Pues bien, allí me encontré con un elemento arquitectónico de lo mas curioso: unas escaleras.

Claro, usted, querido y estimado lector, estará pensando "Pues no es pa'tanto, yo subo y bajo escaleras todos los dias y no pasa nada". Pero estas escaleras, eran especiales... parecían diseñadas por el mismisimo Satán, o aun peor... por la cucaracha que no podia caminar. Y es que, estoy casi seguro, de que fue ella, resentida, dolorida, la que diseñó estas escaleras, asesinas.

Seguro que todos, al bajar escaleras, pensamos que todos los escalones tendrán la misma longitud... y ¿que sucede cuando no es asi? Pues que te caes, y te haces pupa. Lo que nos llevaria a intereses en la industria de la medicina, las tiritas y los vendajes...


Como se puede observar, existe una secuencia de 3 escalones, siendo siempre Largo, Corto, corto, Largo, Corto, corto, etc. Lo cual es un peligro bastante evidente. Este peligro se produce tanto al bajar como al subir. Pero... aqui no acaba todo amigo, pues al subir se produce un nuevo peligro.

Escandilamiento. Creo que la foto habla por si misma. Las luces tienen tanta potencia que cuando subes las escaleras y te las encuentras de frente, realmente, te escandilan y pueden hacerte errar en el momento de pisar esos escalones irregulares, asi que el problema lo tenemos en la frontera de ejecución, pues el usuario sabe perfectamente como se suben o bajan las escaleras, pero al hacerlo, se producen unos peligros innecesarios, dificultando el uso de las escaleras. Y si, si estabas pensando que casi me caigo, estabas en lo cierto.

Pero bueno querido lector, tomese esta lectura como un aviso, para que no corra el peligro mortal de necesidad por el que pasé yo.

Sin mas, me despido. Buenas Noches.

Problemas De Altura

¿Alguna vez se había dado cuenta usted, querido lector, del curioso fenómeno que se produce en las entradas de los distintos lugares a los que, sin ninguna duda, se ha acercado? Piénselo bien... ¿Qué tienen en común, su coche, su casa, la de su vecino, el centro comercial mas cercano, cualquier tienda o incluso, su propia habitación?

Correcto, todas tienen Puertas.

Existen puertas de lo mas variopintas, de todos los estilos y tamaños, pero todas tienen en común su función: abrirse para dejar pasar al Rey de Roma, o cerrarse para mantenerlo fuera (o dentro, según gustos).

Supongamos que no queremos que el Rey de Roma entre a su antojo por nuestra casa, para lo cual mantenemos nuestra puerta cerrada. Pero la proveemos de un timbre, un simple botón para que este personajillo, con solo pulsarlo, pueda informarnos de su presencia al otro lado del divisor de terreno, y así nosotros, poder decidir si denegamos o no su acceso.

Pues bien... el problema es... ¿Cuanto mide el Rey de Roma?


Pues esperemos que sea alto, porque si es bajito como yo (no soy un duende de Papa Noel tampoco vaya usted a pensar mal de mi) no alcanzará al timbre, teniendo que recurrir al doloroso sistema de nudillos contra la puerta, que bien es sabido que rara vez es escuchado.

Poniéndonos serios, en esta puerta nos encontramos con un problema en la frontera de Ejecución. ¿Por qué? Sencillamente porque yo se que tengo que hacer, pero mi altura me impide hacerlo. Además el suelo es irregular, y en el punto justo debajo del timbre, es mas bajo de lo que parece (la foto está tomada desde bastante altura).

Sin mas, me despido hasta la próxima, estimado lector, esperando que haya disfrutado tanto usted de la lectura, como yo al escribirlo (y no como yo al intentar tocar el timbre).

Presentación

Buenos días, buenas tardes y buenas noches, según cuando me leas. Para mi casi siempre serán buenas noches, pues veo muy muy probable que actualice siempre en la nocturnidad mas que a la luz del día.

El objetivo de este blog básicamente es el de ayudarme a aprobar (para que engañarnos) la asignatura de Diseño de Interfaces Humanas, asignatura que estoy cursando en la ULPGC, en mi carrerita de Informática.

Bueno, con esto y un bizcocho (de Moya a ser posible), me despido, para empezar ya con lo que va a ser el grueso de este blog:

Interfaces Mal Hechas