En el evento se reunieron algunas de las voces más importantes del mundo infográfico. Como corresponde a un sector íntimamente ligado a la prensa, fueron inevitables dos focos de atención no infográficos: la crisis de la industria, por un lado, y el muy controvertido tema de la integración de redacciones digitales y ‘convencionales’ en los diarios de todo el mundo. Si sobre el primero de ellos el tono fue bastante uniforme y comedido, por lo que respecta a la ‘convergencia’ las opiniones eran para todos los gustos, desde los que ven el salto decidido al digital como la única alternativa hasta los que no quieren oír ni hablar de la web.

Para los intereses de Mosaic, los puntos más importantes eran los de la infografía interactiva, representados por la notable delegación del New York Times, con la editora de gráficos Amanda Cox, Aron Pilhofer del grupo de ‘Interactive News Technologies’ del diario y el ‘Senior Multimedia Producer’ Gabriel Dance (sobre estos dos últimos y otros miembros de su equipo, muy recomendable el artículo The New Journalism: Goosing the Gray Lady, aparecido en enero en la revista New York). También se centraron en temas multimedia Tom Kennedy, ex-editor jefe de multimedia del Washington Post y Geoff McGhee, actualmente en LeMonde.fr, pero también proveniente del New York Times.

Periodismo interactivo

Aron Pilhofer titulaba su charla Effective Interactives. Comenzó ilustrándola con The Guantánamo Docket, un espectacular trabajo periodístico de recopilación de datos sobre la tristemente célebre prisión militar estadounidense en la isla de Cuba y los 779 hombres que han residido en ella desde 2002. Lejos del concepto habitual de historia periodística, el ‘docket’ es más una base de datos documental puesta a disposición de los lectores del diario, que ilustra un cierto concepto de nuevo periodismo que, basándose en las tecnologías web, permite poner en manos del lector cantidades de datos impensables para un diario de papel, ofreciendo a la vez herramientas para filtrar esos datos y convertirlos en información relevante. Otro ejemplo de esta tendencia es Is It Better To Buy Or Rent? que, lejos de ser un artículo sobre el estado del mercado inmobiliario, pone una sofisticada herramienta en manos del lector para permitirle hacerse sus propias proyecciones sobre la conveniencia de comprar o alquilar, en función de los diferentes parámetros relevantes.

Estos ejemplos sirvieron a Pilhofer para presentar una lista de los puntos que contribuyen a hacer un buen infográfico:

• Impregnarlo de contexto y análisis. No se trata de poner los datos en línea solo porque los tengamos disponibles: la función del interactivo es periodística, y debe servir a este fin. Véanse los ejemplos Candidate Schedules o Campaign Finance de la pasada campaña electoral estadounidense.
• Datos útiles, no sobreutilizados. Como puede apreciarse en Diversity in the Classroom, el interés no es presentar todos los datos, sin más, sino ofrecer al lector una manera útil de apreciar las tendencias y darle pistas sobre dónde encontrar datos especialmente significativos.
• Estimular la exploración y el descubrimiento. Como puede verse en Casualties of War, señalar determinados momentos clave para el interfaz (“la invasión inicial”, “segunda invasión de Falluja”…) da claves al lector para la interpretación de los datos.
• Dar un lugar en que compartir. En el contexto actual, el concepto de ‘comunidad’ es crítico para los diarios y su importancia va en aumento aunque, en general, a la prensa no se le da especialmente bien ese aspecto. Uno de los ejemplos aportados es el de la ‘porra de los óscares’, permitiendo a cualquier usuario gestionar su propia ‘porra’, con la participación automática de Carpetbagger, el blogger cinematográfico del diario. Otro ejemplo de estímulo a la comunidad lo da Picturing the Inauguration: The Readers’ Album, una aplicación desarrollada sobre una API interna del diario para poder recopilar las fotos tomadas por los lectores durante la inauguración presidencial de Barack Obama.
• Portabilidad: APIs y RSS por todos lados. El diario ofrece un sitio para desarrolladores (en beta) en el que se documentan las diferentes APIs y herramientas que se ponen a disposición de quien lo desee (podemos destacar el Visualization Lab, en colaboración con Many Eyes, la herramienta de visualización de IBM) y que dan acceso a algunas de las bases de datos de la organización (como las críticas cinematográficas y gastronómicas o la información financiera de la última campaña electoral).
• Usabilidad, intuitividad y predictibilidad. Un elemento clave para el éxito de un interactivo es la usabilidad. En este campo, probablemente los contraejemplos son de más utilidad y Pilhofer apunta a algunos de los infográficos sobre fútbol americano que habían desarrollado en el pasado y que presentaban problemas con la usabilidad o la navegación, entre otros elementos (más tarde, en el turno de preguntas calificaría la llegada de un arquitecto de la información al equipo de “regalo divino”).
• Reinventar formas conocidas del periodismo en la web. Pilhofer señala el ‘experimento visual’ What One Word Describes Your Current State of Mind?, que ‘pintaba’ las sensaciones de sus lectores el día de las elecciones, en función de su ideología política, reinventando efectivamente el “periodismo de alcachofa”.
• Todo es datos. Represent (en beta) es una herramienta que permite, especificando una dirección o un código postal, determinar que representantes políticos corresponden a una zona y presentar con una interfaz unificada todas las noticias relevantes, al estilo de un ‘newsfeed’ de Facebook. También está en esta línea el visor de documentos On the Origin of Species, una interfaz al libro homónimo de Charles Darwin con ocasión del 150 aniversario de su publicación, especialmente anotada por múltiples científicos.

