miércoles, 7 de noviembre de 2012

WEB: Obama en digital



The Washington Post
A Second Term
Maryland voters approve same-sex marriage
Obama´s second term



2012 Presidential Election Results



The New York Times.
Obama´s Night
Electoral Advantage Holds; Popular Vote is Tight
Voters Approve Same-Sex Marriage in Two States (Maine and Maryland)
One State Legalizez Marijuana (Washington); another on Verge (Colorado)
President Obama's Success



President Results.



LA Times
Obama Prevails.
Can Both Sides Learn to Compromise?
Maybe stalemate´s latest victory means voters will finally win.
The tough road ahead.



LATimes Results.



Wall Street Journal
U.S. Voters Give Obama Second Term
Battlegrounds Bring Victory

Hope Over Experience

Interactive.

viernes, 19 de octubre de 2012

GRAPHICS: The Surgery Book





Esta semana también estuve ordenando algunos libros en casa. The Surgery Book me cayó sobre un pie y no tuve más remedio que volver a ojearlo, algunos años después de comprarlo. Una obra excelente de The Diagram Group publicada originalmente en 1993.

350 ilustraciones, de temática médica (corazones, oídos, pulmones) y sobre todo quirúrgica (cómo se opera en la cabeza, por ejemplo), en blanco y negro. Sin sangre, sin color, limpias. Y en esquema, al grano, sin adornos. Paso a paso.

The Surgery Book: An Illustrated Guide to 73 of the Most Common Operations

The Diagram Group. Paperback: 448 pages. Publisher: St. Martin's Griffin; 1 edition (January 15, 1997)

Author: Dr. Robert Youngson

Coordinator: Jane Robertson

Editor: Margaret Doyle

Copy Editor: Mike Darton

Designer: Richard Hummerstone

Production: Chapman Bounford & Associates, T. J. Graphics

Artists: James Dallas, Brian Hewson, Kyri Kyriacou, Lee Lawrence, Ali Marshall.

ISBN-10: 0312152183. ISBN-13: 978-0312152185

GRAPHICS: Wolfram MathWorld





Ayer me encontré esta página de matemáticas. Se llama Wolffram MathWorld y su 'lema es la fuente de matemáticas más extensa de la web'.

Recordé los tiempos del instituto y la lucha constante contra los elementos del álgebra. Pobres libros. Ahora los buscó y cuestan una pasta. El caso que llegué al capítulo de gráficos y descubrí un tesoro. Para resumir, gráficos matemáticos que, como podréis ver, son unos diagramas estupendos para organizar contenidos informativos. Ya lo sé, no estamos descubriendo la pólvora. Ayer disfruté muchas horas repasando las formas y geometrías propuestas por Eric w. Weisstein. Gracias.

HTML5: El futuro tiene muchos nombres





Texto publicado en VisualThinking.es.

Hace relativamente poco tiempo que las páginas en la red no tenían imágenes. El vídeo, la infografía o los gráficos interactivos eran un sueño para muchos diseñadores y editores. Las páginas eran puramente textuales y, así, las posibilidades de diagramación eran mínimas. Con la llegada de los ‘movie clips’, el PDF y el reproductor de animaciones ‘Flash’ los contenidos empezaron a moverse. Rápidamente iban surgiendo tecnologías que se convertían en estándares para la comunidad digital. Pocos se preguntaban si aquello era realmente un modelo universal. Funcionaba después de darle muchos cabezazos al teclado del ordenador; cumplía el objetivo.

¿Funcionaba en todos los navegadores y sistemas operativos? No. Ante un problema de funcionalidad se buscaba la solución que abarcase la mayor parte del mercado. Es decir, se dejaba fuera una parte importante. Por tanto, funcionábamos sin un estándar. No existía. Lo que teníamos eran varios estándares propietarios desarrollados por las compañías de navegadores. Compartían vocabulario, pero no escritura y pronunciación.

