Pixel Fitting: El Anti-Alias No Es Suficiente
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.
Enlaza este post por el permalink o el microlink.
Recursive Drawing
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)
Enlaza este post por el permalink o el microlink.
Tracking De Un Juego De Futbol
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.
Enlaza este post por el permalink o el microlink.
The Avengers
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.
Enlaza este post por el permalink o el microlink.
El Genio De Linus
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.
Enlaza este post por el permalink o el microlink.
Trailer De The Unifinished Swan
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)
Enlaza este post por el permalink o el microlink.
Arregla Ticketmaster, Compra Tus Boletos
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.
Enlaza este post por el permalink o el microlink.
A Super Mario Summary
Parodias del clásico Super Mario Bros hay muchas y de muy variados estilos, desde crossover hasta como un FPS, pero lo que A Super Mario Summary tiene es un gran carisma detrás de una muy buena idea y una gran ejecución.
Flechas direccionales para movernos y barra espaciadora para saltar. La idea detrás de A Super Mario Summary es sencilla: Mario Bros, pero resumido. Y eso es exactamente lo que entrega, pues detrás de cada una de las pantallas tendremos el clásico nivel en una forma brillantemente resumida, sacando la escencia básica de cada uno de los escenarios.
(Perpetrado de waxy)
Enlaza este post por el permalink o el microlink.
SubWars
Existen multitud de videos, animaciones, cortos y largometrajes dedicados a Star Wars, oficiales y hechos por fans. Pero dudo mucho que podamos encontrar una pieza tan aparentemente ajena a todo este universo, tan sorprendente y tan bien realizada como lo presentado en SubWars.
Este corto es de procedencia china y su autor, SeanSoong parece haber salido de la nada, pues hasta Febrero, su cuenta en Deviantart no tenía ningún contenido. Y tal ha sido la dedicación, que le ha dedicado un poster al más puro estilo de los de Star Wars.
Debemos de estar muy atentos a los siguientes trabajos de este artista.
(Gracias a @idmota por el tip)
Enlaza este post por el permalink o el microlink.
5th Ave Frogger
Reviviendo a aquel clásico videojuego en el que controlábamos a una rana que tenía que cruzar la calle cuidándose de los carros tiene una nueva vida gracias a la tecnología. Resulta que unos artistas digitales han desarrollado una creativa instalación que lleva a Frogger un poco más cerca a la vida real.
Ya que está tan de moda esto de la realidad aumentada, es excepcional la ejecución de una idea aparentemente sencilla, pero que en el fondo requiere una amplia tecnología para detectar objetos, procesarlos y transferirlos al arcade para que el huésped disfrute su actividad lúdica con 5th Ave Frogger.
El objetivo de esta instalación es llevarla al museo del Instituto Smithsonian para exhibirse en su galería de The Art Of Videogames. Si gustan apoyar el proyecto pueden hacerlo a través de la fan page del museo.
(Perpetrado de waxy)
Enlaza este post por el permalink o el microlink.
Indie Royale: The Spring Bundle
Después del bundle anterior de Indie Royale que resultó muy poco atractivo, The Spring Bundle tiene algunos juegos muy interesantes y como es ya tradición, por un precio inferior a $5 dólares.
Son seis juegos en esta ocasión: Unstoppable Gorg, un tower defense; Depths of Peril, un RPG de acción; Tobe’s Vertical Adventure, un juego de plataformas; Inferno+, una mezcla entre shooter y RPG de acción; Slydris, un puzzle y Ballistic, un shooter muy del estilo de Geometry Wars.
De Unstoppable Gorg sí había escuchado, pues destaca su imagen retro de las viejas películas de aliens y robots. Ballistic también se ve muy bien, aunque posiblemente la saturación después de Geometry Wars ha mermado un poco los esfuerzos posteriores. Depths of Peril, en apariencia, al menos, se ve como un clon de Diablo.. y uno de muy mala calidad, creo que difícilmente lo jugaría. Los demás se ven bien, la mayoría están disponible para Windows y Mac y la mitad están disponibles para Steam. Me parece un trato justo al precio actual, pero nada más.
Los siguientes bundles serán: The May Hurray Bundle en dos semanas, The All Charity Lightning Pack en una fecha no definida y The Junebug Bundle en mes y medio. Esperemos traigan juegos de calidad.
Enlaza este post por el permalink o el microlink.
Los Sitios De Los Candidatos: Gabriel Quadri de la Torre
Cuarta y final entrega de esta serie de análisis de los sitios de los candidatos de donde saldrá el Presidente para el periodo 2012 - 2018. En los últimos días analicé los sitios de Josefina Vázquez Mota, Enrique Peña Nieto y Andrés Manuel López Obrador. En esta ocasión toca darle un vistazo al sitio del caballo negro, Gabriel Quadri, candidato por Nueva Alianza.
Gabriel Quadri de la Torre — nuevaalianza.mx
Limpio, congruente con la imagen institucional pero sin enfoque al candidato; la idea es conservar el registro
Con diseño limpio, aunque un poco simplista y vacío nos recibe el sitio de Gabriel Quadri, candidato de Nueva Alianza para la presidencia de la república. Consistente con los colores del partido, los contenidos están centrados en los spots, de los cuales he de decir, no son nada espectaculares. Un contador nos avisa de cuando tendremos nuevos contenidos publicitarios. El slider anunciando las diferentes secciones muestra la misma foto de Quadri, pero lo que es realmente preocupante es el detalle de una silueta de una persona al fondo que actúa como una transparencia a una imagen representativa del contenido que anuncia. Dicha silueta no tiene razón de ser y la cara a penas se nota.. creo que entiendo el concepto pero no es la mejor forma de presentarlo.
Para el archivo: la versión grande
En cuanto a la navegación principal, considero que tampoco se ha priorizado correctamente. Esta consta de ocho elementos: Inicio, Nueva Alianza, Plataforma, Noticias, Eventos, Galería Multimedia, Descargas y Contacto.
Antes de comenzar se ha de destacar que Gabriel Quadri no tiene dominio propio —gabrielquadri.com redirecciona a este sitio—, no sé en qué habrán basado esta decisión pero se nota que hubo una pésima planeación ahí. El segundo elemento del menú, Nueva Alianza, lo hace más evidente, pues redirecciona al home. En algún punto creyeron que sería importante el partido —y lo es, Nueva Alianza busca mantener el registro—, pero terminaron juntando los dos sitios en uno sin cambiar el menú. Un arreglo rápido consistiría en crear una sección para el partido, pero dudo que les interese mucho.
Luego, la Plataforma detalla el plan de trabajo, en un formato correcto, una lista, pero en un contenido terrible, inmensamente largo y sin ayudas visuales.
Noticias, por su parte, no tiene nada espectacular; el formato es muy gráfico, pero me parece que faltan contenidos. No es digno de un candidato presidencial.
Eventos utiliza el mismo formato que Noticias. Creo que esta es una sección que no necesita pensarse mucho cómo hacerse: la agenda se debe ordenar en una lista y en un calendario, debe tener tres datos importantes: qué, cuándo (hora y fecha) y dónde. Además debe estar agrupado por día.
Galería Multimedia son los spots, que de alguna forma es el contenido central del sitio.
Descargas consta de cuatro elementos: el jingle, la plataforma presidencial en PDF, wallpapers y otro PDF que anuncia las respuestas para transformar a México, que si es tan importante debería estar en HTML también.
Finalmente Contacto es simplemente una clásica forma para enviar emails.
La calidad del código es mala; se ve que utilizaron Dreamweaver, pues todas sus malas prácticas son reflejadas ahí. Por supuesto que no se considera una versión para dispositivos móviles. Afortunadamente no se abusa de los widgets sociales —vaya, quién va a compartir estas ideologías?—, pero el contenido es escaso, incompleto y mal planeado. No hay una sección que nos presente a Gabriel Quadri, su trayectoria, sus logros. De hecho el sitio está bien diseñado en este aspecto: el central no es Quadri, es el partido buscando su registro.
Y con esto se cierra el ciclo de posts de política por algunas semanas. Algo que me han comentado mucho es acerca del análisis de amlo.si, un sitio muy bien hecho pero que desafortunadamente no es el oficial del perredista. Tal vez pronto haga un update al post de López Obrador y mencione en un párrafo lo que opino de este sitio, pues está al nivel del que está levantando la vara: el de Peña Nieto.
Enlaza este post por el permalink o el microlink.
The Humble Botanicula Debut
Hora de cortar un poco el ambiente político en el blog, ya que hay un nuevo Humble Indie Bundle, mismo que presenta un debut de un juego indie que levantó expectativa el año pasado —si mi mente no me miente—, este esperado título es Botanicula, que viene acompañado de algunas otras sorpresas.
No he investigado mucho de Botanicula, pero parece ser un puzzle de plataformas, como lo fue el tan alabado Limbo. Su aspecto gráfico es muy original y da la apariencia de ser muy entretenido. Junto con este, vuelven Machinarium y Samorost 2, juegos que ya habían aparecido con anterioridad, sin embargo para el clásico trato de paga lo que quieras, tiene mucho valor.
Pero como es ya costumbre, si pagamos más del promedio, obtendremos un par de extras. Para comenzar, Kooky, un corto de origen checo acerca de un oso de peluche y Windosill, un juego que recuerdo haber visto hace un par de años —y creía haberle dedicado un post— y cuyo aspecto me maravilló, pero no me convenció por completo a realizar una compra.
Creo que si no tuviese unos extra tan buenos, Humble Botanicula Debut sería uno de los bundles más flojos, pero tan sólo por Botanicula y Windosill —considerando que muchos ya tenemos Machinarium, aunque también es un excelente juego—, vale la pena al precio de casi $9 dólares.
Y para ser consistentes con el tema del cuidado del medio ambiente que evoca Botanicula, las donaciones esta vez serán para World Land Trust. Yo me apuraría a comprarlo antes de que supere los $10 dólares.
Enlaza este post por el permalink o el microlink.
Los Sitios De Los Candidatos: Andrés Manuel López Obrador
Tercera parte de mi análisis de los sitios web de los candidatos a la presidencia, primero fue para Josefina Vázquez Mota, después el de Enrique Peña Nieto y ahora le toca al candidato del PRD, Andrés Manuel López Obrador. (Y no se pierdan de mi opinión acerca del sitio de Gabriel Quadri)
Andrés Manuel López Obrador — andresmanuel.org
Con el profesionalismo de un WordPress en un hosting compartido, el sitio de web de AMLO resulta casi doloroso de navegar.
Lo primero que se nota es el alto compromiso del equipo del perredista para con las redes sociales. En portada, cada una de las nueve noticias en el slider, además de la decena debajo de este carga un widget de Facebook y uno de twitter, trabando el navegador casi veinte segundos, un pésimo enfoque a la experiencia, si me preguntan.
En el aspecto gráfico, definitivamente hay consistencia, pero el sitio se siente demasiado simplista; la parte más creativa del sitio es el logo, mismo que tiene un curioso parecido a una conocida O, junto a este la imagen del candidato —de no muy alta calidad— y el slogan de campaña, pero con mucho white space que lo hace verse vacío. En cuanto a contenidos, el menú consta de seis elementos principales: Agenda, Sala de Prensa, Entrevistas, Multimedia, Gabinete y Biografía. Veamos uno por uno.
Para el archivo: la versión grande
Agenda detalla las actividades del candidato por semana, tiene suficiente información, pero la forma de presentarlo es mediocre, por lo menos. Cada una de estas bitácoras es un post que, en el formato más simplista posible, detalla el día, las horas y las actividades.
Sala de Prensa consta de cuatro subsecciones: Boletines, Transcripciones, Entrevistas y Fotogalería, además del propio elemento de Sala de Prensa que son los contenidos que se ven en portada. Boletines, por su parte… confunde más, pues son contenidos muy similares al del punto anterior. Transcripciones, en efecto, son los discursos en texto. Y es en Entrevistas donde empezamos mal, pues además de ser un subelemento, también es un elemento principal. Aquí también se entrega lo que se promete, pero sólo consta de un elemento, difícilmente podría ser un elemento primario de navegación, mucho menos que esté repetido en el menú. El siguiente sub-elemento es Fotogalería, que en esta ocasión varía un poco de cómo se presentan los demás contenidos gracias a uno de los millones de plugins de WP que hay, y aún así no es nada espectacular.
Multimedia presenta a sus dos elementos hijos, Fotogalería —sí, otra vez— y Videos en uno solo.
Gabinete enlista a las personalidades que conformarían el gobierno de López Obrador de ganar la elección, sus contenidos, una vez más, presentados en forma de posts y sin el más mínimo cuidado de editorializar el contenido de la biografía de cada uno de estos personajes; breve, carente de emotividad, vacío, seco.
Biografía resulta todo lo contrario al contenido de los del gabinete: es enorme, no es un wall of text gracias a que tiene párrafos, pero carece de imagenes, de formato y sobre todo, de sentido común; nadie va a leer eso.
Este es otro caso de no saber jerarquizar la información; al ciudadano le interesa saber quién es López Obrador, qué ha hecho, qué piensa, cuáles son sus propuestas. Casi todo el contenido del sitio de AMLO es paja, de la cual hay que pasar mucha para encontrar sus ideales y propuestas.
Todo el sitio es uniforme; no hay forma de saber si estamos en una sección u otra, con contenidos tan repetitivos y sin enfoque de formato, sólo la sección de multimedia es diferenciable.
No tiene nada de malo que se utilice WordPress, el problema es cuando se instala en un servicio de hosting que no va a estar a la altura de las necesidades —constantemente aparecen errores de no haber podido establecer conexión con la base de datos— y no se entiende el contexto de los contenidos. El sitio es uniforme, pero en un extremo peligroso en el que todo parece ser igual. Muy sorprendentemente el layout es responsivo… pero el exceso de widgets mata por completo este esfuerzo de poder ser visualizado en dispositivos móviles: truenan los navegadores.
En resumidas cuentas, el sitio de AMLO es terrible por donde lo querramos ver. Tanta uniformidad es aburrida, la plataforma se utilizó para salir de un apuro —y no quiero pensar cuánto costó..—, no hay un enfoque a la experiencia y por si fuera poco, el tema es una versión no tan personalizada de Esplanade. Un desastre de sitio web, en pocas palabras. Y para no perder la costumbre, también encontré el administrador.
Enlaza este post por el permalink o el microlink.
Los Sitios De Los Candidatos: Enrique Peña Nieto
Esta es la segund parte de mi análisis de los sitios de los presidenciables. Ayer analicé el sitio de Josefina Vázquez Mota, hoy, por elección del azar, es el turno de Enrique Peña Nieto.
(El análisis de los sitios de Andrés Manuel López Obrador y Gabriel Quadri también están disponibles)
Enrique Peña Nieto — enriquepeñanieto.com
Sobrio, consistente, organizado, intuitivo, sacrifica espectacularidad por utilidad, un sitio digno del 2012
Uno de los detalles que más rápido llaman la atención del sitio de Peña Nieto son la falta de los clásicos colores institucionales del Revolucionario Institucional, relengando un poco al verde. Una decisión muy sana, ya que esta paleta es imposible de mezclar y tener un resultado decente. El encabezado y el pie tienen fondos grises oscuros, una mezcla un poco riesgosa, pero bien lograda si me preguntan.
El esqueleto del sitio es consistente: siempre tendremos el mismo encabezado y el mismo pie de página, independientemente de donde estemos. El menú consta de 8 elementos, cuyo posicionamiento y diseño aparenta esconderlos en lugar de mostrarlos, pero lo que realmente importa es el contenido; muy consistente con lo que un sitio de un candidato presidencial tendría que ser.
La sección Conóceme tiene tres subelementos: el candidato, su equipo y su partido. Con anterioridad, recuerdo haber visto a su esposa apareciendo aquí, es bueno ver que ya no lo hace. La parte importante es quién es él, la semblanza es breve, concreta, incompleta quizá, pero pudo haber sido mucho peor. La subsección dedicada a su equipo también está muy completa.
Día a día es el blog, de las cuales las entradas aparecen en la parte principal.
Mis Compromisos se dividen en Nacionales y Estatales, los primeros son una clara muestra de cómo priorizar el contenido: seis propuestas son mostradas, cada una con su imagen y al entrar a leer más sobre ellas, a la derecha se muestran grande, los puntos centrales de cada una de estas. Podemos estar de acuerdo o no con el contenido, pero la forma en la que se muestra es la única manera en la que debería ser. Los compromisos estatales sólo constan de una frase en algunos estados, contrastando con lo bien hecho de la parte nacional.
Eventos es también una clara muestra de cómo hacer las cosas, aunque le falta información.
Desgraciadamente las subsecciones de Sala de Prensa arruinan el excelente trabajo que se hizo en cuanto a la navegación; dos de sus elementos son Fotos y Videos, mismos que son repetidos como elemento principal de navegación. Sin embargo, la función de sala de prensa se diferencia correctamente: discursos y comunicados oficiales, nada que ver con el blog.
Finalmente Descargas es bien aprovechado para mater todo el material de propaganda y publicidad.
Además de los contenidos, la forma es importante y bien ejecutada. Para comenzar, el encabezado tiene una forma para suscribirnos al boletín. Esto es visto normalmente en los sitios de candidatos estadounidenses, buscando capturar la información de los visitantes y capitalizarla —aquí, desgraciadamente, estoy un 99% seguro que será para spam—. Me encantó la utilización de Google Maps para mostrar los puntos que el candidato ha visitado, además de mostrar en donde se encuentra actualmente. También se le da prioridad a los eventos en la barra lateral.
Y para cerrar con broche de oro, el sitio utiliza media queries para adaptarse a 3 diferentes tipos de resoluciones: móvil, tablet y PC. Tiene también un URL Shortener (epn.mx) que cubre una doble función: una dirección corta para no tener que escribir de más —usabilidad en dispositivos móviles— y branding para twitter.
Desgraciadamente también tiene fallos, y algunos muy graves. Al igual que muchos otros sitios, este peca de abusar de widgets de social media; además de los clásicos utilizados para el fan page, cada artículo y prácticamente cada sección tiene botones de Facebook, Twitter y G+, que en total ascienden a más de 20, mismos que merman el desempeño del navegador y sobresaturan la memoria del dispositivo móvil, tirando a la basura el gran esfuerzo por lograr un diseño responsivo.
En resumen, el sitio de Peña Nieto levanta la vara de lo que es un sitio de un candidato en México y probablemente en latinoamérica. Sin embargo, sigue teniendo fallas y por ende, áreas de mejora. Por cierto, también hallé el panel de control.
Enlaza este post por el permalink o el microlink.
Los Sitios De Los Candidatos: Josefina Vázquez Mota
Hoy comienzo esta serie de posts que analizan los sitios web de los candidatos a la presidencia desde un punto de vista de diseño, usabilidad, mejores prácticas y forma y fondo del contenido. Este ejercicio lo hice hace más de 6 años, aunque en circunstancias diferentes.
El primer análisis será para la candidata del Partido Acción Nacional, Josefina Vázquez Mota.
(Los análisis de los sitios de Enrique Peña Nieto, el de Andrés Manuel López Obrador y el de Gabriel Quadri también están disponibles)
Josefina Vázquez Mota — josefina.mx
Josefina tiene el sitio más espectacular y vistoso.. pero también el más pesado, vacío y superficial.
Al abrir el sitio un lightbox nos dará una atenta invitación a participar en las redes sociales, tras cerrarlo, lo primero que vemos es un slider con diferentes fotos de la candidata y el branding queda relegado a la parte inferior de la pantalla. El menú superior sólo tiene cuatro elementos: Propuesta, Noticias, Mi Blog y Contacto. Los problemas de navegación comienzan aquí, dado a que estos elementos no parecen ser prioritarios (con excepción de Propuesta), pero Noticias y Mi Blog utilizan el mismo esquema para presentar el contenido, confundiendo al usuario. En Contacto, la forma consta de 10 campos, un horror a la usabilidad y a la tasa de conversión.
Propuesta, por su parte, carece de propuestas; mientras escribo esto, consta de cuatro contenidos que parecen haber sido escritos por un niño de primaria, diciendo lo evidente y sin puntos en concreto de qué hacer.
Para el archivo: la versión grande
Como elementos secundarios de navegación están los enlaces a sus redes sociales, a una mini dinámica de puntos en Facebook, a eventos, descargas (que no funciona) y sala de prensa. Eventos, una vez más, carece de contenido pues sólo hay uno en la agenda, mismo que a la vez carece de más información que ciudad, fecha y hora. No tener la sección de descargas funcionando es perder una gran oportunidad para regalar wallpapers, tonos y todo ese material de mercadotecnia que aunque no tiene gran impacto, ayuda a esparcir la voz de quienes quieren hacerlo. Es una pésima práctica tener un elemento de menú que no va a funcionar.
La Sala de Prensa confunde la función con Noticas y Mi Blog. En una segunda inspección, parece que todos los contenidos de estas tres secciones —y algunas más— están enlazadas a la misma tabla de la base de datos.
Finalmente hay un par de secciones perdidas que son fotos y video, de las cuales la primera me parece no utiliza todo el potencial y una buena oportunidad para dar un poco de consistencia al sitio, haciendo una galería más espectacular. Realmente no creo que alguien quiera descargar fotos de la candidata en alta resolución, pero si está la sección, posiblemente ese podría haber sido el rumbo.
Los contenidos audiovisuales, por otro lado, tienen autoplay.
No existe una versión móvil, el sitio no está muy enfocado a SEO, el código HTML es un desastre pero lo que realmente es alarmante es la falta de sentido común en un sitio de política; queremos saber quién es la persona, su curriculum, sus logros, sus propuestas en concreto, soluciones, acciones, cómo podemos involucrarnos. Vaya, ni sus spots de tv son fáciles de hallar —y no es que sea el contenido más valioso—, pero debe ampliarse el eco de estos mensajes.
De quién es Josefina hay un banner rotando, pero este debe ser un elemento del menú, no se puede discutir. La sección de propuestas debe ser la más cuidada del sitio, debe incluir planes de acción, resultados esperados y alguna forma de sustentarlos.
Por cierto, el overlay que nos recibe al principio aparecerá cada vez que vayamos al home. Y si alguien quiere indagar un poco más en el funcionamiento interno del sitio, he hallado el panel de control.
En resumidas cuentas, el sitio de Josefina Vázquez Mota refleja la vanidad de la mujer, con la carencia de propuestas e ideología de su partido, uno que ha desperdiciado total y absolutamente la alternancia. Los contenidos son presentados a cuentagotas y sin un rumbo claro de qué es importante y qué es repetitivo.
Enlaza este post por el permalink o el microlink.
Super Campaña
Tras el pésimo esfuerzo del PAN por hacer un juego y posteriormente la no tan peor creación del PRD, mi amigo Singevolant, siendo consistente con sus críticas —es fácil hablar; es difícil hacer— ha lanzado Super Campaña, utilizando al medio como una crítica de autoreflexión de lo que son las campañas políticas en México.
Casi todo es controlado con el mouse, ocasionalmente se requerirá el teclado. Lo primero que tendremos que hacer es elegir a nuestro candidato con oportunidades realistas de triunfo —por lo tanto, Gabriel Quadri no es elegible— y comenzar a armar la campaña con todas las herramientas que encontramos en el mundo real: propuestas, recursos, imagen y desprestigio. Cada una de estas herramientas estratégicas tienen diferentes tácticas: generar propuestas, alianzas estratégicas con medios para recabar recursos, robarle al erario, llenar la ciudad de espectaculares y pancartas e investigar a otros candidatos para sacar mensajes de desprestigio.
Este es el primer juego de Singevolant y francamente, es impresionante. Gráficamente se podría ver poco espectacular, pero hace el trabajo. La música es muy consistente, digna del concepto: rellena bien el hueco y no estorba ni cansa. La mecánica es la parte más importante; retadora, interesante, consistente. Un poco repetitivo a veces y confuso en más de una ocasión, pero se auto explica bien al cabo de un poco de tiempo.
En resumen, Super Campaña es una dura crítica al sistema político en México en forma de juego, un perfecto medio para expresar este tipo de sentimientos. En calidad, es un juego que se lleva por completo a los hechos por los partidos —que tampoco es un gran reto—. Y si le agregamos que fue hecho totalmente por una sola persona en unos pocos días —y sin presupuesto—, tiene mucho más mérito. Por cierto, hay rumores de que se puede desbloquear a Gabriel Quadri.
Enlaza este post por el permalink o el microlink.
Trailer De Looper
Cuando hablamos de películas acerca de viajes en el tiempo, la mayoría recordamos Volver al Futuro. En un segundo lugar, para muchos es 12 Monkeys, cuya trama considera los viajes en el tiempo como una ciencia inexacta, catastrófica y hasta dañina para la salud. A partir de esa película Bruce Willis se ganó mi respeto como uno de los mejores actores de películas de acción.
Si coinciden al menos un poco con lo que dije en el primer párrafo, muy probablemente Looper les encantará.
Tres palabras para esto: no puedo esperar. Ya quiero que sea Septiembre, en serio. El trailer me ha vendido la película, no hay más preguntas. Bueno, sí, una: porqué no saldrá en verano?
Hacía mucho que no veía un trailer tan bien hecho. Su diseño es fantástico: a los 15 segundos te dice de qué trata la película; 50 segundos y nos presenta la trama básica; antes del minuto se vuelve extraordinariamente interesante y el resto sólo es relleno, para finalizar tranquilamente una ya misión completa. Creo que el último trailer con similar calidad fue el de Scott Pilgrim.
(Gracias a @singevolant por el tip)
Enlaza este post por el permalink o el microlink.
Caine’s Arcade
Los años traen experiencias, lecciones y sabiduría, pero también matan la inocencia, la creatividad y la diversión. Debemos impulsar mucho más a los niños a nunca dejar de ser lo que son y ayudarles a seguir sus sueños.
Caine es un niño de 9 años de L.A., podría ser como cualquier otro niño, pero él tiene un negocio de las llamadas maquinitas. Pero no es uno normal, pues sus juegos en lugar de costar miles de dólares y ser electrónicas, están hechas con cartón y funcionan gracias a una joven y brillante mente, además de mucha pasión. Desgraciadamente no tiene muchos clientes, pero hay gente muy buena en el mundo que quiere ayudarlo. Disfruten del siguiente corto acerca del arcade de Caine, cada minuto es oro.
Me emocionan demasiado este tipo de historias, aquí tienen a un niño al que no le importan los recursos ni herramientas que tienen a la mano; él cumplirá su sueño con lo que tiene. Es un shipper, alguien que termina lo que empieza. Un brillante ingeniero y empresario de nacimiento, que sabe tanto cómo armar una máquina de entretenimiento al igual que tratar a su clientela.
Caine’s Arcade no es sólo una historia de un niño; es un relato entero de pasión, inventiva, emprendimiento, talento, Internet y gente muy buena, encapsulada en un pequeño de nueve años. Imagínense lo que podría llegar a ser estudiando una ingeniería. Lo mismo lo han pensado otros y han abierto una cuenta para aceptar donaciones y financiar su educación. En sólo un par de días ya se cumplió la meta.
Bravo por estas historias, me sacaron unas lágrimas de emoción. Si les gustó, les recomiendo el mejor juego de beisbol de la historia.
(Perpetrado de pinboard)
Enlaza este post por el permalink o el microlink.
Trailer De Hey Arnold! The Movie
Una de las caricaturas clásicas de finales de los noventa y principios de los 2000 fue Hey Arnold!, que tal vez no brillaba tanto por su contenido sino por la forma: su principal personaje, Arnold, tenía la cabeza tan deforme como una pelota de futbol americano.
Se supone que va a salir una película, de la cual podría ser una más basada en caricaturas, sólo que no lo es. Es mucho más, véanlo.
Por supuesto que no es real sino una parodia de los chavos de Smosh que en esta ocasión le dieron un giro muy interesante a lo que normalmente era una trama plana.
La chava que la hace de Helga además es muy guapa. Las caracterizaciones son muy buenas y la historia tiene mucho potencial. Yo sí pagaría por ver una película así. Lástima. Por cierto, será que esto fue su broma de April Fools’ no terminada a tiempo?
Enlaza este post por el permalink o el microlink.