Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas

martes, 14 de marzo de 2017

Dónde estamos, cómo hemos llegado hasta aquí y por qué el futuro está en el móvil (y II)

Al igual que la primera sesión que resumíamos hace unos días, la segunda entrega de las XX Jornadas de Diseño combinó el análisis de la evolución del diseño periodístico en las últimas dos décadas con el repaso a algunas de las últimas tendencias en diseño móvil y adaptación a los nuevos soportes.

Pedro Pérez Cuadrado, Ricardo Curtis y Mario Benito
Pedro Pérez Cuadrado, profesor de la Universidad Rey Juan Carlos, introdujo a Ricardo Curtis, periodista y diseñador especializado en la remodelación de diarios y a Mario Benito, editor de este blog y antiguo miembro del equipo de diseño del diario El Mundo.



Antes, Pérez Cuadrado explicó por qué el rol de un maquetador pasa más desapercibido que el de un fotógrafo o un redactor: es clave para la transmisión del contenido, pero en general no es tan llamativo a simple vista. El profesor analizó el cambio de modelo: bajada de ventas e ingresos y despidos en las redacciones y dio algunos ejemplos de las influencias que los periódicos absorben de las revistas en cuanto a composición: textos más cortos y menos densos, tramas, siluetas, fondos, etcétera.

Pérez Cuadrado dio paso a Ricardo Curtis, cuya trayectoria va desde sus inicios autodidactas diseñando la propaganda comunista en los estertores del franquismo a trabajar en El Sol, pasando por El periódico de Madrid o El País.


Una imagen inédita del proyecto "Chillida"

El ponente comentó sus primeros pasos en El País, y como el diario fundado en 1976 introdujo algunas reglas de diseño que hoy permanecen: rejilla de 9x5, modulación clara de elementos que permite variedad en la organización de las páginas (división de bloques en 4-1, 1-3-1, 5-4, etc.) y la entradilla, que condensaba los aspectos básicos de la información y que ha sido recuperada en el rediseño más reciente del diario de Prisa.

Después, Curtis detalló algunas características que aprendió de la prensa internacional, desde la importancia que ganaba el diseñador en The Independent, la prevalencia del texto (artículos largos y sin firmar) de The Economist, la seriedad y comprobación de datos de la revista americana Time o la excelencia técnica de National Geographic además de la propuesta gráfica rompedora de USA Today en la utilización del color y la infografía, pese a la desconfianza que generó en el resto de la prensa del momento.


Páginas de El Sol, donde trabajó Ricardo Curtis

El ponente aplicó todo lo aprendido al diario El Sol: uso de colores para diferenciar elementos, despieces en píldoras, detalladas páginas de servicios, mapas para seguir grandes acontecimientos informativos (como la Guerra del Golfo) o culturales, guías de conciertos y exposiciones, etc. Tras el cierre de El Sol en 1992, Curtis dio detalles de un proyecto posterior: un periódico deportivo que planeaba el grupo Prisa que dejaba ver algunos de los elementos frecuentes hoy en la prensa del ramo: fotos con texto que explican jugadas o secuencias con capturas de pantallas de televisión. El ejemplar nunca llegó a los quioscos porque el grupo de Polanco compró finalmente el As.

Para concluir, el diseñador dio detalles de su última etapa profesional, centrada en el rediseño de cabeceras provinciales y locales, avisando de que el proceso no se puede automatizar. sino que hay que prestar atención a la idiosincracia de cada territorio y sus gentes, que son al final los destinatarios del producto. Finalizó su intervención mostrando algunos ejemplos de periódicos que alcanzan la excelencia en el diseño comoThe Washington Post, Politiken (Dinamarca), Público (Portugal) y lamentando que todo ese trabajo se pueda perder ante la amenaza de desaparición de la prensa en papel.

Mario Benito: veinte años de evolución de ‘El Mundo’.
Mario Benito cogió el testigo de Ricardo Curtis y repasó la evolución del diario El Mundo desde su fundación (1989) hasta la actualidad. Aunque el soporte es el mismo, el diseño y la presentación del producto ha ido cambiando constantemente. El cambio más notorio quizás sea el color, inexistente a principios de los 90 pero que se fue incorporando por las demandas de la publicidad, hasta estar plenamente integrado hoy en día.



Portada de uno de los rediseños de El Mundo

