'Diseño multidispositivo' (Alvaro Varona)V Jornadas de Diseño URJC (y 2)

"La web ya es móvil", comenzó su más que interesante conferencia Alvaro Varona (@kremaster) en estas V Jornadas de Diseño de la URJC, taaaan digitales, de las que os estamos informando tanto en esta segunda entrega como en la de la semana anterior.

Alvaro Varona (a la izquierda) al comienzo de la presentación de su ponencia a cargo de Pedro Pérez Cuadrado.

Álvaro Varona tiene una amplia trayectoria en el diseño digital (Prisa, Unidad Editorial, y muchos 'sitios' más, muchos, y de primer nivel), trabaja actualmente como jefe de diseño en QDQ Media, edita un fascinante blog sobre aplicaciones para niños llamado 'GeneraciónApps'  —entrad, entrad y luego nos decís, y si tenéis niños pequeños ya ni os cuento— y además gestiona una cuenta de Tuiter con el alias de @kremaster que es referencia en el diseño digital y de necesario seguimiento para todo aquel que esté interesado en ello. Todo esto más que resumido, porque además imparte clases en algunos máster, alimenta otro blog más —tarea ésta nada sencilla, como lamentablemente habréis podido comprobar que nos está sucediendo en los últimos tiempos— e incluso formó parte del jurado de los premios ÑH8, una experiencia que tuvimos la suerte de compartir con él y que para nosotros resultó inolvidable.

Por eso, por su amplia experiencia en el diseño digital, nos habló de móviles, los del pasado —con mucho sentido del humor— que para los más jóvenes son un pasado que ni vivieron y que para nosotros, cuando éramos niños, eran un futuro de ciencia ficción. De los menús de los teléfonos Nokia que marcaron una generación de clientes 'atrapados' como puede suceder ahora con "los usuarios de Apple, usuarios cautivos de por vida con un sistema operativo muy bueno, muy fácil de aprender y que no necesita ser aprendido de nuevo en cada dispositivo, pero muy cerrado". Hasta llegar enseguida al presente, claro, para concluir que "uno de los factores más interesantes para los diseñadores es el aprendizaje de todos los sistemas". De ahí el título de su conferencia, 'El reto del diseño multidispositivo'.

Álvaro nos mostró una más que elocuente imagen de su mesa de trabajo en la que podemos ver la pantalla de un ordenador, de un pequeño portátil del tipo netbook —o ultrabook—, un iPad, dos teléfonos Android, una tableta Samsung con sistema también Android, otra tableta "de estas chinas que valen dos duros, pero que tiene mucha gente y que por eso necesitamos conocer", porque cualquier diseño eficaz debe serlo en cada uno de los dispositivos digitales. "También hay un iPhone por ahí, que no está en la imagen porque es de un compañero, yo soy de Android, y que le pido para comprobar también si funciona como queremos en ese dispositivo lo que estamos haciendo en cada momento".

"Nuestro trabajo, el diseño digital, es más parecido al diseño industrial que al diseño gráfico", continuó su argumentación. Porque lo más importante "no es que quede bonito, sino el uso" —esto nos suena, ¿verdad?—. "Diseño entendiendo al usuario, cómo accede a nuestro sitio, el entorno desde el que lo hace, cómo lo hace —con los dedos, con el ratón...—, cómo coge el dispositivo." Y toda esta "nueva forma de diseñar" nos la resumió en 10 consejos que, además, están ilustrados en la parte visual de su presentación que compartimos con vosotros (y en la que podéis ver también estos móviles que nos comentaba):

La web ya es móvil. El diseño multidispositivo from Álvaro Varona

1. Diseñar primero para el teléfono móvil y luego para el resto. Generalmente se hace, o hacía, lo contrario y la experiencia está empezando a demostrar que es más razonable comenzar con lo más pequeño y elemental, en donde tiene que estar aquello que es imprescindible por razones de espacio, y luego ir añadiendo elementos.

2. No todos son manzanas y robots (de ahí la foto de su mesa de trabajo).

3. Tener en cuenta los diferentes tamaños de pantallas, "y en horizontal y vertical". Y que cambian de tamaño y de resolución cada vez con más frecuencia (una auténtica locura para los diseñadores).

4. No hagas versiones de tres web... si puedes. Hablamos aquí de Responsive Design, que explicado de una manera simplificada sería: una sola web con un código único HTML y código CSS diferenciado para que se pueda ver bien en cada uno de los dispositivos. "Y si no tienes medios, no hagas una app, haz una webapp", con código HTML5.