Objetivo 2014 La llegada del lenguaje HTML5 (‘HyperText Markup Language’, en su versión número 5) es un hito histórico en el desarrollo del diseño web. Pese a que todavía está en desarrollo, la normativa final HTML5 se espera que sea aprobada en 2014, las posibilidades que ya conocemos son plenamente satisfactorias. En 2010, Steve Jobs dio las primeras pistas: ‘Los nuevos modelos creados en la era móvil, como el HTML5, ganarán el mercado’.

A partir de aquí comenzó a hablarse de un enfrentamiento entre los lenguajes Javascript (estandarizado en 1996) y ActionScript (propiedad de Adobe), HTML5 (abierto) y Flash (propiedad de Adobe) y los sistemas operativos MacOs X (Apple) y el Android (código libre basado en Linux).

En 2009, el ‘World Wide Consortium’ (W3C, la autoridad que valida el lenguaje HTML5) y el ‘Web Hypertext Application Technology Working Group’ (WHATWG, la comunidad que desarrolla el lenguaje HTML) decidieron caminar juntos para desarrollar definitivamente un estándar para la web, un lenguaje de etiquetas abierto a la participación de todo el mundo, no dependiente de compañías propietarias del desarrollo y que fuera compatible con todas las tecnologías de la web.

HTML5 no es propiedad de ninguna compañía. Las compañías deciden desarrollar con este lenguaje porque entienden que es el que mejor cumple sus expectativas de negocio. Lógico. En la era móvil y social todo el mundo quiere estar en todos los frentes. Por tanto, las batallas planteadas en los últimos años son molinos de viento que no merecen más comentario. Lo importante es que va a existir un estándar compatible con todos los navegadores y con el que ya se puede trabajar.

Sumando códigos hermanos La combinación del lenguaje HTML5 (etiquetas básicas de la página) con las posibilidades del lenguaje en cascada CSS3 (estilo y presentación de las etiquetas) y el lenguaje de programación orientado a objetos Javascript (desarrollo de operaciones y aplicaciones) y todas sus librerías (gráficos, efectos visuales, formularios, tablas, matemáticas, criptografía o AJAX) es todo un reto para cualquier desarrollador, creativo o diseñador.

A finales de septiembre, Adobe Systems lanzó oficialmente al mercado el programa de gráficos animados Edge Animate 1.0. De momento, es gratuito y se descarga en su página web. Edge es una tecnología para crear contenido con HTML5, Javascript y la librería JQuery. Por tanto, los trabajos realizados con Edge alcanzarán todo el mercado de los móviles sin necesidad de instalar nada en ellos. El diseñador no se tendrá que preocupar de las excepciones de cada dispositivo o navegador, sencillamente porque ya no existirán. Esa es la promesa.

El problema actual es que no todo el mundo tiene instalado en su ordenador las últimas versiones de los navegadores, que son las que están preparadas para visualizar los contenidos en HTML5. A medida que las empresas pongan al día sus máquinas y los usuarios vayan descargándose las versiones más recientes de los navegadores, HTML5 empezará a crecer exponencialmente y conoceremos realmente todas sus posibilidades. Recuerdo ahora esta frase de la escritora francesa Françoise Sagan: ‘Sólo cerrando las puertas detrás de uno se abren ventanas hacia el porvenir’.


----------------------------------

Quick Tour VT.

----------------------------------


miércoles, 19 de septiembre de 2012

Publinfografía


La publicidad recurre a los diagramas para multiplicar el efecto llamada del consumidor. No es nuevo. Nada es nuevo. Estos tres ejemplos no nos dejan indiferentes. Se trata de tocar la fibra sensual para que el receptor recuerde la historia publicitaria durante unas horas, la comente con sus amigos o incluso haga un post como éste.





Bonhams recurre a una de las piezas de la colección "Prints" para anunciar su subasta. Un diagrama de Julian Opie llamado 'This is Shahnoza'. Pudo llamarse 'Cómo se baila en la barra fija' o 'Guía para bailarinas exóticas'. Precio de salida, 25.000 libras. No esta mal. Aquí, un video animado de los diagramas.





Eurostar recurre al primer diagrama sobre sostenes para vender sus trenes. Hasta rima. Debe andar muy mal la comunicación entre las islas británicas y el resto de Europa. ¿Mensaje subliminal?