En su presentación, Benito mostró un número cero completo del diario y lo contrapuso al ejemplar que estrenó el último rediseño del periódico, de octubre de 2014, bajo la dirección de arte de Rodrigo Sánchez. Al compararlo, pudo detenerse en algunos aspectos de la evolución, como la cabecera, que pasó de estar centrada a alineada a la izquierda y cambió el logotipo de verde a azul. Aún antes, entre 1989 y 2009, la cabecera fue sufriendo una reducción de tamaño general, posible porque, tras veinte años en los quioscos, El Mundo ya contaba con una marca consolidada.

El periodista mostró otros elementos que se han ido refinando. La tipografía pasó de la Helvética hasta la Valencia y a una versión sin negrita en el último rediseño. Igual que las tipografías de soporte, que en 2014 cambió de la redondeada Neo Sans Std a la versátil y variada Knockout. El resultado de estos cambios es que la tipografía mancha menos, llama menos la atención y “grita menos”.


Mario Benito muestra algunas páginas de El Mundo

Esos cambios buscan transmitir el mensaje con más tranquilidad y sosiego. También se aprecia en la cantidad de informaciones que se cubren: Internet ha restado público a los periódicos impresos pero a la vez les permite centrarse en cubrir unas pocas informaciones y cubrirlas bien, y permite dar más espacio a temas propios y apuestas editoriales, frente al periódico original de finales de los 80 que contenía muchos despieces para dar cabida a muchas más informaciones, aunque fuesen breves. Calidad frente a cantidad. En el periódico concebido en 2014, en cambio, los textos son más largos y la edición fotográfica también se puede permitir pasar de un objetivo meramente informativo a uno que combina la faceta informativa pero también la faceta artística (fotos originales, detalles curiosos, etc.).

La presentación concluyó con uno de los aspectos más llamativos de las páginas actuales de El Mundo: la ruptura formal de la estructura que se produce en las páginas de la sección EM2, con los temas de segunda intensidad, que a menudo incluyen columnas de distinta anchura y altura, con ilustración predominante o edición fotográfica arriesgada, o incluso total adaptación del texto al tema en forma de elementos visuales.

Iker Barinaga: el móvil primero en el diseño de noticias para soportes digitales.



Al final de su intervención, Mario Benito comentó un par de los principales problemas del diseño para web y dispositivos móviles. Uno es el perfil excesivamente técnico de algunos de los responsables técnicos, que son ingenieros y no diseñadores. Su trabajo es necesario y valioso pero no deben usurpar el papel que no les corresponde y decidir sobre cuestiones de transmisión u organización de la información. El otro problema de la organización de noticias en el móvil es la jerarquía, algo de lo que también habló el siguiente ponente.

Iker Barinaga, jefe de Arte del área de innovación digital en Vocento, también comenzó su charla haciendo algo de retrospectiva a los inicios de la web, que en sus inicios también tenía una estructura rígida y una serie de impedimentos técnicos (elección de tipografías, velocidades de transmisión de datos) que limitaban la experiencia. Todo el avance que se realizó en unos pocos años ha tenido que replantearse desde la popularización masiva del teléfono inteligente, que ya es el medio favorito de los lectores para acceder al contenido y ocupa el lugar central en la hoja de ruta de desarrollo de aplicaciones informativas.

El periodista destacó también algunos de los elementos clave de la conversión al móvil, como la desaparición de los subtítulos, la eliminación de elementos accesorios que iban quedando de diseños anteriores y la potenciación de la tipografía (“la verdadera esencia de un producto de diseño”, en opinión de Barinaga).


Algunas de las portadas de la App de El Correo en función de la importancia de la noticia

Volviendo a la jerarquía, Barinaga mostró algunas portadas con las que trabajan en la app para ordenar la información. Las hay que titulan por arriba, las hay que encabezan la pantalla con una foto, hay titulares especiales con más cuerpo o variantes tipográficas con más peso y también mostró un ejemplo de un diseño para un contenido especial. Para la otra variante jerárquica (cuando las últimas noticias sustituyen a las importantes) Iker Barinaga mostró la posibilidad de incluir un subapartado en la pantalla principal de la aplicación que agrupase los últimos avisos, de modo que no afectasen a los temas que el diario quería destacar.

