5 puntos para pasar de ser diseñador gráfico a ser diseñador web

Apuntarse a curso de hacer webs

Fijémonos en los periodistas y su “el papel está muerto“. Todo el mundo ve claro que los profesionales de la comunicación necesitan una reconversión. Todos vemos que el papel nunca volverá a ser lo que fue, pero ¿lo vemos también los diseñadores “gráficos” en nuestro propio ámbito profesional?

Ya nos conocemos. Controlamos los más ínfimos detalles de imprenta, hacemos repetir tiradas por acabados chapuceros, flipamos con los nuevos tipos de papeles que nos trae el siglo XXI, con los troqueles, con los barnices marcianos, con las tintas de colores inverosímiles… En fin, el soporte tradicional del papel es en el que todos los diseñadores gráficos nos sentimos como los Masters del universo. Estupendo, pero ¿cuántos proyectos nuevos nos llegan que solo necesiten diseño offline?

Luego, está el vértigo y el sudor frío del diseñador gráfico que se lanza a hacer un diseño para web: el idioma incomprensible del programador, que todo queda demasiado grande o demasiado pequeño cuando ves el diseño aplicado en HTML, que no puedes utilizar las tipos que quieres, que el texto o la imagen que ha metido el cliente con el gestor de contenidos se ha cargado la maquetación… Es complicado y frustrante y esto genera que muchos diseñadores huyan como alma que lleva el diablo de todo lo que tenga que ver con web.

La comunicación basada en la imprenta no ha variado mucho desde que existe. Internet es todo lo contrario. Desde que existe se ha reinventado tantas veces que decir web 2.0 es quedarse cortos en el número de versión. Sería fácil decir que los diseñadores gráficos somos unos comodones que no queremos recliclarnos hacia el mundo web. Pero no. Creo que precisamente hablar del “reciclaje del diseñador” es el problema.

Dar cursillos de Dreamweaver, de SEO o de Redes Sociales a diseñadores no sirve. Todo este reciclaje frustra aún más al diseñador porque solo se centra en la técnica, no en la naturaleza de internet. Es como si para ser buen diseñador de carteles tuvieses que hacer un curso de carga de rollos de papel en rotativa o de calibrado de fotolitos. Para diseñar para internet hace falta una visión global de cómo es la comunicación entre y para personas más que tener una visión centrada solo en la técnica que hace funcionar a la red.

Para iniciar este proceso de cambio hacia internet, se me ocurren estos puntos:

  1. Conocer las tripas de la comunicación. Comprender los mecanismos que hacen bueno un texto, una foto, un cuadro o un audiovisual. Somos prescriptores y tenemos que tener criterio y buen gusto. Internet es contenidos – muchos contenidos – y tenemos que saber discernir cuales son los mejores para componer con ellos y poder conseguir en internet los objetivos que demandan nuestros clientes o nosotros mismos.
  2. Aprender a componer con unidades de información multidimensionales. Ya no solo hay textos, fotos, ilustraciones y grafías. En internet también se compone con vídeos, comentarios, acciones e incluso con el propio tiempo, como si fuésemos físicos cuánticos :D
  3. Saber comunicar nuestras ideas a nuestro equipo. Los desarrolladores no son tan ariscos como parecen. Solo necesitan que les pases todas tus ideas de la manera más detallada posible. Incluso puedes darles lo último el diseño visual. Sí, lo último.
  4. Comprender como funcionan los lenguajes de programación. No es necesario saber programar una aplicación en PHP, Python, Ruby on Rails o .NET, pero hay que saber lo que es una variable, una sesión, un array, una query… procedimientos comunes que se utilizan en cualquier desarrollo. Así, hablar con cualquier desarrollador lo podrás hacer sin subtítulos ;)
  5. Saber HTML básico y CSS a fondo. No hay que centrarse en la herramienta (Dreamweaver y sus amigos), si no en saber construir una buena estructura de la información.

Los cinco puntos se pueden ir poniendo en marcha de manera simultánea, pero creo que el primer punto es fundamental antes de entrar en los demás. Conocer el medio es vital. Pensemos que diseñamos para internet y que no solo hacemos diseños visuales que se aplican en sitios web.

Y si todo esto no te convence ¿Qué propones tú para reconversión del diseñador?. Los comentarios están abiertos…

Posted on

abril 14th, 2013

Category

diseño

La individualidad de la creatividad