Desconozco si es fácil o difícil ir por la vida vendiendo retretes. Nunca lo he probado. Así, a primera vista, no parece que sea una actividad con mucho glamour. Esta claro que si es una actividad muy rentable. Divida culos en el mundo por familias y obtendrá el resultado. Si la familia es rica, multiplique por cuatro, cinco o hasta seis. Me gustaría ver la cara del posible comprador cuando el agente comercial de Geberit le ofrezca sentarse y probarlo.


viernes, 14 de septiembre de 2012

HILLSBOROUGH 1989






Buceando en la red me encuentro con esta doble página del Daily Mirror del 17 de abril de 1989. Eran los tiempos del Macintosh II y de los programas de museo MacDraw (1983-1991), MacPaint (1983-1988) y Aldus Freehand (1988-1994). Aquello era la vanguardia tecnológica del diseño.

1989 fue una año muy importante para Europa: el fin del comunismo y de la guerra fría. Una fecha para recordar, más importante incluso que el 11S. En 1989 nació EL MUNDO y su sección de infografía, liderada por Ricardo Martínez y Mario Tascón.






El gráfico es una pieza sobre una noticia de última hora, la tragedia en el estadio ubicado en Sheffield, Reino Unido (15 de abril de 1989). Fallecieron 96 seguidores del Liverpool aplastados por una avalancha humana que accedió al estadio en tromba. Desde entonces la seguridad en los estadios de fútbol cambió para siempre. Por cierto, bonito tema para un gráfico. Ahí dejo la idea.

En 1989 Nigel Holmes todavía no había editado su Designer´s Guide to Creating Charts and Diagrams (1991). Sí existía el libro de Peter Sullivan Newspaper Graphics (1987), Pienso que el gráfico de Hillborough sigue la línea de Sullivan. Personalmente, me quedo con el libro de Peter frente al de Nigel.

El gráfico es un clásico de la época y está firmado por Oli Bradbury y Glyn Walton. No he encontrado referencias sobre ellos en la red, pero imagino que el día 16 de abril de 1989 no tuvieron tiempo ni para ir al servicio.






23 años después, la BBC edita esta gráfico interactivo sobre el suceso y se pueden apreciar los cambios estructurales en el diseño de la noticia. Ahora encontramos un diagrama esquemático (frío) frente al diagrama ilustrado de entonces (caliente).

Se puede seleccionar un pantallazo del gráfico interactivo y publicarlo en papel. No es lo mismo, pero es lo lógico para minimizar los costes. El gráfico no tiene firma. El gráfico de autor es importante. No soy un romántico, pero las buenas costumbres del pasado no deben perderse, sobre todo cuando tu audiencia se multiplica exponencialmente en la red. Aparece el color, la interactividad y el producto multimedia, destinado a todo tipo de soportes, desde el ordenador hasta el último iPad o Kindle Fire. Saludos a Jobs, allí donde esté.

jueves, 19 de julio de 2012

Modelos y Líbor



Me han llamado la atención esta explicación de Michelle Rowan, editora de diseño, hablando de cómo se hacen la portada del Chicago Tribune:

"(...) With everything in place, senior editors review Page 1 and make suggestions. Break time? Nope, breaking news! If there’s a late trial verdict, a perfect game in baseball or a celebrity’s death, we tear everything up and start over – with only an hour left to meet deadline. But we’re all night owls, and we do our best work after 9 o’clock".



No tienen desperdicio la entrevista de Jonathon Berlin (SND) a Joe Ward, Editor Gráfico del NYT:

"Steve Duenes, the graphics director, started about a year ago having meetings to discuss ideas for Olympic preview pieces. Our goals for those graphics were to explore subjects we hadn’t tackled before and/or explore them using techniques we hadn’t used before. (...)"



Surfeando, me encontré en la página del Washington Post con este gráfico sobre el nuevo escándalo bancario mundial relativo al Líbor.



Encontré este otro del New York Times. Puro 'print'. Fantástico 'Breaking News'.

Sigo pensando en las velocidades de los diarios y sus equipos. La notoriedad de la noticia marca la marcha que hay que meter. El problema es saber qué es notorio y con cuántos jugadores se cuenta.