En el turno de preguntas Pilhofer insistió en que el trabajo desarrollado en su grupo es periodismo y que lo único que sucede es que este se encuentra en proceso de profundo cambio. En esta línea, destaca que el grupo de ‘interactive news technologies’ se ubica físicamente en la redacción y no junto a los responsables técnicos de la web. Su preocupación por la industria de la prensa se centra en la falta de capacidad para adaptarse al espíritu de la web lo suficientemente rápido.

Más datos

Amanda Cox es estadística por formación y está detrás de algunas de las aplicaciones de visualización de información más interesantes de la producción del New York Times (y, por extensión, del mundo de la infografía, como demuestra la cantidad de medallas de oro del certamen que acabaría llevándose a casa).

El tema de su charla, Looking for Patterns (Why we should throw away more data) se centra en que “las distribuciones [estadísticas] son más interesantes que las medias”. Así, dos de las visualizaciones que presentó, All of Inflation’s little parts y The Ebb and Flow of Movies: Box Office Receipts 1986 — 2008 colocan sobre el papel o la pantalla mucha más información de la que se suele consumir en un diario, intentando dotar al lector de herramientas para encontrar el conocimiento oculto en los datos… y es que, como apunta, que la tecnología nos permita producir infográficos estéticamente más brillantes y más intensivos en datos no significa que estos nos aporten significado; no es lo mismo presentar datos que explicar una historia y lograr ambas cosas simultáneamente requiere la conjunción de al menos dos factores: el acceso a los datos y un equipo con talento y las habilidades adecuadas.

Una de las tendencias que apunta Cox es la presencia cada vez mayor de la infografía en la portada web del diario, ocupando el lugar que anteriormente habría sido exclusivo de la fotografía. Pese a ello, posteriormente, respondiendo a las preguntas de la audiencia, manifestó que es complicado medir el éxito de un infográfico y que los números que da la analítica web son decepcionantes para todos los productos “visualmente sofisticados”, tanto por lo que hace referencia a los infográficos interactivos como a las producciones en vídeo o multimedia. El feedback recibido indica una respuesta negativa muy escasa y respuestas positivas que, si bien son también poco significativas, son entusiastas. En palabras de Cox “no es grave perder una parte del público para entusiasmar del todo a unos pocos”. Un ejemplo destacado de “infográfico de portada” es How Different Groups Voted in the 2008 Democratic Presidential Primaries, que ocupó tan destacado lugar en junio de 2008.

Otro punto destacado en la charla es cómo el infográfico, en ausencia de contexto, es una herramienta más útil para explorar y profundizar en una noticia sobre la que ya se tiene un cierto conocimiento que como primera aproximación. Así, por ejemplo, en A Map of Olympic Medals, las variaciones en el medallero correspondientes a los Juegos de 1980 y 1984 no tienen sentido si quien lee no tiene conocimiento de los boicots que tuvieron lugar en esos años.