La belleza de la creación individual‘. Javier Cañada, director de Vostok Studio – uno de los principales referentes en diseño de interacción y UX en España – en TEDxValladolid 2012.

Belleza, armonía, la asombrosa capacidad de creación del ser humano, la soledad de la creación y la necesidad del grupo para la construcción de cualquier creación.

Esta charla dice cosas que parecen contradecir muchos de los temas que he planteado en otras ocasiones en este blog como el diseño centrado en la solución de problemas del usuario o la implicación del cliente y del usuario en el proceso del diseño. Pero a pesar de ello, comparto la opinión de Javier sobre que la idea de un diseño solo la puede concebir una persona de manera individual.

Los buenos diseñadores son prescriptores. Como lo son los arquitectos o los periodistas. Marcan las líneas a seguir, guían. Atan la idea, le dan coherencia y solidez. Controlan la ejecución y aspecto de la idea.

Los buenos diseñadores se comprometen mejor que cualquier comité con su propia idea porque es suya, creada en la intimidad de su imaginación. La están viendo materializada antes de exista mientras que en un comité cada miembro tiene una visualización diferente y ninguna concreta en conjunto.

Los buenos diseñadores escuchan visiones externas y las valoran. Asumen responsabilidades por sus errores. Los comités solo se escuchan a sí mismos y la responsabilidad de los errores solo se diluye entre sus miembros, no se asume.

Como una vez le dijeron a un gran amigo mío ‘El diseño no es democrático‘ :)

Gracias Álvaro por compartir el vídeo ;)

Posted on

enero 6th, 2013

Category

diseño

3 deseos de diseñador para 2013

cainSan pensando posts

Empieza un año nuevo y… ¿qué desean los diseñadores para esta nueva fase del futuro? Pues, cosas como estas:

Diseñar como compromiso con la sociedad

Se sigue considerando al diseño como algo meramente estético, aunque cada vez hay más ejemplos de todo lo que el buen diseño está aportando a la sociedad en general. Aquí van dos:

  • El compromiso de gobiernos como el de Reino Unido por hacer realmente útil los sitios webs institucionales. En 2012 hablé de ello en ‘El decálogo de la simplicidad de gov.uk‘.
  • El compromiso de muchos diseñadores (en el sentido más amplio de la palabra) con la mejora de las condiciones de la vida en el planeta como se puede ver en ‘10 Of The Year’s Best Designs For Social Good‘: iluminación low-cost para quirófanos de países en desarrollo, casas con energía solar autosuficientes, el uso de impresoras 3D para enfermedades raras…

Pensamiento de diseño (Design thinking) para todos los tamaños de diseñadores

Aunque es una filosofía de trabajo – algunos dicen que de vida – habitual en el mundo anglosajón y en hispanoamérica, el ‘Pensamiento de diseño‘ (alias ‘Design Thinking’) no acaba de tener presencia relevante en España. Parece que los diseñadores estamos muy cómodos en el entorno físico-gráfico y no nos atrevemos a ser diseñadores de conceptos.

Tenemos que empezar a creer en nosotros mismos como motores de innovación y facilitadores en proyectos de todo tipo. Especialmente, si somos pequeños: freelances, estudios de diseño gráfico sin comerciales, agencias de publicidad “de provincias”…

Si Ideo, una de las empresas más grandes en esto del Design Thinking, consigue la implicación emocional en sus proyectos de frías instituciones y gigantescas multinacionales ¿cómo no lo vamos a lograr los más pequeños, que conseguimos nuestros clientes hablando de persona a persona? ¿Nos atreveremos a diseñar estrategias de negocio? ¿Acaso los freelance y los estudios pequeños no somos empresarios que llevan un negocio?

Recomiendo repasar el post titulado ‘Diseñadores… ¿o qué? de este mismo blog para conocer un poco más mi visión.

Visibilidad y puesta en valor del diseñador y del buen diseño

Tras leer este artículo sólo pude decir aquello de ¡Cuánta Razón!: ‘Invisibilidad profesional. La ceguera de los diseñadores les impide ver que son invisibles.‘ Parece que es un mal mundial. Aunque el artículo habla de la situación en Chile, creo que es trasladable 100% a España a nivel local.

Nuestros propios vecinos no saben que somos diseñadores y que podemos solucionarles muchos problemas que les impiden centrarse en sus respectivos negocios. En 2013 toca evangelizar: el buen diseño profesional siempre es beneficioso seas grande, mediano o pequeño. Quizá pensamos demasiado en los grandes gurús del diseño como Apple y nos fijamos demasiado en lo cool que son Londres y Nueva York cuando nos vendemos cara a cara. Pensar en grande es bueno, pero si no lo comunicamos bien o no los mostramos bien, nadie va a entenderlo.

