therror

Una de las tipografías más usadas, respetadas, emblemáticas y adoradas es Helvetica. No sólo ha aparecido en una cantidad extraordinaria de logotipos, sino que también tiene su documental y ahora cada una de sus letras se hace pasar por un super héroe.

helvetica, my hero es un proyecto de René Mambembe, un estudiante de diseño gráfico de origen francés que se dedicó a conceptualizar super héroes —y otros personajes ficticios— en cada una de las letras del abecedario, algunas incluso un par de veces.

Algunos son fáciles de adivinar, otros son un poco complicados, caso de la E y L, que nunca había escuchado en mi vida.

Disponible sólo durante 100 horas, Indie Royale nos trae un nuevo Lightning Pack del cual todos los ingresos serán donados a cuatro diferentes insituciones sin fines de lucro: Amnesty International, EFF, act!onaid y UNICEF.

Son cuatro juegos los que conforman este Lightning Pack: Osmos, B.U.T.T.O.N., The Shivah y Blueberry Garden, de los cuales yo destacaría los dos primeros, pues Osmos es un juego indie que ha aparecido en bundles anteriores y que ha sido ampliamente exitoso, B.U.T.T.O.N. es un juego experimental que trata —y parece que en la medida de lo posible, consigue— derribar la cuarta pared entre él mismo y los jugadores. De The Shivah nunca había escuchado nada, pero parece presentar una interesante atmósfera que cruza el point & click con la religión y finalmente, Blueberry Garden termina siendo el más artístico de este bundle, un juego de plataformas muy poco convencional.

No es muy espectacular, pero si aún no tienen Osmos o tienen la posibilidad de jugar con varias personas B.U.T.T.O.N., posiblemente valga muy bien la inversión. Los próximos bundles de Indie Royale son en dos, cuatro y seis semanas y tienen los títulos de The Graduation Bundle, The Junebug Bundle y The Summer Bundle, respectivamente.

Glenn Jones empezó a diseñar serigrafías para playeras cuando Threadless tenía poco de haber nacido. Con su distintivo estilo, talento y creatividad pronto superó el buen negocio que Threadless le ofrecía y se dedicó a crear su propia marca, Glennz, donde no sólo vende playeras, sino pone a votación sus conceptos, mismos que desde hace poco menos de un año publica el proceso completo en su canal de Vimeo.

Este es el proceso del diseño de Zombie News, con una duración de 43 minutos condensados en tres.

Resulta muy interesante ver el proceso de cómo un diseñador llega hasta el producto final, con todo y sus errores, que este tiene dos, pues el bosquejo inicial es descartado una vez que pone el fondo, algo similar sucede con los bordes del cerebro, que no quedan exactamente bien, así que tiene que improvisar.

Este tipo de contenidos los considero una fantástica forma de hacer mercadotecnia, pues muestra el otro lado de cómo se hizo, tiene un alto factor de viralidad e incluso ayuda a inspirar a otros.

Mientras que la tecnología ha logrado facilitar la vida de millones, hay algunas tareas que requieren aún de la precisión y cuidado al detalle que sólo una mente humana puede dar. En diseño gráfico, la mejor forma de reescalar una imagen es mediante el anti-alias, un algoritmo que busca compensar pixeles fraccionados con diferentes opacidades del mismo. Lo que no sabía es que esta técnica no es perfecta y para ciertas gráficas que se mostrarán en pantalla, lo mejor es realizar el ajuste manualmente, de eso trata el muy recomendable artículo de Dustin Curtis, Pixel-fitting.

Como pueden ver en la imagen, hay una gran diferencia entre usar anti-alias o ajustarlo manualmente. Mientras que en la parte derecha el icono se ve un poco borroso, la parte izquierda con un ajuste artesanal se ve considerablemente mejor.
Son este tipo de detalles los que diferencian a un buen diseñador de un gran diseñador. Lo que me parece más increíble es que sitios tan importantes como Hulu no hayan tenido cuidado con estos detalles.

Me pregunto si algún día las máquinas podrán diferenciar y ajustar pixeles parciales para que el ojo humano lo vea lo más nítido posible.

(Perpetrado de pinboard)

P.S. Android niceties Galería de elementos de interfaz bien diseñados en la plataforma móvil libre.

Desde que se inventó el arte fractal hace 30 años, esta maravilla matemática nos ha mostrado la belleza de la simetría y del infinito. Algo que siempre me pregunté fue cómo le hacían para generar este tipo de obras, pregunta que aún no se me ha podido contestar —pero que me imagino son desarrollos propios y rara vez abiertos al mundo—. Hoy esto parece cambiar con Recursive Drawing, una herramienta que simplifica considerablemente el proceso de hacer fractales. Chequen el siguiente mini tutorial para que vean cómo funciona.