Los experimentos para retener al lector en la aplicación (donde el tiempo medio de permanencia es de 8 minutos) es otro de los caballos de batalla. El ponente comentó algunos de los recursos: plantillas para redes sociales como Facebook, contenido recomendado similar a lo que acabamos de leer, etc.

José Juan Gámez: el hombre tras las portadas temáticas de ABC



La clausura del evento corrió a cargo de José Juan Gámez, responsable de las portadas del diario ABC. Estas tapas se caracterizan por apostar cada día por un único tema, una apuesta editorial clara que obligó al diario a publicar una “página 2” con una portada mucho más convencional en cuanto a diseño se refiere.

Gámez recordó sus inicios como infografista en el deportivo Marca, donde en 2002 llevó a cabo un rediseño general de la cabecera y redujo la marca a una “M”. Un cambio que no duró demasiado, pues la cabecera volvió a incluir todo el nombre del diario tras la compra del mismo por parte de Unidad Editorial en 2007. El ponente también mostró otro de sus trabajos en el diario deportivo: una serie de fotomontajes que llamó “wallpapers”, destinados a redes sociales y que lograron buenos resultados en esos soportes por su gran capacidad de viralización.

 
Imagen de la cabecera rediseñada de Marca con la gran M

Dos ejemplos de portadas temáticas de ABC

Para concluir, Gámez dio más detalles de su trabajo actual en ABC. Explicó que el trabajo comienza normalmente por la tarde, cuando ya está fijado el tema del día y la apuesta con la que el diario quiere abrir al día siguiente. El ritmo de producción es alto y a veces se trabaja en varias portadas y varios temas del día, lo que da una media de 4 o 5 temas diferentes para los cuales se elaboran 8 o 10 bocetos. En un periódico diario, esto puede provocar que una emergencia o una información de última hora desbarate los planes de apertura del periódico, que en ese supuesto debe escoger entre mantener su apuesta editorial o cubrir la información más reciente.


Texto y fotos de Abel España.

lunes, 28 de marzo de 2016

Errea Comunicación o el diseño
de información hecho por periodistas

La charla que cerraba el turno de mañana la ofreció el periodista y miembro del estudio navarro Errea Comunicación Pablo Errea. El periodista, afincado en el Puerto de Santa María, forma parte de los 9 miembros del prestigioso estudio de diseño navarro. Todos ellos son periodistas. “Eso genera unas limitaciones”, reconoce Pablo, pero de las cuales “intentan sacar partido, ser valientes y aprender de todo porque nos une una cosa: queremos contar cosas y contarlas visualmente”.

Pablo Errea durante su charla
Pablo Errea durante su charla

Para ello, desde el estudio se apoyan en todos los recursos que tienen a mano, desde tipografía a ilustración, diseño puro y duro hecho por periodistas. Uno de estos ejemplos es la revista profesional alemana que han rediseñado recientemente, Kress Pro, “intentado crear un producto muy atractivo para los profesionales” con infografías muy potentes, pero muy efectivas. “La infografía es una herramienta que queremos acercar a los diseñadores, porque somos periodistas, pero también hacemos diseño”, apunta Pablo.

Otro punto fuerte de los trabajos de Errea Comunicación es su trabajo para las instituciones públicas. En este apartado, Pablo mostró varios trabajos para la Mancomunidad Navarra. Estos trabajos, que a priori parecen aburridos y destinados a la simpleza, pueden tener una nueva vida si se trabaja con ellos a través del diseño. En Errea Comunicación han llevado esto al extremo y han transformado todos los datos generados por los habitantes de Navarra en una historia con un hilo narrativo que se apoya en ilustraciones, fotografías, gráficos y tipografía exquisitamente cuidados.

Pablo Errea durante su charla
Pablo Errea durante su charla

Un punto clave que apuntó Pablo fue hacer accesible el contenido a la vez que sean entrentenidos. Como la revista +1 catalana, en la que contaron con “libertad absoluta” para hacer lo que quisieran. El resultado fue transformar temas muy densos en temas más inteligibles, en una revista donde el ritmo era muy importante y donde las ilustraciones contaban pequeñas historias.

Sin embargo, uno de los trabajos más importantes que han llevado a cabo en los últimos tiempos ha sido el rediseño total de Courrier International. Y fue importante porque Errea Comunicación “recibió una marca perfectamente diseñada que teníamos que transformar completamente”. En este aspecto se trabajó el tema de las tipografías e iconos, creando distintos ambientes para cada sección, diseñando distintos elementos gráficos para navegar por las secciones de la revista.