Cuando se habla de infográficos basados en datos que se obtienen automáticamente se pone de manifiesto el cisma entre el “público web” y el “público papel”: mientras el segundo está acostumbrado a piezas informativas estáticas, con una fecha, el primero tiende a esperar información actualizada día a día. Si bien la herramienta automatizada es capaz de lanzar los nuevos datos en el momento en que estos entran en la base de datos, los interactivos no se limitan a la esos datos. Como ejemplo podemos considerar How This Bear Market Compares, sobre la crisis bursátil, publicado en octubre de 2008, o Oil Prices Reach a Symbolic Mark, de febrero de 2008, dos piezas sobre las que siguen recibiendo peticiones de actualización en la redacción. Si bien mantener los datos de ambos ejemplos actualizados está al borde de lo trivial, los textos e imágenes que acompañan al primero o la narración de audio del segundo requerirían de un esfuerzo de actualización nada sostenible.

Cox también se detuvo en los efectos que tiene publicar interactivos tan sofisticados, que ofrecen al público múltiples posibilidades de exploración. Al finalizar las elecciones presidenciales en Estados Unidos el Times publicó Electoral Explorer un sofisticado mapa que permitía filtrar los resultados electores al nivel del condado, utilizando criterios demográficos como densidad de población, nivel económico o educativo, etc. Poner al alcance del público estos datos, junto con las correspondientes herramientas de filtrado y visualización, permitió el desarrollo colectivo de un impresionante trabajo de investigación que comenzaba apreciando la mayor densidad de voto demócrata en una zona del sudeste de los Estados Unidos, vinculándolo primero con la densidad de población afroamericana, el “cinturón del algodón” después y, finalmente, con los eventos geológicos que llevaron a la aparición de un suelo especialmente fértil para el cultivo del algodón, lo que llevaría a una mayor concentración de esclavos africanos en esa área y concluiría con el voto especialmente pro-Obama en la zona. En esa misma línea de estímulo a la comunidad, pero con un efecto absolutamente diferente, Cox menciona lo que ella considera una mejora de sus propios gráficos sobre audiencias cinematográficas, que muy probablemente no habrían surgido de no ser a la popularidad de estos, alimentada por la relevancia mediática de la cabecera del New York Times.

El último punto de la charla se centró en los trabajos más recientes de Cox, que tienden a la máxima simplificación posible.Su producción hasta el momento ha dado lugar a trabajos visualmente espectaculares y complejos en lo que hace referencia tanto a los datos como a las interfaces utilizadas; ahora, prioriza un trabajo previo mucho más intenso de filtrado de los datos para producir un infográfico mucho más simple pero también mucho más efectivo para una audiencia que no realiza el esfuerzo de usar las herramientas que se le han dado. Destaca, en este aspecto, el trabajo Decision Tree: The Obama-Clinton Divide que, pese a su simplismo extremo —que, con toda seguridad, no merecerá ningún premio— supone el filtrado de más 300,000 puntos de datos para concentrar el análisis que, de otra forma, podría haber requerido de horas de trabajo por parte del lector interesado.

Finalmente, en el turno de preguntas se le preguntó por las herramientas utilizadas en su trabajo y los perfiles profesionales de sus colaboradores. En cuanto a herramientas, destacó el paquete de análisis estadístico R, Flash, Flex y el lenguaje de programación ActionScript y, en último lugar, la potencia e importancia crecientes de Processing. En cuanto a los perfiles, destacó que los orígenes educativos y profesionales de los que desarrollan este tipo de trabajo en el diario son de lo más variopinto (desde la estadística de la propia Cox a estudios de economía, informática o diseño), que dan al profesional una pequeña parte de los conocimientos que necesitará en su desempeño, que luego se complementan en muchos casos de manera autodidacta, en ausencia de muchos centros educativos que tengan una oferta académica orientada a este campo.

Y sobre función comunicativa y estándares… tenemos ya al nuestro alcance mucha literatura. Muchos de los conceptos no son nuevos, formaban parte del cuerpo teórico de disciplinas como la Comunicación, la Antropología Cultural, la Semiótica, etc. Simplemente se han contextualizado, revisado y adaptado al nuevo espacio comunicativo.

El usuario, el protagonista