Sólo un cuadrado y un círculo, con un color, aparentaría ser muy limitado. Pero creo que muchas combinaciones pueden salir de ahí y probablemente complicarlo más tendría un impacto negativo, haciendo mucho más complejo todo el proceso.
Ya me imagino si esto se convierte en algo popular, saliendo obras fractales por todos lados. El siguiente paso es la posibilidad de guardar y compartirlas, cosa que ya veo muy pronto debido a que el código fuente está disponible en github.

(Perpetrado de waxy)

Por muchos años he pensado en lo mucho que podría avanzar el espectáculo del futbol si se tuviera una mayor cantidad de información. Tan sólo imagínense tener el radar de los juegos de Fifa, que determina la posición de todos los jugadores en relación al campo.
Aún estamos lejos, pero creo que algo como Football tracker terminará siendo uno de los primeros pasos a un cambio en la forma en la que se disfruta un partido del deporte más bello del mundo.

Una pequeña explicación: cada una de las líneas es la representación de lo que la aplicación está analizando. Estos cálculos los hace, a grandes rasgos, comparando colores e intentando determinar qué es qué: jugadores de un equipo, de otro, árbitro y pelota. Todo esto en tiempo real, de forma automática y un par de ocasiones cada segundo. Y lo más impresionante es que son tecnologías web, por mucho tiempo relegadas a operaciones mundanas.

Además del radar, se me ocurren otras aplicaciones: análisis de kilómetros recorridos por cada uno de los jugadores, heatmaps de la posición del balón y otras ya clásicas como balones perdidos y recuperados, pases completos e incompletos, pero prácticamente sin interacción humana. A ustedes qué otros se les ocurren?

P.S. Mis amigos me llaman tramposo porque automatizo mi trabajo cuando fui contratado para hacerlo manualmente Esto resuena muy fuerte conmigo, hace unos años me corrieron por acabar un trabajo que no terminaba en 9 horas, en sólo una y media.

Esperada y planeada por muchos años, The Avengers por fin llegó y abre lo que será una de las tres películas más importantes de este año. Las muy entretenidas historias de Thor y Capitán América del año pasado levantaron las expectativas, estará The Avengers a la altura?

He de confesar que iba preparado para un desastre. Usualmente mezclar varios superhéroes en una sola película causa grandes estragos. Aquí se entendió muy bien el problema y no comienzan todos al mismo tiempo, ni están todos del mismo lado. Al igual que en The Dark Knight, los personajes se ven más como humanos.

El balance entre personajes es también destacable, aunque el rol del Capitán América fue muy cliché. Thor me parece que se vio un poco dejado al lado, Hulk es el que menos tiempo tiene, el filme se hubiera adornado mucho más con Black Widow algunos minutos extra, pero pese a la disparidad, creo que la mayoría de las escenas están justificadas.
Considero Avengers una muy buena película, con sustancia, entretenida, justificada hasta cierto punto y con mucha acción. Hasta me dieron ganas de ver las de Iron Man por fin.

Linus Torvalds es, en mi humilde perspectiva, una de las personas que más ha impactado a la raza humana en los últimos años. El creador de Linux ha puesto a su sistema operativo en una gran parte de servidores, aparatos de baja tecnología y más recientemente, en dispositivos móviles y en las computadoras personales de millones que hemos visto la luz. Y todo esto de una forma gratuita, libre y abierta. Steve Jobs, me parece, se queda corto. Sólo que no lo sabemos, o no nos damos cuenta.

Pero además de Linux, Torvalds tiene otro producto tan brillantemente diseñado, eficiente y mágico: git. Si no lo conocen, es un sistema de control de versiones, útil para escribir cualquier tipo de software pues tiene revisiones —y por lo tanto, respaldos— además de un enfoque al trabajo colaborativo. Tuvo que crear git cuando el anterior sistema que utilizaban dejó de ser gratuito para llenar ese hueco.
Lo interesante de la historia es de dónde proviene el nombre:

Linus Torvalds ha bromeado acerca del nombre “git”, que en el inglés británico se utiliza para referirse a una persona estúpida o indeseable. Torvalds comenta “soy un bastardo egocéntrico, y nombro todos mis proyectos referenciándome a mí, primero ‘Linux’, ahora ‘git’.