Me gustaría que en 2013 el diseño y los diseñadores tomásemos las calles de las pequeñas y medianas ciudades de España y que se fuese más crítico con el diseño en las grandes ciudades. ¿Alguien se apunta?

 

Conclusión, nos tenemos que querer más y vender mejor,  carajo.

¡Propicio año del 13! :)

Posted on

enero 1st, 2013

Category

diseño, ¡Arranca!

En estas fechas tan señaladas…

Sean de un lado o sean de otro.
Sean creyentes o sean descreídos.
Sean de cenar mucho o de cenar mucho más.
Sean infieles o adeste fideles.
Sean Connery o Roger Moore…

¡Muevan sus caderas al ritmo del Navidez Rock!

Vuelvo a compartir con todos ustedes esta pequeña obra macarra y divertida que grabé en 2008. ¡Qué tiempos aquellos en los que tenía tiempo y tal!…

Propicio solsticio de invierno.
¡Viva el sol invicto! Disfruten Saturnalia.
En definitiva, Feliz Navidez ;)

Posted on

diciembre 21st, 2012

Category

variedades

La importancia de una tilde

Los fu(tu)ros de dos entidades financieras

Las dos fotos que ilustran esta entrada muestran las campañas de planes de pensiones de dos conocidas entidades bancarias catalanas. Ambas fotos están tomadas durante la misma tarde y en la misma ciudad.

En primer lugar, me llama la atención que ambas entidades usen la misma palabra. Las dos se dirigen al mismo tipo de persona: esa que no necesita que le digan de manera obvia “tenemos planes de pensiones que te pueden interesar”. En las dos, la palabra futuro es el contenedor de las ideas a transmitir y así se recalca usando exclusivamente tipografía en ambas aplicaciones gráficas.

A pesar de todo, lo más interesante y la principal diferencia, antes que en un estilo gráfico mejor o peor solucionado, está en la tilde de la u central.

  • En el cartel de la izquierda, el banco te habla a ti. Te llama directamente, te dice “tú”. Usa el pronombre personal de segunda persona de singular.
  • En el de la derecha, el banco te habla de una cosa tuya. Te habla de “[tu] tranquilidad”. Usa el pronombre posesivo de segunda persona de singular.

Me encanta ver cómo cuando usamos correctamente la expresión escrita sus significados pueden evocarnos mensajes tan diferentes. Se agradece ver que a pesar de tantos carteles y señalécticas que obvian todas las tildes haya propuestas gráficas que sin ellas no son nada.

Y a estas alturas, me pregunto: ¿deben diseñadores, creativos, marketineros, y fauna similar que no son copys, tener una expresión escrita impoluta? Desde mi punto de vista sí y de manera obligatoria. Si somos comunicadores de ideas, tenemos que saber expresarnos de la mejor manera y sobre todo porque nuestros trabajos nos exponen ante miles de personas.

Es más, si tanto nos gustan las tipografías y nos pasamos horas y horas navegando por fonts.com o myfonts.com, ¿por qué ensuciarlas con una falta de ortografía?

Posted on

diciembre 10th, 2012

Category

publicidad

Startup Weekend Burgos. Aprendiendo a emprender

Foto de familia de los participantes en el Startup Weekend Burgos 2012

Este pasado fin de semana – del 9 al 11 de noviembre de 2012 – participé como mentor de imagen corporativa y web en el Startup Weekend Burgos. Esta segunda edición del evento en la ciudad se integró en la Global Startup Battle que durante estos días se está desarrollando a nivel mundial. Burgos fue la única ciudad española participante y eso se notó en que tuvimos a personas de Barcelona, Madrid, Córdoba y Vitoria como participantes.

Para los que no sepan que es un Startup Weekend, lo primero que hay que decir es que es un evento altruista. Pretende ser un laboratorio de ideas emprendedoras en el que durante 54 horas nacen, crecen, se reproducen y quedan listas para poner en marcha al lunes siguiente. Y todo con el apoyo de los mentores: profesionales y emprendedores expertos en todas la áreas necesarias para poner en marcha un negocio. Promovido por la fundación estadounidense Kauffman, son Cris y Miriam de Nueve Comunicación las responsables de haberlo organizarlo en Burgos ya en dos ocasiones. Es de reconocer y agradecer su labor y preocupación. ¡Sois unas cracks, chicas! ;)