La aparición de la web 2.0, la llamada web social, donde el usuario es el protagonista ha sido quizás el factor más novedoso y de ineludible referencia en el momento en que decidimos comunicar un mensaje en esta vasta red que nos tiene atrapados.

La función comunicativa centrada en el usuario, en sus emociones y en sus experiencias pasa, pues, a ser prioridad absoluta en nuestro planteamiento de diseño. Debemos pensar y diseñar una web pensando en los usuarios (nuestra audiencia), sus intereses, sus motivaciones y condicionantes. Tener ésto en cuenta nos puede librar de ideas equivocadas y conceptos que, por arrogancia o ignorancia, acaban no cumpliendo las expectativas puestas en nuestro proyecto web.

Así pues, si queremos obtener resultados satisfactorios, deberemos sustentar nuestro trabajo en dos patas: la certeza de lo que queremos transmitir y el conocimiento de aquellos a quiénes se lo queremos transmitir.

¿Por dónde empezar?

Lo primero que debemos hacer es pensar y hacer pensar. Pensar en nuestra futura web, en los objetivos que perseguimos, en lo que queremos comunicar, en los servicios que queremos dar… y contrastar nuestras ideas con los potenciales usuarios de nuestra web. Para ello es muy útil realizar sesiones de brainstorming (tormenta de ideas) donde sentaremos a nuestro público potencial y le haremos preguntas para que reflexionen en voz alta. Se trata de conocer a fondo las necesidades de nuestra audiencia, sus gustos y preferencias.
Si no es posible hacer una sesión de este tipo, intercambiar tus ideas con un amigo o familiar (que cumplan con el perfil de tu audiencia) puede ser muy útil.

Por otro lado, miraremos con lupa a los que ya han hecho algún proyecto similar al que queremos diseñar. No es que vayamos a copiarles, no, se trata de ver aquello que ya funciona bien, las buenas prácticas, y aquello que no da resultado.

Con toda esta información será el momento de ordenar todas las ideas para definir cuáles serán los objetivos que queremos cumplir con la web, cuál será nuestra audiencia y cómo nos dirigiremos a ella, de qué manera nos diferenciaremos de la competencia, qué contenidos serán los más importantes… A partir de esta reflexión ya podremos empezar a construir el “esqueleto” de nuestro proyecto, que comenzará a tomar forma.

El esqueleto de la web

Empezaremos definiendo la información que queremos ofrecer y la manera cómo la vamos a agrupar. Es decir, crearemos el árbol de contenidos: se trata de organizar los contenidos de una forma lógica e intuitiva para que el usuario sepa rápidamente donde hacer clic para encontrar la información que está buscando.

Cuando tengamos el árbol de contenidos medianamente cerrado (los árboles, como pasa en la naturaleza, no paran de crecer y transformarse) decidiremos cómo se mostrará y distribuirá la información en nuestra web. Una manera muy práctica de hacerlo es “dibujar” cada pantalla: se trata de hacer esbozos (también llamados wireframes) con un papel y un lápiz o utilizando programas informáticos como Power Point, Visio, OmniGraffle, etc. Lo ideal es hacer un wireframe para cada página del árbol de contenidos, de esta manera tendremos una visión general de la futura web.

Los wireframes nos ayudarán a reflexionar sobre la mejor manera de mostrar los contenidos, saber cuáles son las informaciones más importantes, cómo navegará el usuario por nuestra web… Los wireframes tienen que ser realistas y viables tanto desde el punto de vista técnico como económico y deben servir para solucionar dudas o temas pendientes antes de pasar a la fase de diseño, maquetación y programación.

Diseño y maquetación

Y finalmente llega el momento de ponerle cara al proyecto mediante un diseño adecuado. Y decimos adecuado porqué el diseño debe ir más allá de la mera función estética: debe apoyar y complementar las decisiones tomadas y seguir los objetivos definidos.

Una vez tenemos el diseño, es el momento de encajar las piezas mediante la maquetación. El maquetador se encarga de que las piezas de diseño se ajusten bien las unas con las otras y de que todo se vea como ha sido planteado previamente por los diseñadores. Si el azul es celeste, deberá verse celeste y no marino, por ejemplo, o si hay 5 píxeles de distancia entre dos fotos, deberán ser 5 píxeles y no 7.

