Camisetas de fútbol y Experiencia de Usuario

March 19, 2011

Me ha pasado últimamente que se me ha hecho recurrente cada vez que veo un encuentro de fútbol, cada vez es menor la cantidad de encuentros dónde puedo ver vestimentas de equipos realmente contrastadas. (more…)

hay sitios malos y el del TMV (parte 2)

June 11, 2007

tmv2

Hace un tiempo hablé acá del sitio del TMV (a.k.a TransValparaíso), bueno después de un tiempo con un pésimo sitio, pasaron a una versión un poquito mejor, pero al cual sigo encontrando pésimo (opinión que compartimos con unos cuantos bloggers).

  • Siguen insistiendo en los Frames (Señores eso ya fue, alguna vez nos soluciono algunos problemas a los diseñadores, hoy atenta a la accesibilidad del contenido)
  • La Arquitectura de la Información carece de la misma
  • Hay “orden” (queriendo mirar el orden), pero no hay diseño
  • No hay contacto por ningún lado (pasaron de tener uno no adecuado a no tenerlo)No se piensa la presentación de las rutas en el sentido del texto ( los reglones de textos son una aberración).
  • No hay mapa de las rutas, señores se necesita un mapa con todas las rutas, vamos si queremos tener turistas una ayudita no les vendría mal para movilizarse (ya que no piensan en nosotros los que usamos el TMV, piensen en los turistas).
  • Usted entenderá que al ingresar  a la pagina no quiero ver “feedback vecinal de autoridades” en imágenes con random, sólo quiero ir a la información lo mas rápido posible

Señores en resumen, el sitio no pasa la aprobación (les va a salir mas caro ir arreglando cada cierto tiempo, que haber hecho un buen trabajo de buenas a primeras).

Ver TMV

Juliot Design

June 5, 2007

JuliotDesign

Mi Amigo, Camarada, Colega y Socio en Notable, Julio Tapia, acaba de lanzar su Sitio personal, donde destaca el diseño de interfaz e iconografía. Estoy contento de que porfin Julio haya lanzado su sitio, en el cual venía trabajando hace un buen tiempo, si has pasado por Rots, ahora debes pasar a visitar el sitio de Julio.

Visita | JuliotDesign

Color Oracle

May 18, 2007

colororacle.pngHace un tiempo hablé acá de Sim Daltonism una aplicación solo para mac para simular distintos problemas de daltonismo. A través de el Cosmonauta he descubierto Color Oracle, que es una pequeña aplicacion, disponible para Windows, linux y Mac, que sirve para también sirve para simular los problemas habituales de los daltónicos, que según me entero por el Cosmonauta es el 8% de los varones.

Color Oracle, en el caso de mi mac (aun no lo pruebo en Windows) se convierte en un iconito en la barra de tareas que nos permite cambiar toda la pantalla a modo protanopia, modo deuteranopia o modo tritanopia. En sí esta es la gran diferencia entre Sim Daltonism y Color Oracle, ya que Sim Daltonism contiene mas tipos de daltonismo, aparte de estos 3 mas recurrentes en las personas, pero Sim Daltonism no transforma toda la pantalla, y solo ves los cambios a traves de una ventanita.
Color Oracle se convierte ideal y casi imprescindible para poner mas atención en las paletas de colores que estamos creando.

Rots_Daltonismo

via |El Cosmonauta
Link | Color Oracle

Google invierte en experiencia de usuario

May 8, 2007

new Google Analytics

Revisando el blog de Jeffry Veen, ( autor de “The Art & Science of Web Design“) me entero que Google, venia preparando el cambio de Google Analytics de hace un rato, asi como de las demás aplicaciones web de Google, como Gmail, Calendar, las aplicaciones de Oficina, Blogger, Orkut, Picasa y más. Pero lo mas interesante es que Google esta empleando a profesionales para que desarrollen los nuevos diseños pensando en la Experiencia de Usuario, y Jeffry está liderando un equipo de 30 diseñadores responsables de la experiencia de usuario de las aplicaciones web de Google.

Via |  Jeffry Veen

hay sitios malos y el del TMV

May 7, 2007

tmv

Hoy quiero hablar sobre el sitio del TMV. Para los que no estan enterados (o no son de valparaíso ni de Chile) TMV significa “Transporte metropolitano Valparaíso” y es el plan de licitación de antiguos recorridos y creación de nuevos recorridos para el gran Valparaíso.

Como todo plan del gobierno el TMVposee su propio sitio web, asi como el Transantiago tiene su pagina web ( y como todo lo que se informa en todo ámbito de cosas lo tiene). El detalle esque el sitio del TMV no tiene cuidado por nada y de nada, tanto que haciendo un punteo tenemos la siguiente lista:

  • no es estandar
  • no pasa la validación W3C
  • no hay contenido separado de la forma
  • usa marcos
  • menú flash
  • sin arquitectura de Información
  • sin usabilidad
  • sin accesibilidad
  • graficamente poco amigable
  • las preguntas frecuentes es un swf (una lista con anclas sería mas indicado)
  • sin formulario de contacto (en vez de eso, aparecen los diseñadores del sitio)
  • carece de información