5. Usa códigos de manejo que ya existen. Es absurdo, por ejemplo, querer utilizar un icono que ya se usa en los sistemas operativos para indicar que se cierra una aplicación para otra función distinta, "porque el usuario va a querer cerrar, sucederá otra cosa, se enfadará y lo mismo no vuelve a entrar en nuestra aplicación...".

6. No todo es el ratón. Nuevos gestos táctiles (que ofrecen nuevas posibilidades y que hacen innecesarias otras). Hay que conocer el hardware para el que se diseña para poder aprovecharlo, de ahí también lo del "diseño industrial" como bien señalaba Álvaro al comienzo de su exposición.

7. Simplicidad. Pues eso. Como nos hartamos de repetir sin que nos hagan ni puñetero caso. "Pon más cosas, pon más cosas, que ahí queda un trozo de blanco... En fin."

8. Hay que estar abierto a los dispositivos que vendrán (televisión interactiva, Google Glass, pantallas flexibles... un sin vivir, vamos).

9. Conseguir datos de uso. Estadísticas muy significativas precisamente para conocer al usuario, entenderlo, como explicó anteriormente.

10. Los nuevos usuarios ya son móviles.

"Mi hijo pequeño", terminó comentándonos Álvaro, "no usa ya un teclado sino una pantalla, porque ahí es donde suceden las cosas". Aunque coincidimos en el pequeño debate del turno de preguntas en que los niños también usan los libros infantiles ilustrados de papel con el mismo entusiasmo, sin que nadie tenga que explicarles cómo funcionan —circunstancia ésta que destaca Álvaro cuando habla de las tabletas y los niños pequeños y que sucede también con los libros de papel— y con la posibilidad añadida, de que pueden romper sus páginas, algo que les gusta especialmente y que, realmente, no molaría mucho que hicieran con un iPad. Una pequeña ventaja para el denostado papel, se puede romper. Claro que los niños pequeños, afortunadamente, no tienen por qué elegir ni descartar nada, quieren disfrutar, y lo hacen, tanto de las pantallas como del papel. Tomemos nota de las siguientes generaciones, no de la que se empeñó en descartar el papel, sino de la siguiente a ellos, algo más avanzada.

Tipografía en la web

Motivos de trabajo nos impidieron asistir a la conferencia que impartió nuestro querido colega, y compañero también curiosamente de aquel mismo jurado de los ÑH8, Quique Ciria (@quiqueciria). Y lo lamentamos no porque le tengamos cariño, que también, sino porque se trata de un tema sobre el que tenemos especial interés incluso desde el punto de vista del aprendizaje personal, y que consideramos que plantea problemas no resueltos del todo en el diseño web: la tipografía.

No obstante, como siempre intentamos seguir la pista de aquello que realmente merece la pena, estaremos en una próxima conferencia suya sobre este tema —que ya tenemos 'controlada' y de la que os informaremos oportunamente— y, además, os enlazamos con los documentos que utilizó en esta presentación (son muy, muy útiles).

Imagen de con los participantes en el primer día de estas V Jornadas de Diseño en la Sociedad de la Información organizadas por el departamento de nuestro muy querido amigo, maestro y compañero Pedro Pérez Cuadrado en la Universidad Rey Juan Carlos del sur de Madrid. De izquieda a derecha, Álvaro Varona, Natalia Bajo y Quique Ciria (imagen que nos ha facilitado la Universidad).

TypoMad, sobredosis de tipografía

Este fin de semana llega a Madrid el acontecimiento tipográfico por excelencia. Si eres un enfermo de la tipografía, de eso que algunos llaman "las letritas", pero que todos los que lo disfrutamos sabemos que va más allá, tienes que estar este fin de semana en Typomad.

Dos días cargados de conferencias, talleres, exposiciones... un frenesí tipográfico que no podía tener otra sede más que el Matadero (Central de Diseño) y en la que participarán alguno de los mejores de este mundillo. Y de otros.

 Los chicos de Boa Mistura

Las sesiones comienzan el viernes a las 17.00 y terminan el sábado a las 21.00. Entre medias, charlas de Yorokobu, Clara Prieto, Diego Areso, Tipo-e, Familia Plomez, Pedro Arilla, Boa Mistura o Andreu Balius. De muchos os hemos hablado aquí, así que no os descubrimos nada si os decimos que son de lo mejorcito en este campo. Vamos, que es una ocasión que no podéis dejar escapar.

Pero Typomad extiende sus actividades más allá del sábado 28 con talleres, safaris tipográficos, exposiciones (desde el 29 de septiembre hasta el 15 de noviembre). Tenéis el extenso programa disponible en la web del evento (PDF). 

Revistas en el iPad (Natalia Bajo)V Jornadas de Diseño URJ (1)