¿Lo estamos haciendo bien? La usabilidad

El proceso ideal incluye aquí un alto en el camino: hemos definido los objetivos, conocemos las expectativas de nuestros usuarios y con ello hemos hecho un planteamiento estructural y de diseño, pero… ¿Lo estamos haciendo bien? Es un buen momento para plantear una nueva reunión, una nueva puesta en común con nuestra audiencia para saber si hemos comprendido lo que nos querían transmitir, si hemos acertado en el diseño, en la manera de plantear la navegación, en la organización de la información… Todo ello afectará a la usabilidad (la facilidad de uso).

Hay diferentes manereas de testear la usabilidad de una web: test de usabilidad, entrevistas en profundidad, análisis heurísticos… El objetivo es detectar qué aspectos deben mejorarse para adaptarlos a la lógica de los usuarios y garantizar que cuando visiten nuestra web puedan cumplir rápidamente los objetivos que les han llevado a visitarnos.

Programación, lanzamiento y seguimiento

Una vez finalizados los retoques pertinentes, se pasa a la fase de programación, la parte más técnica del proyecto, y se prueba el funcionamiento antes de su publicación en Internet. A partir de este momento, empezarán las tareas de difusión y promoción.

Y la tarea de difusión y promoción, pasa, obligatoriamente por el posicionamiento en los distintos buscadores, especialmente en Google. Para existir en Internet tenemos que estar en Google, para ello debemos elegir con sumo cuidado las palabras clave (keywords) con las que queremos que nos encuentren cuando algun usuario las teclee en un buscador y conseguir que otras webs (blogs, Technorati, Del-ici-ous) enlacen a nuestra página. De esta manera conseguiremos dos cosas:

• Si estamos presentes en otras webs más, fácil será que nos conozcan y que los usuarios que nunca llegarían directamente a nuestra web, lo hagan a partir de una web que tenga nuestro enlace.
• Cuántas más páginas enlacen a la nuestra, mejor será nuestro posicionamiento en Google, y más fácil será hacernos visibles.

Una web nunca hay que “aparcarla” sin más: debemos estar pendientes de lo que en ella acontece, observar el comportamiento de nuestros usuarios, ya sea mediante una medición analítica (cómo se mueven los usuarios, qué páginas visitan, cuánto tiempo están en cada página, qué contenidos no miran…) o mediante el análisis de sus comentarios, intercambios, inquietudes, sugerencias… y actuar en consecuencia: cambiando determinados elementos, añadiendo contenidos, reorganizando la información, etc.

Hay que tener en cuenta que la vida de un una web no es eterna, necesita evolucionar al mismo tiempo que lo hacen nuestros objetivos, las necesidades de la audiencia, las herramientas y los comportamentos sociales. Por lo tanto, es conveniente repetir periódicamente el proceso desglosado en este artículo para no perder el impulso en este entorno tan dinámico y cambiante llamado Internet.

Enlaces de interés

No solo usabilidad, revista de diseño web
http://www.nosolousabilidad.com/

Boxes and Arrows
http://www.boxesandarrows.com

WebEstilo
http://www.webestilo.com

Alzado
http://www.alzado.org

Useit (Jakob Nielsen)
http://www.useit.com

Guías y tutoriales de usabilidad
http://www.usability.gov/

Faz, revista de diseño de interacción
http://www.revistafaz.org/

Mosaic: Diriges Quadrícula desde el año 2000, pero ya tenías experiencia en el sector del diseño gráfico anteriormente. ¿Qué es lo que te llevó a crear tu propia empresa?

Ramon Masip: La inconsciencia, supongo. Y el responderme a la pregunta: ¿Si tuviese una empresa, contrataría a alguien como yo? Como la respuesta era no, pues me monté mi empresa. Así no te pueden echar. Tenía experiencia en informática pero a nivel muy básico, y nunca mejor dicho, ya que había dado clases de BASIC y ofimática a principios de los 90: DBASE III PLUS, Lotus 123, Wordstar creo que se llamaba… Pero me gustaba todo aquello que hacía referencia al diseño, así que me apunté a un curso sobre “Herramientas Multimedia para Internet”.  Corría el año 1999, y por aquel entonces el mundo de internet era todavía muy desconocido, incluso para mí. Aun así, me pareció fascinante.