Pablo Errea durante su charla

Pablo Errea durante su charla

Pablo Errea durante su charla
Pablo Errea durante su charla

Con Diario de Noticias, otro de los ejemplos que desgranó Pablo, tuvieron que enfrentarse a un reto completamente diferente: diseñar la web de un periódico sin que se pareciera a su versión en papel, “todo un reto”. Para ello crearon un sistema modular que se pudiera ver en cualquier dispositivo, “inspirado en el Guardian y que corriera como un Ferrari”, como les pidieron desde la cabecera portuguesa. Además, redujeron al mínimo la selección tipográfica, aumentando la velocidad de carga, usaron los iconos tipográficos para poder crear bloques y unos códigos de colores muy sencillos. Además, según hubiera o no publicidad el sistema modular basculaba entre las tres o cuatro columnas. Todo ello diseñado por periodistas que diseñan los mejores periódicos de papel, como Javier Errea o lo que hizo en su momento Mark Porter con la web de The Guardian. Porque la información, y el diseño de la misma, la tienen que manejar los periodistas.

Por último, Pablo Errea mostró una pincelada de su trabajo en publicidad, que va más allá de los folletos clásicos y se traslada a una web o a publicidad estática en las calles.

lunes, 13 de abril de 2015

Cinco clicks interesantes en páginas web informativas

Decía, y decía bien, nuestro querido Fermín Vílchez en una interesantísima conferencia sobre el "Presente y futuro del diseño periodístico", celebrada en la Universidad Rey Juan Carlos del sur de Madrid en 2012, que los medios digitales periodísticos "son todos iguales y todos siguen con la mentalidad del diseño periodístico en papel (...) todos tienen tres bloques, tres columnas en sus portadas, que pasan a dos columnas cuando pinchas en cada una de las noticias... ¿Por qué? No encuentro demasiados diseñadores que investiguen en nuevos formatos digitales. Falta creatividad, porque todos siguen pensando como se pensaba en el papel, y no hacen más que imitarse unos a otros". Ponía de manifiesto la falta de valoración y jerarquía, pilares del diseño periodístico y del periodismo en general, con esas "páginas interminables que llenan con demasiados elementos, en las que quieren meter todo, todo, todo... ¡Que no se acaban!" y en las que, por tanto, "no hay valoración", no hay noticias más importantes que otras, y sólo las últimas que llegan van sustituyendo a las anteriores. "Las portadas de los digitales deberían hacer una selección", en vez de abrumar al lector con cantidad, en vez de con calidad.

Pasados tres años, parece que al fin el diseño digital empieza a hacer caso al maestro de diseñadores periodísticos o a entender por su propia cuenta que su medio no es un medio impreso y que por tanto hay que diseñarlo de una manera específica y propia y que, aunque en una página web no haya fin y quepa todo, es mejor valorar, seleccionar... diseñar, hacer periodismo en definitiva.

Claro que resulta paradójico que ahora que tantos gurús entonan la cantinela de que la "home ha muerto" es cuando mejores páginas home periodísticas se estén haciendo. Pero parece que lo de llegar siempre tarde o querer correr mucho es una de las características de la Red —hemos llegado incluso, como veremos más adelante, a 'matar' al "digital first" para entronizar al "mobile first"—. No obstante, me voy a atrever con una pequeña y personal selección, que no pretende ser otra cosa mas que las páginas que a mí me gustan más, las que más interesantes me parecen:









THE GUARDIAN

Según mi punto de vista es, sin ninguna duda, el mejor medio digital informativo del mundo. Sé que puede parecer un tópico decirlo, todo son elogios de todos tanto para la web como para el periódico, pero es que sencillamente me parece que es así. La estructura es perfecta: racional, ordenada, jerárquica... y a la vez tan sencilla... es magistral.
Aquí ya no están las típicas tres columnas en una página con scroll infinito llena y llena de cosas, sino bloques estructurados y lógicos que aprovechan mucho mejor una pantalla. Qué bien se lee —que es de lo que se trata— y qué elegancia, la misma que confirió el gran Mark Porter al diario. Elegancia en la paleta de colores, en la utilización del blanco, en la disposición de todos los elementos. Da la impresión de que no falta ni sobra nada y sin que haya la más mínima sensación de agobio.
Y me falta lo mejor, lo que no tiene ninguna otra web porque estas características mencionadas se pueden encontrar,  no tan eficaces, en otras: la unificación tipográfica con el soberbio tipo de letra Guardian Egyptian que diseñaron Christian Schwartz y Paul Barnes por encargo del propio Porter para el periódico entre 2004 y 2005. Todo está compuesto con la misma tipografia: títulos, textos, encabezados, pies... todo, utilizando sus múltiples variantes. Insuperable. Envidiable.