Natalia Bajo, directora de arte digital de Telva, fue la encargada de abrir las V Jornadas de Diseño de la URJC y lo hizo con un dato curioso: "Sólo hace tres años que se creó el iPad", pero parece que lleva toda la vida con nosotros. Tres años que han dado para mucho, y tres años en los que las revistas han tenido que adaptarse a un entorno totalmente nuevo.

Natalia Bajo junto al profesor Ricardo Vizcaíno

Este nuevo entorno tiene sus propias particularidades, como destacó Natalia, que afectan tanto a los lectores, que en poco tiempo se han acomodado a una nueva forma de consumir información, como a las propias redacciones, que tienen que adaptar, tanto sus contenidos como su forma de trabajar a una nueva narrativa. Narrativa que ya están desarrollando algunas revistas, como Symbolia, Vis-a-Vis o Red Bulletin.

Sin embargo, este nuevo ecosistema exige a los profesionales nuevos retos de negocio, de contenidos y de estrategia, pero siempre con la mente puesta en que lo que queremos es que "el lector lea", por muchas interactividades que pongamos en la publicación. 

En este nuevo maremágnum de publicaciones digitales, Natalia hizo una distinción clara entre las que son nativas para tabletas, las que son una versión iPad de la versión impresa y las que son directamente un volcado en pdf de la publicación (enriquecido en algunas ocasiones). Las versiones en tableta de las revistas impresas obligan a las empresas a una puesta en página adaptada, restando potencial. Un potencial que tienen las 100% nativas, que permiten un diseño navegable, no tienen limitación de espacio y tienen un contenido pensado en su totalidad para el entorno digital.

En este sentido, explicó su experiencia transformando Telva papel en Telva iPad. El único requisito indispensable era que "Telva iPad tenía que ser 100% Telva", tenía que mantener intacta la esencia de la publicación pero adaptada al nuevo entorno. "Han sido años de mucho trabajo", reconoce Natalia, buscando "sinergias, muy costosas, pero muy importantes, con un nuevo enfoque". 

Han aprendido a través del ensayo-error, ensayo-error, "probando cosas" hasta que al final han conseguido un producto estable, que no definitivo. Porque "no existe la versión definitiva de Telva, estamos innovando constantemente, que es la clave de esta profesión".

La próxima semana, segunda entrega con la conferencia que pronunció Álvaro Varona, alias Kremaster.

Quintas jornadas de Diseño de la Información en la URJC

Un lustro cumplen ya las Jornadas de Diseño de la Información que organiza el maestro de periodistas Pedro Pérez Cuadrado. Cinco años poniendo a disposición de alumnos la experiencia real de los profesionales del diseño periodístico.

Este año, y siguiendo la estela de los tiempos, las jornadas están centradas en las "Experiencias Dinámicas en audiovisual".

Para ello, y divido en dos jornadas (17 y 18 de septiembre), podremos escuchar, porque ahí estaremos, a Natalia Bajo, directora de arte digital en Telva, Álvaro Varona, jefe de diseño de QDQ Media, Quique Ciria, del equipo de diseño i con i, Sylvia Molina Muro, de la Universidad de Castilla-La Mancha, Ángel Sopeña, director de bluecell y Víctor Arranz, profesor del CUE-San Pablo. Ellos nos hablarán de los nuevos lenguajes audiovisuales, de la web móvil o de cómo las revistas tienen que buscar su hueco en la era digital. Entre otras muchas cosas.

Como todos los años, las jornadas tendrán lugar en el campus de Fuenlabrada (Camino del Molino s/n). Tenéis más información en la web de las Jornadas. No os las perdáis.

Que no cunda el pánico, no es Comic Sans

A quien le guste el diseño y todo lo que éste conlleva, ve más allá de una simple página de periódico, de una simple foto o de una simple letra. Precisamente eso es lo que me ha pasado al ver la nueva equipación del Real Madrid. Los que me conocen saben que soy una auténtica hooligan del fútbol y fiel seguidora del equipo blanco. De ahí que haya aceptado el reto de mis compañeros de encajabaja.

Al acabar la Liga, los frikis del fútbol esperamos con ansia ver la nueva camiseta que lucirá nuestro equipo la próxima temporada. Cuando por fin llegó el día y la vi me sorprendió bastante. Es cierto que todos los años me pasa algo parecido. Estoy acostumbrada a la anterior equipación y hasta que mis ojos se 'hacen' a ella me siento un poco defraudada por el diseño. En un primer momento, el toque naranja fue lo que más llamó la atención: '¿Naranja, qué tiene que ver ese color con el Real Madrid?'.