Monté Quadrícula en el 2000, aprovechando que una amiga diseñadora gráfica, Mª Jesús Azor, quería también independizarse. Así,  alquilamos juntos una oficina, lo que nos permitía compartir gastos.  De ahí a un curso en la escuela BAU de diseño gráfico por las noches, del cual sólo hice 1 año, ya que empezó a entrarme trabajo, y hasta ahora.

Mosaic: Nueve años después de aquellos inicios, la empresa ha evolucionado y ha cambiado el rumbo. Actualmente, ¿qué tipo de trabajos y proyectos realizáis?

R.M.: Hemos pasado de ser una empresa de diseño gráfico a dedicarnos en exclusiva al diseño y programación web. Tuvimos un punto de inflexión muy importante en el año 2007, que nos hizo recapacitar y nos obligó a especializarnos para poder seguir avanzando. El hecho de que el personal con el que contaba estuviera especializado en internet, hizo que me decantara por ese sector.
Actualmente, nuestro trabajo se basa casi en exclusiva en el diseño de webs, portales y tiendas online. También estamos empezando a realizar proyectos propios, o incluso compartidos con otras empresas y clientes, a los que aportamos nuestra experiencia en el sector. Somos un equipo de cuatro personas, dos de ellas a tiempo parcial. Además, mantenemos estrechas relaciones de colaboración con otras empresas, sobre todo con antiguos trabajadores que decidieron montar sus propios negocios dentro del mundo del web.

Mosaic: ¿Qué proceso de trabajo se sigue en Quadrícula? ¿Cómo se conceptualiza la web y su diseño?

R.M.: Partimos de un punto básico, que son las reuniones con el cliente. En Quadrícula siempre hemos creído que no puede haber dos webs iguales, ya que no existen dos clientes iguales. Es por eso que necesitamos de todo el conocimiento posible de la realidad del negocio del que vamos a realizar la web: producto, servicio, target al que van dirigidos, historia, catálogo, etc. De las primeras reuniones salimos con la idea de hacia dónde debe ir el proyecto, y a partir de ahí ponemos deberes ya que en definitiva son los clientes los que mejor conocen su negocio.

A nivel de diseño creo que una web debe ser la continuación de la imagen global de la empresa, por lo que si el cliente tiene un libro de estilos intentamos seguirlo al máximo, pero dándole nuestro toque en los detalles. En los casos donde el cliente quiere romper es en los que más disfrutamos, pues podemos inventar nuevas distribuciones de contenidos, navegabilidades, etc.

Mosaic: En los últimos años han aparecido nuevas herramientas de diseño web. ¿Hay herramientas que simplifican la tarea de creación de una página web o lo básico continúa siendo el código?

R.M.: El uso de las herramientas de programación te ayuda a ser más productivo, pero si realmente quieres hacer un buen trabajo necesitas conocer el código a fondo, conocer todas las instrucciones, sus atributos y cómo los interpretan los distintos navegadores. Yo tardé muchos años en abandonar mi querido Notepad, y eso me permitió conocer mejor cómo estructurar el código y el uso de los atributos.

Mosaic: Trabajáis para particulares, pero muchos de sus trabajos son también para entidades y la Administración local y comarcal. ¿Hay alguna diferencia a la hora de tratar con el cliente?

R.M.: No existe ninguna diferencia. Un cliente, sea de la administración pública, una empresa o un particular, no deja de ser el que te exige lo mejor para su proyecto, y la relación debe ser de total confianza. Se crean unos vínculos muy fuertes con nuestros clientes, ya que la mayoría no conocen este mundo, así que deben creerte casi a ciegas cuando les aconsejas como estructurar sus contenidos.

Mosaic: ¿Esa relación de confianza con el cliente la podemos entender como un valor añadido ante la gran oferta de empresas de diseño web existentes en el mercado?

R.M.: En nuestro caso lo que pretendemos es hacer entender a nuestros clientes que una web debe ser algo vivo, debe actualizarse constantemente para mejorar la comunicación y para mejorar la indexación, y trabajamos con ellos día a día, ayudándoles a que su web no les sea una carga, sino una ventaja competitiva. Esto repercute en que nuestros proyectos perduran en el tiempo, nuestros clientes siguen con nosotros y eso nos permite tener una base amplia de trabajos.