He notado que hay una correlación muy importante entre el humor y la genialidad de una persona. Aparenta ser un muy buen ser humano a pesar de que utiliza una Macbook Air, del que reconozco tiene un hardware impresionante, muy adelante de su tiempo, yo sólo espero que empiecen a salir Laptops normales con estas especificaciones —alguien conoce algún modelo?—.

Esperemos tenerlo mucho tiempo más entre nosotros, nos falta mucho por aprender y que cuando ya sea su tiempo, sea recordado por siempre.

P.S. git está estrenando nuevo sitio Adoro el diseño, es claro, eficiente, serio, centrado. Compárenlo con la versión anterior, el logo da asco.

Años, muchos años después —creo que casi los mismos que Fez—, un tech demo que llamó la atención de muchos se ha convertido finalmente en un juego completo, aunque el nombre no lo diga tanto así. Y es que The Unfinished Swan tiene una premisa tan sencilla como fresca en el mundo de los FPS tan repetitivos: tienes que pintar para ver. Mejor chequen el trailer.

Desgraciadamente sólo está disponible para PS3 y tiene pocas esperanzas de salir para PC, pero desde aquella vez con el demo hasta lo que termina siendo hoy, ha avanzado mucho. La idea era genial, pero carecía de profundidad, historia y motivación, con estos 80 segundos me ha convencido de que ya no es el caso.

(Gracias a @singevolant por el tip)

El jueves pasado inició la venta al público para el América - Cruz Azul, el clásico jóven. Siendo un partido al que tenía que ir y dado a que amenaza con estar lleno, mi mejor opción para conseguir boletos era el odiadio Ticketmaster. Una vez mentalizado en que me cobrarían más caro los boletos con cargos fantasma, abrí el sitio a la hora y me encontré con una sorpresa. Esta es una historia del triste estado de los sitios web en México.

Después de encontrar el partido, me encontré una pantalla en la que se selecciona el tipo de boleto que se quiere adquirir. Elegí los que quería y presioné el botón rojo.. y nada. Sería un problema de Firefox? Así que probé con Chrome, sólo para obtener el mismo resultado. Intentando indagar un poco más y con el tiempo corriendo —los boletos no durarán por siempre—, abrí Firebug, mismo que develó el problema: un error de Javascript, este tipo de errores son comunes en sitios mal diseñados.

Qué hacer? Le escribo a Ticketmaster para avisarles de su error? Cuántas horas —o días, semanas, meses— tardarán? Cómo conseguiré mis boletos después? Y si lo arreglo ahí mismo? Tomando la decisión de hacerlo yo mismo, pensé que si era un error sencillo no tendría que gastar mucho tiempo, pero si todo el script estaba mal hecho, probablemente no lo podría arreglar. Además, si el script está minificado o comprimido, se complicaría enormemente. Entonces empecé a rastrear el error. Para mi fortuna, el script no usaba ningún tipo de compresión, lo que me llevó inmediatamente a la parte conflicitiva:

Sin tener idea de qué pasaba, pongo un break point para que Firebug me avise cuando se esté ejecutando tal función, misma que se llama tres veces por alguna extraña razón, siendo la última la que detiene todo el proceso debido a que la variable no está definida:

El error sucede porque se le aplica una función a esta variable no definida, lo que no es válido y termina la ejecución por esta falla. En teoría, si pudiera definir esta variable (incluso con una cadena vacía), la función podría ejecutarse y seguir su curso normal, y si no hay más errores, llevarme a continuar la compra de mis boletos.
Así que accesé al objeto, encontré la variable y la definí:

Continué la ejecución y me llevó al siguiente paso que me dejó seguir el proceso normalmente hasta llevarme a imprimir los boletos.

Es una pena que esto suceda en la parte más importante de un negocio, la que debe estar probada hasta el más mínimo detalle. Imagínense cuánto podría perder Amazon con un error de estos. Y no espero perfección, es imposible, pero deberían existir métodos diseñados para capturar este tipo de fallas, reportarlas y arreglarlas rápidamente.
Después me di cuenta que si no seleccionaba mas que la cantidad de boletos a adquirir, el error no aparecía. Creo que la interfaz es demasiado complicada, añadiendo opciones para cada tipo de cliente, misma que podría ser mostrada en los pasos siguientes.

Si alguien siente que en México los sitios web están mal hechos, les invito ayudarnos a levantar la vara. Favor de contactarme.

En fin, el América hoy ganará, eliminará al Cruz Azul, calificará en segundo lugar y hará historia al ganar todos los clásicos en un mismo torneo. Y no digamos del campeonato.