Este tipo de eventos ayuda a dar visibilidad y esperanza a todas esas personas que ven claro que nada volverá a ser como antes. Esta ubicua y eterna crisis nos propone un futuro de incertidumbre consciente frente a la certidumbre inconsciente en la que nos regodeábamos alegremente y que nos ha traído hasta aquí. Cada vez está más claro que el emprendimiento es la única manera sustentable de mantener la dignidad y el control del futuro de uno mismo. Es cierto que lo estamos aprendiendo a tortas, pero poco a poco, va calando la idea.

Creo que en eventos emprendedores como el Startup Weekend se potencia una “nueva escuela” de empresas que centran su poder en las personas que forman su equipo profesional. Para mí estos son sus valores frente al concepto tradicional de empresa:

  • La horizontalidad y permeabilidad en la estructura frente a una estructura piramidal tradicional con directivos por todas partes.
  • La dinámica de participación donde todos los miembros del equipo tienen voz frente al “oír, ver y callar” cuando habla el director general.
  • El uso de el Know How de personas expertas ajenas al proyecto – los mentores – frente a la autosuficiencia que parecen tener algunas empresas.
  • Relación directa y cordial con la competencia buscando el beneficio mutuo en el sector frente a la destrucción de la competencia del sector como objetivo principal.
  • La creación de un buen producto / servicio que satisfaga necesidades frente a la creación de necesidades porque existe un producto / servicio.

Creo sinceramente que la “antigua escuela” empresarial se sigue sorprendiendo que que haya personas sin contactos en instituciones o en altas esferas empresariales y sin mucho dinero que consiguen salir adelante solamente con su buen hacer profesional. Esperemos que cada vez seamos más, porque el ejemplo es la mejor forma de inducir a un cambio. Y en definitiva, qué mejor ejemplo que los 3 ganadores del 2º Startup Weekend Burgos:

  • MeetMeApp, sistema de minired social con smartphones para congresos que facilita el networking.
  • Phome, la domótica de tu casa en tu smartphone.
  • Deaf Display, las videoguías turísticas descargables en smartphones para personas sordas

¡Animo a todos! :D. Ahora solo os queda hacer realidad vuestros proyectos.

Y mucha fuerza a todos los que participaron y no se llevaron premios, pero que enriquecieron su idea con todos los que estuvimos en el evento. Ha sido toda una experiencia humana compartir con todos vosotros este fin de semana tan intenso. Gracias :)

Posted on

noviembre 15th, 2012

Category

emprender

El decálogo de la simplicidad de gov.uk

La nueva web del gobierno británico

¿Es posible que un ente tan complicado como puede ser un gobierno consiga hacer un sitio web realmente práctico y usable? Pues el de Reino Unido lo ha hecho con su web gov.uk.

Como ejemplo de apertura, comparte en su propia web las 10 máximas de diseño en las que el Government Digital Service se ha basado para lograr este back to the basics.

En español, son estos:

  1. Empieza con las necesidades*
    *Las necesidades del usuario, no las del gobierno.
  2. Haz menos
  3. Trabaja directamente con datos
  4. Trabaja duro para hacerlo simple
  5. Itera. Y entonces, vuelve a iterar
  6. Construye para la inclusión
  7. Comprende el contexto
  8. Construye servicios digitales, no webs
  9. Sé coherente, no uniforme
  10. Haz las cosas abiertas: hace que las cosas sean mejores

Es muy interesante leer el decálogo en V.O., sobre todo por las someras y aclaratorias explicaciones que se hacen de cada punto con imágenes de la propia web y de su proceso de creación.

Ah, y por cierto, ya existe un plugin para WordPress para que puedas insertar con un shortcode cualquier contenido de gov.uk en tu web ;) Be open!

===

Descubierto gracias a una artículo de Tim Brown, CEO de Ideo, en LinkedIN: The UK Government Shows How To Design For Simplicity.

Posted on

noviembre 8th, 2012

Category

UX

Diseñadores… ¿o qué?

Hace tiempo que guardé este vídeo en Pocket (anteriormente conocido como Read It Later) y hasta hace poco no pude verlo con tranquilidad. Es un resumen de una ponencia que Paola Antolelli – Senior Curator en el depertamento de arquitectura y diseño del MoMA – dio en uno de los eventos WOBI (que no solo de TED vive el hombre :P).