Mosaic: ¿Qué papel juega el portafolio en este aspecto?

R.M.: Muchas de las webs de nuestro porfolio son segundas, terceras y hasta cuartas versiones de un mismo cliente. Para nosotros el porfolio es básico, ya que te permite mostrar hasta dónde llega tu conocimiento, tu estilo y, sobre todo, para mostrar nuestra gran variedad de trabajos. Muchas empresas de diseño web no podrían hacer eso, ya que su catálogo es repetitivo por usar siempre las mismas plantillas, ya que anteponen el beneficio de un trabajo rápido a la calidad de un trabajo único.

Mosaic: ¿Qué ventajas ofrece un gestor de contenidos?

R.M.: Los CMS, como el que hemos desarrollado en Quadrícula, sirven para poder dedicar menos tiempo a la parte privada del web, a la intranet, y más a la parte pública, que es la que verá el target de nuestro cliente. De esta manera ganamos tiempo de desarrollo y podemos hacer webs más bonitas y usables.

Mosaic: ¿Es recomendable adaptar un CMS a una pequeña empresa que quiere tener una presencia actualizada y regular en Internet?

R.M.: El uso de CMS yo lo dejaría para grandes proyectos más que para pequeñas empresas. Para una web corporativa al uso es más práctico tener una web a medida, con un servicio de mantenimiento, que andar deshaciendo un sinfín de utilidades de los grandes CMS, que no sirven para su proyecto y que hacen complejas las actualizaciones.

Mosaic: ¿Qué herramientas debe tener en su ordenador una persona que se quiera dedicar al diseño web de manera autosuficiente?

R.M.: Para que un desarrollador de webs pueda realizar todos los pasos necesitará distintas herramientas: Photoshop, Dreamweaver, Notepad++, etc. Pero lo que yo recomiendo es sobre todo trabajar en un buen entorno, como puede ser Aptana, que te facilite el trabajo.

Mosaic: Y, ¿de qué conocimientos debe disponer esa persona interesada en trabajar en la creación de páginas y sitios web?

R.M.: La especialización de internet ha hecho que uno ya no pueda dedicarse a todos los aspectos que requiere el realizar una buena web. Si realmente te quieres dedicar a esto, debes elegir qué especialidad te será más atractiva: el diseño, la programación, la usabilidad, el SEO, etc. Una vez sepas por donde tirar, es bueno especializarte en la opción elegida y aprender un poco de todo, para que tu aportación a un proyecto web sea más eficiente.

Mosaic: ¿La complejidad de las páginas web a día de hoy exige perfiles muy especializados? Y lo más importante, ¿hay trabajo para ellos?

R.M.: Sí, hay mucho trabajo; lo exigen los clientes, lo exige internet y lo exige nuestro futuro. Somos trabajadores que estamos inventando nuestra profesión día a día. No tenemos historia que nos guíe sobre cómo debemos hacer las cosas, y eso es una ventaja, pero también un inconveniente. Todos hemos tenido que luchar contra un jefe de empresa cuyo hijo ha hecho un cursillo en el instituto de Flash o de HTML, y que se cree que con eso ya es suficiente para realizar una web y no entiende el porqué de tu precio. Ahora, la especialización y el hecho de que internet realmente requiera de unos conocimientos más avanzados de las herramientas y técnicas, facilita el que puedas distinguir una buena web de un trabajo amateur. Eso nos salvará a muchos; digamos que dignificará nuestra profesión.

Mosaic: Uno de esos aspectos es la usabilidad, a la que se da gran importancia. ¿Es más ruido que nueces?

R.M.: La usabilidad es básica, pero siempre teniendo en cuenta el público al cual va dirigido un trabajo concreto. Entendemos que el usuario de internet no es un tipo fijo, estándar y homogéneo. Existen muchos perfiles con características distintas, y la usabilidad debe adaptarse a los distintos targets a los que iremos dirigidos. No podemos tratar igual una web que va enfocada a diseñadores gráficos, que una dirigida a niños, a jóvenes o a empresarios del mundo del caucho. Cada uno tiene su propia experiencia de navegación y debemos adaptar la web al uso que se le vaya a dar. Esa es la buena usabilidad. No hay webs usables o inservibles, hay buenas o malas webs en función de su público.

