Principios de diseñopara gente que no diseñaDOCUMENTADOSconsultora Drupal
Quién soy
Me llamo Ignacio Segura.Llevo trabajando en la web desde 2004 aproximadamente.He trabajado con Xoops desde 2005 y luego ca...
Y no soy el único.A los usuarios no les importa un carajo la tecnología quesostiene una web.Sólo les importa (a veces) lo ...
Nosotros no controlamos lo que se ofrece.Son nuestros clientes los que proveen “lo que se ofrece” el                      ...
De qué trata (realmente) el diseño gráfico
El diseño gráfico trata de mejorar la comunicación.(entendiendo por mejorar, “ser más favorable para losobjetivos de quien...
El origen está en la necesidad de presentar la informaciónescrita de forma que se entienda mejor.Un ejemplo:
El siguiente paso lógico en el diseño gráfico, después demejorar el texto, era mejorar las imágenes, entendiendo pormejora...
El siguiente paso, por supuesto, es buscar la persuasión,porque el que paga no se conforma con comunicar.Ya lo dijo James ...
Nosotros hablaremos del nivel dos: comunicar.En el fondo, la persuasión depende del mensaje. No existeun diseño persuasivo...
Resumiendo:El diseño gráfico intenta que el mensaje llegue con la mayorfuerza posible, que se entienda y se asimile mejor.
Pero eso significa que el diseño es evaluable.El diseño gráfico NO ES ARTE, porque busca un resultadoque hasta cierto punt...
Y eso son buenas noticias.Que sea evaluable significa que incluso sin ser expertospodemos examinar nuestro propio material...
De qué estamos hablando (realmente).
El mensajeLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.Ejemplo: un artículo en E...
ANTES DE ENTRAR,  DEJEN SALIR
ANTES DE ENTRAR,  DEJEN SALIR
DEJEN SALIR
El mensaje¿Qué hemos hecho?Lo que hizo el diseñador del ejemplo fue reflexionar sobre elmensaje. Decidió que la forma que ...
El texto es una imagenEl texto nunca es sólo textoPor eso existen millones de fuentes tipográficas, porque elpropio texto ...
Algodón
Algodón
Algodón
El texto es una imagenLa imagen que forma el texto se une a éste.Nosotros vemos y leemos a la vez, y sacamos impresionesta...
Desechable
desechable
El texto es una imagenPara elegir una fuente, haced la pregunta adecuada.Para elegir una fuente para un texto, olvida si t...
La imagen viste al textoLa imagen añade información al mensajeRealmente, una imagen vale más que mil palabras.
Desechable
La imagen viste al textoLa imagen vive en una sociedad.El espectador carga las imágenes que les mostramos con supropia cul...
Desechable
Desechable
Desechable
La imagen viste al textoLa imagen viste al texto. El texto viste la imagen.Las dos cosas son importantes, se dotan de sign...
La imagen viste al textoDe nuevo, la pregunta adecuada.No importa si la imagen que viste al texto te gusta. Importasi se f...
Todo significa algo, siempreCrees que puedes vivir en silencio, pero no puedes.Lo que ven nuestros ojos siempre significa ...
Señal y ruidoNo gritamos en el vacíoNuestro mensaje no vive en el vacío. Lucha con otrosmensajes por la atención de nuestr...
Premium sponsorsSponsors                   DOCUMENTADOS                   consultora Drupal
Señal y ruidoEl ruido depende del silencio“El ruido depende del silencio del que procede. Cuanto másabsoluto es éste, mas ...
Señal y ruidoVivimos en un mundo de ruidoHay un tope a lo que podemos gritar. Pero con la imagen, sepuede gritar usando el...
Significar algoLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.Y es un trabajo sin ...
Dirige la miradaTodo es ruido salvo que nuestro cerebro decida locontrarioNuestro cerebro decide a qué prestar atención. ¿...
ACFEIUQMLS D P H B RX REKYIZYEM F OAS JN VPWQUROY N Z P Ñ KH YOEFYJAXW M M M P IJ VOSDRHCGD U W S NB KO Q L A P D RU PA L ...
Dirige la miradaSupongo que todos lo habéis visto:Había un número entre todas esas letras.También había una letra que se r...
Dirige la miradaSin embargo, eso no fue lo primero que vísteis.La palabra y la imagen pueden dirigir la atención. No dejéi...
Lo siento, mamá, pero no quiero ser como tú.
Lo siento, mamá,pero no quieroser como tú.
Dirige la miradaPodemos guiar la mirada.Mediante los tamaños y las relaciones entre los objetos,podemos decirle al visitan...
Geishas entre nosotros
Geishas entre nosotrosLa invasión silenciosa.
Geishasentrenosotros
Geishasentrenosotros
Significar algoLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.
Significar algo...y es un trabajo sin fin, porque no hay una sola respuesta, yésta nunca deja de cambiar.Las cosas que ant...
Somos una empresa líder...
Somos una empresa líder...     Somos una empresa líder...   Somos una empresa líder...       Somos una empresa líder...   ...
Ser intelectualmente honestoNo es bueno ni malo, y además no importa.Lo que importa es si el receptor de nuestro mensaje e...
Ser intelectualmente honestoY no hace falta ser diseñador para darse cuenta.Lo que hace falta, en el fondo, es ser honesto...
Espero que os haya gustado la conferencia.No sé si lo he conseguido.He intentado hacer una presentación sin colores chillo...
Muchas gracias
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Upcoming SlideShare
Loading in...5
×

Drupalcamp 2012 - Principios de diseño para gente que no diseña

1,069

Published on

Presentación de la conferencia "Principios de diseño para gente que no diseña", impartida durante la Drupalcamp Spain del 2012.

Published in: Design

Transcript of "Drupalcamp 2012 - Principios de diseño para gente que no diseña"

  1. 1. Principios de diseñopara gente que no diseñaDOCUMENTADOSconsultora Drupal
  2. 2. Quién soy
  3. 3. Me llamo Ignacio Segura.Llevo trabajando en la web desde 2004 aproximadamente.He trabajado con Xoops desde 2005 y luego cambié a Drupalen 2008. Actualmente trabajo con mi socio Oskar Calvo enDocumentados.Y cada vez me importa menos cómo se construye una web.En serio.
  4. 4. Y no soy el único.A los usuarios no les importa un carajo la tecnología quesostiene una web.Sólo les importa (a veces) lo que esa web les ofrece.
  5. 5. Nosotros no controlamos lo que se ofrece.Son nuestros clientes los que proveen “lo que se ofrece” el ,producto-servicio-contenido-loquesea.Lo más que podemos hacer es presentar el loquesea delcliente lo mejor posible.De eso trata el diseño. Y por suerte para mi socio, eso sí meinteresa.
  6. 6. De qué trata (realmente) el diseño gráfico
  7. 7. El diseño gráfico trata de mejorar la comunicación.(entendiendo por mejorar, “ser más favorable para losobjetivos de quien te suelta la pasta”).
  8. 8. El origen está en la necesidad de presentar la informaciónescrita de forma que se entienda mejor.Un ejemplo:
  9. 9. El siguiente paso lógico en el diseño gráfico, después demejorar el texto, era mejorar las imágenes, entendiendo pormejorar “comunicar mejor” .Ejemplo. Thomas Nast.
  10. 10. El siguiente paso, por supuesto, es buscar la persuasión,porque el que paga no se conforma con comunicar.Ya lo dijo James Montgomery Flagg:EL CLIENTE TE QUIERE A TI PARA...
  11. 11. Nosotros hablaremos del nivel dos: comunicar.En el fondo, la persuasión depende del mensaje. No existeun diseño persuasivo, sino un mensaje con potencial para serpersuasivo, bien transmitido mediante el diseño.
  12. 12. Resumiendo:El diseño gráfico intenta que el mensaje llegue con la mayorfuerza posible, que se entienda y se asimile mejor.
  13. 13. Pero eso significa que el diseño es evaluable.El diseño gráfico NO ES ARTE, porque busca un resultadoque hasta cierto punto puede medirse: la eficacia de nuestracomunicación.
  14. 14. Y eso son buenas noticias.Que sea evaluable significa que incluso sin ser expertospodemos examinar nuestro propio material. Si nuestroloquesea llega al usuario y éste lo entiende, el diseño estábien.Pero si las personas a las que va dirigido nuestro materialno pueden leerlo-entenderlo-usarlo-loquesea, está mal.
  15. 15. De qué estamos hablando (realmente).
  16. 16. El mensajeLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.Ejemplo: un artículo en El País Semanal.
  17. 17. ANTES DE ENTRAR, DEJEN SALIR
  18. 18. ANTES DE ENTRAR, DEJEN SALIR
  19. 19. DEJEN SALIR
  20. 20. El mensaje¿Qué hemos hecho?Lo que hizo el diseñador del ejemplo fue reflexionar sobre elmensaje. Decidió que la forma que le habían dado se podíareducir. Se podía expresar lo mismo con menos.Ahora es más directa. Llega antes y con más fuerza. Seprocesa en nuestros cerebros con menos esfuerzo.Se convierte en una orden directa.
  21. 21. El texto es una imagenEl texto nunca es sólo textoPor eso existen millones de fuentes tipográficas, porque elpropio texto forma una imagen. Esa imagen es parte del texto,nos guste o no. No existe el “texto neutro” todo transmite algo. ,Incluso la falta de matices es un matiz.
  22. 22. Algodón
  23. 23. Algodón
  24. 24. Algodón
  25. 25. El texto es una imagenLa imagen que forma el texto se une a éste.Nosotros vemos y leemos a la vez, y sacamos impresionestanto de una cosa como de la otra. Nuestro entendimiento delo que vemos se forma juntando ambos elementos, la palabray la imagen que forma la palabra.
  26. 26. Desechable
  27. 27. desechable
  28. 28. El texto es una imagenPara elegir una fuente, haced la pregunta adecuada.Para elegir una fuente para un texto, olvida si te gusta o no tegusta. Eso no importa, importa el usuario.Pero tampoco importa si le gusta al usuario. Lo que importaes si transmite lo que queremos que transmita.
  29. 29. La imagen viste al textoLa imagen añade información al mensajeRealmente, una imagen vale más que mil palabras.
  30. 30. Desechable
  31. 31. La imagen viste al textoLa imagen vive en una sociedad.El espectador carga las imágenes que les mostramos con supropia cultura e ideología. La mente del espectador “pinta”nuestras imágenes.
  32. 32. Desechable
  33. 33. Desechable
  34. 34. Desechable
  35. 35. La imagen viste al textoLa imagen viste al texto. El texto viste la imagen.Las dos cosas son importantes, se dotan de significadomutuamente.
  36. 36. La imagen viste al textoDe nuevo, la pregunta adecuada.No importa si la imagen que viste al texto te gusta. Importasi se funde con el texto de tal manera que el mensaje setransmite como queremos, con los matices que queremos.
  37. 37. Todo significa algo, siempreCrees que puedes vivir en silencio, pero no puedes.Lo que ven nuestros ojos siempre significa algo. La gente quese preocupa de elegir y cuidar su ropa envía un mensaje.La gente que no se preocupa lo más mínimo de su ropa yviste de cualquier manera también envía un mensaje. Y esemensaje puede llegar a invadirlo todo.La diferencia es que la persona que ha elegidocuidadosamente su ropa controla el mensaje que envía, y laotra persona, no.
  38. 38. Señal y ruidoNo gritamos en el vacíoNuestro mensaje no vive en el vacío. Lucha con otrosmensajes por la atención de nuestros visitantes.Ejemplo: la acreditación de la Drupalcamp.
  39. 39. Premium sponsorsSponsors DOCUMENTADOS consultora Drupal
  40. 40. Señal y ruidoEl ruido depende del silencio“El ruido depende del silencio del que procede. Cuanto másabsoluto es éste, mas escandaloso es aquel.”V de vendettaAlan Moore y David Lloyd
  41. 41. Señal y ruidoVivimos en un mundo de ruidoHay un tope a lo que podemos gritar. Pero con la imagen, sepuede gritar usando el silencio, porque el silencio visual esmás potente cuanto mayor es el ruido que lo rodea.
  42. 42. Significar algoLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.Y es un trabajo sin fin, porque no hay una sola respuesta,y ésta nunca deja de cambiar.
  43. 43. Dirige la miradaTodo es ruido salvo que nuestro cerebro decida locontrarioNuestro cerebro decide a qué prestar atención. ¿Y dóndedecide ponerla? Donde sea que haya algo interesante.
  44. 44. ACFEIUQMLS D P H B RX REKYIZYEM F OAS JN VPWQUROY N Z P Ñ KH YOEFYJAXW M M M P IJ VOSDRHCGD U W S NB KO Q L A P D RU PA L H CK S IWEYU8SIT RO BVG LAPQOTIWU E L D E IBVOIT UREUS Q P L AO
  45. 45. Dirige la miradaSupongo que todos lo habéis visto:Había un número entre todas esas letras.También había una letra que se repetía tres veces seguidas.
  46. 46. Dirige la miradaSin embargo, eso no fue lo primero que vísteis.La palabra y la imagen pueden dirigir la atención. No dejéisque el espectador decida cómo y en qué orden leer vuestromensaje. Dirigidle en la dirección correcta. La vuestra.Ahora, cerrad los ojos.
  47. 47. Lo siento, mamá, pero no quiero ser como tú.
  48. 48. Lo siento, mamá,pero no quieroser como tú.
  49. 49. Dirige la miradaPodemos guiar la mirada.Mediante los tamaños y las relaciones entre los objetos,podemos decirle al visitante qué es lo importante y qué esaccesorio. Qué queremos que mire primero, qué queremosque mire después.
  50. 50. Geishas entre nosotros
  51. 51. Geishas entre nosotrosLa invasión silenciosa.
  52. 52. Geishasentrenosotros
  53. 53. Geishasentrenosotros
  54. 54. Significar algoLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.
  55. 55. Significar algo...y es un trabajo sin fin, porque no hay una sola respuesta, yésta nunca deja de cambiar.Las cosas que antes significaban algo, ya no significannada.
  56. 56. Somos una empresa líder...
  57. 57. Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder...Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder...
  58. 58. Ser intelectualmente honestoNo es bueno ni malo, y además no importa.Lo que importa es si el receptor de nuestro mensaje entiendelo que le decimos, si lo recuerda. Incluso si le gusta, si es quenecesitamos que le guste. Tal vez no queramos eso. Tal vezqueramos que se cuestione cosas. O que se sienta incómodoy reaccione de alguna manera.
  59. 59. Ser intelectualmente honestoY no hace falta ser diseñador para darse cuenta.Lo que hace falta, en el fondo, es ser honesto con uno mismo.Estar dispuesto a reconocer que has trabajado duro y queaún así el resultado es una mierda y tienes que tirarlo todo yempezar de nuevo.En realidad, eso es mucho más duro.
  60. 60. Espero que os haya gustado la conferencia.No sé si lo he conseguido.He intentado hacer una presentación sin colores chillones, sinanimaciones, sin efectos de Powerpoint y sin cliparts.
  61. 61. Muchas gracias
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×