Pero el susto me lo llevé cuando vi la parte de atrás de la camiseta, es decir, el dorsal con los nombres. ¡Horror! ¿Comic Sans?. Al analizarla con más detenimiento y después de investigar y preguntar a personas del club me confirmaron que no era dicha tipografía. El diseño exclusivo es obra de la prestigiosa empresa 'Sporting ID', que se dedica en exclusiva a la creación y el diseño de los dorsales de clubes de fútbol, ligas profesionales y equipos nacionales. El Manchester United, Manchester City o el Liverpool son algunos de sus clientes.

Esta es la décima temporada que el equipo presidido por Florentino Pérez elige para su equipación el diseño de 'Sporting ID'. Como ellos mismos explican en su página web, querían crear algo fresco y diferente, que rompiese con los estilos anteriores, todos ellos creados digitalmente. Según cuenta la empresa, el "Real Madrid se caracteriza por tener a jugadores expresivos y creativos", por lo que para ellos era fundamental plasmar en la tipografía esa espontaneidad. Así pues, con un rotulador gordo y negro decidieron escribir a mano de un modo deliberadamente rápido el nombre de un jugador. El resultado les gustó tanto que no dudaron ni un momento en usar lo que ellos mismos califican como "natural, fantástico e instintivo".

Aún así, desde mi humilde punto de vista, considero que no se ha hecho una buena elección de la tipografía. El simple hecho de relacionarla con la Comic Sans tiene casi el mismo efecto que sí fuera esa tipografía. Comparten muchas semejanzas: trazos anchos, redondos y un aire infantil que para nada casa con la imagen de seriedad y elegancia que se le atribuye a un club como el Real Madrid.

Casualidad o no, en 2014 nuestra querida Comic Sans cumple 20 años. Su creador, Vincent Connare, estaba buscando una fuente más amigable para el software Microsoft Bob, dirigido a niños. En un principio, se diseñó exclusivamente para dicho programa pero Microsoft acabó incluyéndola como fuente de sistema en Windows 95. Desde entonces, todos alguna vez, (sí, lo reconozco, yo también) en nuestra época escolar la hemos utilizado en algún que otro trabajo. Por eso, permitidme un consejo. Si queréis que os tomen en serio, una vez cumplidos los 10-12 años, periodo en que la niñez deja paso a la adolescencia, ni miréis la Comic Sans.

@cosmonele

P.D.  Supongo que la mayoría de seguidores de Encajabaja no reconocerán mi firma. Tuve el placer y la fortuna de poder trabajar durante casi tres años con cuatro de los cinco componentes de este magnífico blog en la sección de Diseño de El Mundo: Luis, Mario, Javi y Quique. Ellos junto al resto de compañeros y por supuesto, los jefes del departamento, Carmelo Caderot y Manuel de Miguel, me enseñaron a amar el diseño. Pero por encima de todo, y como reza la cabecera de este blog, aprendí que maquetar también es informar.

Por último quiero dar las gracias a mis ex compañeros de sección por darme la oportunidad, con esta pequeña colaboración, de sentirme de nuevo parte de ellos. Vosotros siempre seréis parte de mí.

Servicios mínimos

Pues eso. Nuestro título lo dice todo. Feliz verano y prometemos volver en septiembre.

Degenerando, maestro... degenerando

El sábado pasado, sin que nos hubiéramos dado cuenta, alguien nos hizo notar que ese mismo día era el cumpleaños de nuestro querido, y a veces algo desatendido —para qué vamos a seguir engañándonos—, encajabaja. Por ese motivo, nuestra estimada colega en la sección de Diseño del periódico Mercedes Albizua, muy competente e interesada siempre en lo visual, en la fotografía y el vídeo, además de por supuesto de en esto que llamamos 'pintar páginas', se lanzó a por la cámara de Quique Falcón, ya sabéis, el miembro del blog especializado en la edición de vídeo, para tomar estas... lamentables —pero breves, no temáis— imágenes:

De izquierda a derecha en la imagen estábamos los más habituales del blog: Luis Blasco, Mario Benito, Javier Vidal y el mencionado Quique Falcón. Nada más terminar de grabar este pequeño documental histórico empezamos a ponernos ya las gafas de buceo, bañadores, flotadores y demás como podéis ver en la ilustración veraniega de nuestro dibujante oficial, el gran Luis Parejo, un genio señores, un genio. Así que entramos en una etapa de 'pre servicios mínimos' en la que a pesar de los pesares, nuestra degeneración y los calores, intentaremos estar atentos para compartir alguna de nuestras cosillas...

Seis años, seis... que sirven para mostrar los estragos que causa el paso del tiempo. Pero ahí estamos, como sea, pero estamos. Y estaremos.