USA TODAY

Fue de las primeras —la primera de un gran medio de comunicación no nativo digital que yo recuerde— en estructurar su página web 'tableteramente'. Coincidiendo con un rediseño total de su 'marca' —que según Javier Errea consistió en "un diseño fallido que ha conseguido destruir una marca tradicional muy bien establecida", refiriéndose sobre todo al periódico, opinión que comparto— apostaron por un diseño web que tiene como característica fundamental la horizontalidad, un afán por convertir la pantalla del ordenador en lo que no es, un iPad (observen las grandes flechas laterales 'invitándonos' a navegar hacia derecha e izquierda en vez de hacia abajo), pero que resulta interesante y que aprovecha también mejor el espacio de la pantalla sin tener que recurrir al infinito scroll. Hicimos un análisis algo más detallado cuando lo lanzaron a finales de 2012.










BLOOMBERG

Ahora vemos todas las páginas webs informativas, las bien diseñadas, tal y como se ven las páginas de Bloomberg... hace ya algún tiempo. Bastante.
La facilidad de lectura y la poderosa manera de abrir los temas parecen haber creado escuela. Claro que la calidad y la cantidad de los contenidos informativos también ayuda. En esta noticia sobre el anuncio de Hillay Clinton como candidada a candidata por el Partido Demócrata a la presidendia de Estados Unidos, publicado momentos después de su anuncio, hay un interesante panel de navegación superior que lleva ¡hasta a 12 noticias relacionadas! con una curiosa y eficaz solución de diseño. Los títulos calados sobre imágenes con mucha fuerza, ahora, llaman menos la atención. También están calados sobre la imagen los iconos para enlazar en las redes sociales.


Cuando hacen algún especial, la palabra espectacular se queda pequeña.
Entren en la web y naveguen... Está diseñada precisamente para eso.










QUARTZ

Y llegamos a la "home ha muerto". Y es que su... ¿página de inicio? se convierte en un 'time line' a la manera de las redes sociales a las que se supone que se dirige de manera directísima. Incluso su URL (qz.com) está pensada así de corta de manera intencionada para que ocupe menos caracteres en los siempre escasos 140 que nos permite tuiter, tan tacaño. Redes sociales y dispositivos móviles es la estrategia de este nuevo medio digital nativo, y para eso está diseñado, tal y como explicó su editor senior Gideon Lichfield en su paso por el reciente Congreso de Periodismo Digital de Huesca. No se dejen engañar por la imagen, suelen abrir con un tema destacado y el resto de su... ¿página de inicio? es el siguiente:



Donde el scroll, curiosamente, vuelve a tomar protagonismo. ¿Posibles ventajas de esta simple concepción de lo que es el periodismo?: pues la navegación en esta página con dispositivos móviles, principalmente con teléfonos. Y es que incluso el 'digital first' ¡también ha muerto!, para dar paso al 'mobile first'. ¿Posibles desventajas?: pues que para conseguir las ventajas mencionadas limita uno de los principales valores del periodismo: la valoración de las noticias jerarquizando el medio.











EL CONFIDENCIAL

Termino con un medio de comunicación español. Quería destacar al menos uno y, hoy por hoy, el mejor diseño de una web informativa en nuestro país es, según mi modesto punto de vista, el de El Confidencial. Un rediseño muy reciente, que por lo que vemos ha tomado nota de lo mejor que se estaba haciendo en los medios anglosajones —como los que he mostrado—. El tamaño de la página a toda pantalla —todos los anteriores lo tienen también—, la facilidad de lectura, una buena elección tipográfica... Y aunque siguen sin poder quitarse de encima ese mal tan propio de nuestro periodismo de querer "meter todo" en la página, la estructura es muy buena, ordenada, jerarquizada, atractiva visualmente. Sobran elementos, habría que aligerar todavía más la 'home', pero bastante han conseguido.
Silvia Cobo, siempre atenta para contarnos todo lo que merece la pena en internet sobre el periodismo, ha publicado en su web una interesante entrevista con Alejandro Laso, responsable de lo que denominan ConfidencialLAB, donde nos explican qué hacen en este laboratorio de periodismo digital así como las claves del nuevo rediseño.