Yo fui a buscar en este sitio si existía un plano de recorridos (como el de transantiago) y no hay algo parecido a esto, ojo que ni el sitio de Metro Valparaíso, tiene su recorrido ( un turista no podria ver el recorrido, pero sí aparece un banner de la tarjeta para turistas a penas se ingresa), de hecho se puede acceder a un recorrido en el sitio de un privado.
Es en casos como éste en que el gobierno sigue pecando de “Centralismo Web”, si el sitio del Transantiago fuera asi de malo, la voz se habria levantado hace un buen rato y habría mejorado. Señores tomemos en serio esto de la fomentación y la información, quizas hace 10 años este sitio habria estado “bien”, hoy señores los requerimientos son otros, hoy sí pensamos en los usuarios.
Situaciones como ésta me indignan porque quiero que Valparaíso progrese, pero con casos como éste se ve difícil.

Ver también en Que Pitia!
Ver TMV
Ver Metro Valparaíso
Ver Metroval.tk

La Paradoja de la Interfaz de Google

March 21, 2007

Estaba leyendo Line Up, y veo un articulo sobre  algunas curiosidades sobre google, como por ejemplo que los fundadores no tenian idea de HTML cuando crearon google, razón del minimalismo del la interfaz del buscador.

Google

Bueno lo que mas me llamo la atencion es que El botón “Voy a tener suerte” es muy poco usado,pero en pruebas de Google se ha demostrado que no se podría sacar, porque el usuario necesita verlo ahí, es una sensación de comodidad por saber que siempre ha estado ahí y si fuera sacado, le faltaría ese “algo” al buscador. O sea estamos hablando de un botón poco usado, que de ser eliminado de las funcionalidades se vería estropeada la seguridad que la interfaz de usuario infunda en los visitantes, toda una paradoja de interacción y usabilidad.

Ahora me pregunto: ¿cuantos otros casos de estos tenemos por la web? cosas poco usadas pero que si las sacaramos dejarian de hacer sentir a una interfaz amigable.

Si sabes de algún caso, coméntalo.

Via | Line Up 
Link | Google

TS, tipografía para el Transantiago

February 22, 2007

No muchos conocen la historia de la tipografía de los letreros e infografías del gran Transantiago, la histora de TS, tipografía para el Transantiago, fruto de un arduo estudio encargado por el Gobierno.El estudio tipográfico, de lecturabilidad y legibilidad utilizada en todo el material gráfico del Transantiago fue desarrollado por un equipo del Departamento de Estudios Tipográficos de la Escuela de Diseño PUC, del cual dos miembros son fundadores de Tipografía.cl.

legibilidad

El gran Rodrigo “Tuco” Ramirez realata en un post del sitio de tipografía.cl, como llevaron a cabo esta labor de 2 años de investigación, para llegar a un desarrollo tipografico impresionante y hermoso.

Rodrigo Ramirez, frente a una critica en el mismo post, da información sobre estudios de uso (gracias por entregarnos informacion importante de usabilidad, recogidos de estudios a conciencia), en las cuales dice que:

1. Sobre señales en paradas: En las mediciones de uso, el 90% de los usuarios pudo reconocer y leer sin problemas los letreros y la información. Sin embargo y siguiendo una tendencia ya estudiada en estos casos, el 59% encontró pequeño el tamaño de letra (280 comentarios espontáneos).

2. Respecto al letrero frontal del bus, que en las micros amarillas era la UNICA pieza de información disponible -aparte del chofer-, en el diseño original el 15,7% no alcanzaba a leer, lo que fue reducido a un 4,8% con mejoras en el diseño, fundamentalmente en el tamaño y grosor de la tipografía.
Respecto a esta pieza, que hoy se complementa con color del bus, información en paradas y uso del mapa para planificar viajes, el 21% encontró la letra pequeña como mención espontánea, y el 42% mencionó que la encontraba bien.

TS transantiago

Como solución fundamental, en todas las variantes se encuentran disponibles todos los símbolos de uso público e institucionales del sistema de transporte, necesarios para al producción de piezas en el sistema de información. El uso combinado de las variantes permite utilizar letras, números, pictogramas y códigos de manera integrada, independiente de la técnica de reproducción y tamaños.

Larga vida al diseño tipogrñafico Made in Chile, a algunos no les gustará a otros les encantara, pero solo me puede poner orgulloso que el diseño tipográfico chileno siga creciendo fuerte y se incerte en las politicas gubernamentales, con estudios de usabilidad como los que presentaron los creadores de TS.

Leyendo la cobertura de este post en Huasonic di con algunos vínculos para hacer descargas referentes a Transantiago, como este sitio donde puedes descargar 50MB de PDF con todas las normas gráficas del Transantiago. En este otro puedes bajar una versión (Beta) de las tipografías TS.

Via | Tipografía.cl
Via | Huasonic
Descarga | TS version Beta para PC y Mac.

sim daltonism

January 28, 2007

sim daltonismSim Daltonism es un simulador de daltonismo para Mac OS X. Esta aplicación gratuita (a la cual le puedes hacer donaciones) muestra en tiempo real en el área alrededor del indicador del mouse (lo que muestre nuestro mouse) el resultado como si lo viera una persona con problemas de colores en su visión (daltonismo), lo que convertiría a esta apliación en una paleta flotante de daltonismo.

Sim Daltonism nos permite escoger el tipo de daltonismo que queremos ver dentro de una gama de filtros para escoger. Para mas información visita su sitio web.
Descargar acá
Sitio Oficial | Sim Daltonism