Design’s Disruptive Power ~ El poder disruptivo del diseño

(Aquí podéis verlo en Youtube con subtítulos)

Cada vez que veo una charla de este tipo me entra una duda: los que hemos sido y somos hasta ahora diseñadores visuales ¿acabaremos siendo, simplemente, diseñadores?

La charla de Paola y otras tantas que podemos ver en internet insisten en la idea de que en el siglo XXI el diseñador ya no es solo diseñador visual, diseñador industrial, diseñador de moda o diseñador de experienca de usuario. En el mundo anglosajón se viene hablando insitentemente del concepto de diseño como método de trabajo transversal para encontrar los problemas y aplicar soluciones a estos problemas de manera creativa, eficiente y sustentable. Como bien dice Paola en el vídeo, el diseño ha pasado (o debe pasar) de diseñar productos de consumo para consumidores a diseñar soluciones prácticas para cuidadanos.

De lo que en el fondo está hablando la mencionada senior curator del MoMA es de Design Thinking

Design Thinking corresponde al nombre que define internacionalmente al proceso de pensamiento y metodología necesario para diseñar/crear e innovar en cualquier área conocida. Design Thinking es el motor sin el cual no existe la Innovación. 

Pilar Saura, “¿Qué es Design Thinking?”

Cuando investigas y lees documentación sobre Design Thinking ves que con esta metodología puedes diseñar desde un e-Commerce con más conversiones al servicio de urgencias de un hospital. Incluso, se habla de Design Thnking en la antropología, en la cultura, en lo que nos hace humanos…

¿De verdad los hasta ahora llamados diseñadores seríamos capaces de diseñar cualquier cosa?
¿De verdad tenemos un método creativo aplicable a cualquier servicio o producto?

De momento, aunque Paola Antonelli sea una content curator de pedigree, creo que hay que replantearnoslo todo y no dar nada por sentado ni demostrado. Divergir para luego convergir ;)

Posted on

noviembre 6th, 2012

Category

diseño

¡Hola mundo!

monkey

Bienvenido a WordPress. Esta es tu primera entrada. Edítala o bórrala, ¡y comienza a publicar!.

Esto es lo que, de manera automática, dicen todos los blogs de WordPress recién instalados. Saludan, porque hay que ser educados, y después incitan a generar contenidos al autor de la bitácora, porque todos sabemos las ganas con las que se empieza un blog y dónde acaban luego esas ganas ;P

En fin. Durante todos los años que llevo instalando y configurando WordPress – desde la versión 2.5 (OMG!) – tanto para blogs como para webs corporativas nunca he respetado esta primera entrada. Siempre ha sido una molestia en cada nueva y reluciente instalación, pero no en esta ocasión. La respeto. Incluso respeto el comentario que me ha dejado el Sr. WordPress.

En este blog WordPress va a tener bastante protagonismo y creo que este homenaje que solo los expertos/freaks de WP como yo entenderéis en profundidad, es una forma digna de hacer el primer post esta nueva aventura bloguera.

Este blog estará en continua construcción. Soy front-end developer o – como siempre dice @kremasterdiseñador web de los de toda la vida. He decidido que en lugar de desarrollar un tema de WordPress alucinante y brillante que tarde 2 años en tener listo voy a tomar un tema gratuito con lo básico y lo voy a ir adaptando según me venga en gana. Incluso la foto que ilustra esta entrada es la que viene en la demo del tema ;).

Esto del tema en construcción prepetua también tiene otro origen; mi trabajo como director de proyectos web en mi empresa, Innovanity estudio creativo. La verdad que el día a día no me deja mucho tiempo para experimentar y trastear código o probar nuevos frameworks o temas. Así que este blog va a ser un poco mi zona de juegos para mini experimentos o simplemente para no oxidarme con el CSS.

Para arrancar he escogido Align, de 90four.com. Responsive, blanquito y con el framework Foundation en el front-end. Lo primero que voy a hacer es cambiarle las tipografías, que las serif para textos en web no me convencen… Si entráis en ‘Transformando “Align”. Cómo personalizar un tema de WordPress’, podréis seguir todos los avances que voy realizando en la personalización del tema.

En definitiva, por todo esto y mucho más, arranca cainSan.com, el blog de Caín Santamaría.

Bienvenidas y bienvenidos :)

Posted on

noviembre 1st, 2012

Category

¡Arranca!