Sobre las páginas webs de los grandes periódicos españoles, creo que necesitan estructurarse de una manera más sencilla; eliminar cosas, columnas, scroll y apostar por temas; unificar la tipografía —si lo hacen con la de sus propios medios impresos sería ya la excelencia— y potenciar su imagen de marca, su identidad visual, porque sí parecen estar aún en esa fase de diseño más propio del papel que del entorno digital. Tienen necesariamente que dar un paso adelante, como por otro lado tenemos constancia de que sucederá.


miércoles, 19 de febrero de 2014

XVII Jornadas de Diseño del CEU


Se acerca la primavera, a pesar de estos fríos, y como viene siendo habitual también llegan las Jornadas de Diseño del CEU (6 y 7 de Marzo), un clásico del panorama diseñil de la capital.

Van ya diecisiete ediciones en las que la Universidad San Pablo CEU (gracias a Laura González y compañía) nos obsequia con lo mejor y los mejores de cada disciplina para que nos impregnen un poco de su sabiduría. Este año, las jornadas están centradas en la fotografía, la edición y el diseño.

Como es habitual, seis profesionales de reconocido prestigio participarán en las charlas. La primera de ellas estará centrada en la visualización de Datos, disciplina que cada vez toma más fuerza en las redacciones y universidades. El encargardo de hacernos ver cómo se traducen cantidades ingentes de números en información será Pablo Mª Ramírez, socio fundador de Sin Palabras y que antes trabajó en Marca y Expansión en el departamento de infografía, donde ha sido premiado en numerosas ocasiones. 

Le seguirá en las jornadas Pedro Vicente, jefe de Diseño de elEconomista que contará cómo es el formato de la nueva prensa digital desde su experiencia haciendo publicaciones digitales además del diario económico.


Fotografía de Daniel Ochoa de Olza ganadora de un premio en el WorldPress Photo

En la sesión de tarde de ese mismo día estará Javier Moya, coeditor de la Revista Don, con el que ya hablamos aquí, y que contará a los presentes cómo es la elaboración de una revista como Don, 100% digital y pensada para las tabletas. Javier Moya viene de la revista Esquire y Harpers Bazaar, donde era responsable de la web.

Cerrará las jornadas de ese día la conferencia de Ángel Sopeña, director de la agencia de desarrollo de aplicaciones móviles BlueCell, que ha trabajado con clientes como Telefónica, QDQ o Caser, entre otros.

La segunda, y última jornada, se centrará en la fotografía. Abrirá las charlas Rosa Muñoz, fotógrafa especializada en fotografía construida o escenificada. 

Le seguirá el prestigioso fotógrafo Daniel Ochoa de Olza,  ganador de incontables premios fotográficos (WorldPress Photo, POYi, NPPA, APSE, etc.) y que contará cómo ser un fotógrafo de agencia. Además, Daniel dará un taller de edición fotográfica como colofón a unas jornadas de Diseño que, como todos los años, seguro serán memorables.

martes, 8 de octubre de 2013

Diseño para móviles y tabletas

Hay que reconocer que comprar un libro digital  —ebook, lo llaman— que no llega a 10 euros entre tres es un poco cutre (hacerlo ya entre cuatro como finalmente sucedió no tiene calificativo, o sí lo tiene pero no nos apetece ponérnoslo). Pero lo cierto es que así surgió el compromiso de hablar del libro que hoy os reseñamos... con la fortuna añadida de que gracias a eso hoy podemos escribir sobre un muy buen libro. Muy útil. Muy usable, que tal vez dirían ellos, sus autores. Aunque la cosa comenzó antes, cuando Álvaro Varona (@kremaster)  nos lo recomendó a todos los que asistimos a su conferencia sobre 'El reto del diseño multidispositivo' de hace unas semanas en la Universidad Rey Juan Carlos del Sur de Madrid (URJC).