Mosaic: ¿De la accesibilidad se puede decir lo mismo?

R.M.: Sí, la accesiblidad viene a sufrir los mismos males.

Mosaic: Hace tres años vio la luz otro proyecto: Infocket Información Portable, una empresa especializada en crear y distribuir contenidos para dispositivos móviles. ¿Cuáles son las principales diferencias al diseñar contenidos en función de la plataforma?

R.M.: Infocket nació a partir de una colaboración con la empresa Q-interactiva de Oviedo, que pertenece a Marcos González y Jorge Canteli, con los que nos asociamos en 2006 para aprovechar el auge de los dispositivos móviles. Realizamos un mapa interactivo portable para PDA’s, dispositivos que estaban de moda en esa época.

Inicialmente creímos que era una buena oportunidad de negocio. Posteriormente hemos podido comprobar que la evolución natural han sido los smartphones y los teléfonos de gama media alta con sistema operativo, y creemos que debemos seguir por ahí, confiando en el uso de FlashLite como lenguaje de programación. Los productos que desarrollamos están centrados casi en exclusiva en contenidos que ayudan a mejorar la experiencia del usuario.

Mosaic: Los dispositivos móviles con acceso a Internet están en proceso de expansión, pero pocas son las webs adaptadas a ellos. ¿Ganará importancia el diseño pensando en el formato móvil?

R.M.: En su día vimos que el futuro está en el móvil, y viendo como están apostando las grandes compañías de telefonía en las tarifas planas de datos, creo que no nos equivocamos. Lo que deben entender los desarrolladores, es que los móviles son elementos con características propias, y que aunque el navegador de un móvil pueda mostrar una web más o menos bien, si lo que queremos es una buena experiencia para el usuario, dicha web debe programarse como una aplicación a medida para su correcta visualización.

Mosaic: Tu último proyecto ha sido fundar Penedesdigital.cat, un medio de comunicación digital. ¿Cuál es la clave para diseñar un diario digital atractivo y a la vez sencillo de manejar por parte de la redacción?

R.M.: Lo de penedesdigital.cat viene a ser la respuesta a lo que hablábamos al principio: buscar proyectos propios que nos permitan depender menos de la entrada de clientes y empezar aventuras nuevas. En este caso, y en la primera versión del periódico, empezamos adaptando un gestor propio, pero el problema surgió con las mejoras. El día a día no nos dejaba tiempo para programar los módulos necesarios para mejorar el producto, así que decidí cambiar a un WordPress. Fue un gran acierto y supongo que un gran cambio cualitativo. Además nos permitió realizar mejoras con mayor rapidez.
Wordpress también permite el que todos los componentes de la redacción puedan trabajar desde sus casas, o incluso, si la ocasión lo requiere, publicar una noticia desde el mismo lugar en la que se está produciendo gracias al uso de tabletpcs con conexión a internet. Creo que se está creando una nueva manera de consumir información; el futuro del periodismo está en el móvil.

Mosaic: Para acabar, ¿a qué tendencias recomendarías que preste atención un profesional novato?

R.M.: Yo les recomendaría profundizar en el diseño basado en XHTML y CSS y, sobre todo, intentar ceñirse al máximo a los estándares, aunque sabemos que por desgracia esto es una utopía, y más viendo como llegan las nuevas versiones de los navegadores. En cuanto a lenguajes de programación: PHP, Ajax y Javascript a fondo. Con esta combinación se pueden realizar trabajos muy buenos.

Mosaic: ¿Qué prácticas y hábitos les aconsejarías a esos profesionales novatos?

R.M.: Les recomendaría navegar con los ojos abiertos, fijarse en los detalles de  las webs que les gustan y seguir aquellas páginas que recopilan los mejores trabajos y recursos, como la del amigo Skeku, de Criteriondg, ya que la información que existe es tanta que muchas veces se nos escapa. También les recomendaría leer, comprarse manuales de programación o libros de diseño.

Este recurso de Ricard Escandel da constancia de unos cuantos programas de edición y organización de fotografías como Fotoflexer, Lunapic o Snipshot, para un mejor uso y conocimiento de éstos.