'Diseñando apps para móviles' está escrito por Javier Cuello (@millonestarde) y José Vittone (@josevittone), dos diseñadores argentinos que se conocieron estudiando juntos un Máster en la Escuela Superior de Diseño e Ingeniería de Barcelona (Elisava), y en esta ciudad se quedaron y trabajan, diseñando aplicaciones para móviles y tabletas (para clientes como Yahoo! o Zara, nada más y nada menos, en el caso de Javier; o desde empresas como Usolab, en el caso de José). "En el libro contamos a lo largo de más de 10 capítulos", nos explican, "el proceso de diseño y desarrollo de una aplicación —para Android, iOS y Windows Phone— desde la idea inicial hasta la publicación en las tiendas".


Dicen que han escrito el libro que hubieran querido ellos tener cuando empezaron en esto del diseño de aplicaciones para móviles, y que no existía, especialmente en castellano. Y por eso esperan "que sea útil" para quienes están interesados en este tema. Y lo es. Ya lo decíamos nosotros también al comienzo del artículo: es un muy buen libro, muy útil, y NO porque detalle los programas informáticos que debemos conocer o los lenguajes de programación que se utilizan en las distintas plataformas de móviles: IOS de Apple, Android de Google y Windows Phone de Microsoft, que también lo es por eso. Pero no.

Es un muy buen libro, muy útil, porque más allá de las herramientas —que son importantes y que es necesario conocer y que por ello también aborda— habla de lo que realmente ES el diseño, del papel y el lápiz, de los conceptos, de por qué se hacen las cosas; de por qué se utiliza el espacio, el color, la tipografía, la animación... de una manera determinada y no de otra; de a quién va dirigido lo que hacemos y en función de ello se hace así, o al contrario; de la función —del uso en este caso— mucho más allá de lo bonitas o feas que nos puedan parecer subjetivamente las cosas (no os preocupéis tanto por eso, que feas no tenemos nunca intención de hacerlas, ¿no?).



Y por eso, por la enorme utilidad de este libro, o por lo útil que sus autores pretenden que sea, encontramos en él la presentación de una conferencia de Armando Fidalgo titulada 'Interfaces táctiles: el desafío de las tabletas' en la que según uno de sus autores "está todo" lo relativo al diseño en dispositivos táctiles.



Y como no podemos estar más de acuerdo con José Vittone la insertamos completa por su enorme interés:


Por si todo esto fuera poco, nos proponen muchos ejemplos de diseños tanto de aplicaciones para móviles y tabletas como de páginas web (no dejéis de visitar la web del estudio de diseño de Erik Spiekerman, Edenspiekermann,  que nos recomiendan, en la que conviene detenerse no sólo a disfrutar de su calidad visual sino de sus contenidos, especialmente su 'Manifesto'), y complementan el libro con entrevistas a destacados diseñadores de prestigio internacional como Irene Pereyra (Directora Global de UX —así llaman a la 'experiencia de usuario'— y Estrategia en Fi, visitad también el sitio, los clientes que tienen, y luego me contáis...), Dustin Barker (Director de Ingeniería Móvil en Simple, un servicio de banca electrónica en Estados Unidos); Dustin Mierau (Cofundador y Jefe de Diseño de Path, una red social enfocada exclusivamente a móviles y con el diseño como valor añadido, de mucha calidad, y en la que por cierto buscan diseñadores y desarrolladores); Loren Brichter (quien con menos de 30 años es un referente mundial en el diseño de apps —trabajó en Apple, en el software del primer iPhone, o en Tuiter—, creador de la app Letterpress desde su empresa Atebis); Erik Spiekermann (el ¿último? gran maestro de la tipografía, creador del tipo de letra Meta, un clásico ya, y que ahora desarrolla su trabajo, mucho más multidisplicinar, desde el mencionado estudio Edenspiekermann); Patryk Adamczyk (Jefe de Diseño de Firefox OS); e Ivo Weevers (Jefe de Diseño de Ubuntu, una distribución de Linux que también prepara su lanzamiento para los teléfonos móviles, atentos...).

Conclusión: comprad el libro. Parece evidente. Es muy útil, absolutamente usable. Pero un ejemplar cada uno, no seáis tan cutres como algunos...

lunes, 30 de septiembre de 2013

'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):


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).



martes, 24 de septiembre de 2013

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). 


lunes, 23 de septiembre de 2013

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.

lunes, 9 de septiembre de 2013

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.