 Da igual si hablo muy alto si no. Bueno, vamos a continuar aquí en el track arriba con Ana Cirujano. Ana es una diseñadora especializada en WordPress, pero también mucho más. Participa activamente en la comunidad siendo líder del equipo de diseño, organizando la Meetup Meetups en Collado Villalba y Torrelojones y compartiendo conocimiento en multitud de eventos desde pequeñas Meetups hasta la misma Workup Europe. Mañana nos acompañará al frente de la mesa de diseño en el Contributor Day y ahora nos hablará sobre webs que cuentan historias. Un aplauso. Vale, sí, venga, cuánto tengo, diez minutos. Voy a hablar de diseño. Diseñar es pensar, es planificar, como decía mucho hace un rato, es pararse a pensar. Cuando nos encargan el, y ya sé que estoy en la portada, cuando nos encargan el diseño de una web, muchas veces el cliente nos da un briefing y enseguida se pone a definir los detalles del diseño, a aterrizar conceptos y hacer bocetos. Y lo dice muchas veces cómo quiere que construyamos la web, cómo tenemos que hacer el diseño. Y muchas veces tienen mucha prisa, incluso sin tener ningún tipo de contenido, ningún tipo de texto. Entonces, nosotros como diseñadores, muchas veces tenemos que decirles que paren y que nos cuenten su historia. Soy Ana Cirujano, soy diseñadora, trabajo haciendo webs para clientes, suelo colaborar con otros profesionales, programadores, expertos en marketing online, expertos en SEO, para poder hacer proyectos cada vez más grandes. Tengo un blog, easyworkation.com, en el que solo escribí mis crónicas de las work camps, básicamente. Y tengo un canal de YouTube con Pablo Moratinos, muy divertido, que se llama un billete a chataruga, que es un bito al que lo visitéis en YouTube y también es podcast. Voy a aprovechar también esta presentación para hablaros de un fondo que hay de apoyo a la diversidad en eventos tecnológicos de Joost, el plugin para SEO que todos conoceréis, pues esta empresa, tiene un fondo para financiar los viajes a eventos tecnológicos de personas que pertenezcan al colectivo poco representados en work camps. Yo me he apuntado a este fondo y Joost me ha apagado el viaje y el alojamiento para estar hoy aquí y quería contarlo para que cualquier persona que crea que pertenece a un colectivo poco representado pues que también se puede aprovechar de este fondo. Si queréis ver mis proyectos, pues en anacirujano.com y si me seguís en Twitter y si ahora tuiteáis un montón de cosas de la charla, pues os lo agradezco. ¿Qué es el story telling? Contar historias, pero no contar historias y ya está, sino contar la historia. Todas las personas, tanto los clientes como sus proyectos o servicios, siempre tienen una historia detrás. Nosotros como diseñadores tenemos que no inventar historias, sino descubrir la historia que hay detrás de cada uno de ellos. A mí la palabra story telling se me hace un poco volado, no me gusta mucho, me parece un poco Mr. Wonderful y en esta presentación creo que espero no volver a utilizar más esa palabra. Me gusta más hablar de llamar a la acción, llamar a la emoción y llamar a la sensación. Para llamar a la acción tenemos que currarnos lo mucho, tenemos que ver cómo podemos llamar a la acción, cómo podemos invitar al usuario a que haga algo en nuestro sitio web, pero llamar a la emoción y llamar a la sensación es inevitable. El usuario es una persona y va a tener una emoción y va a tener una sensación que eramos o no. Entonces, lo que debemos hacer como diseñadores es aprender lo máximo posible, cómo va a reaccionar el usuario en nuestro sitio web para llevarle por donde nosotros queremos. Llamar a la acción, vamos a empezar por ahí. Hay en todas las historias unas estructuras que podemos detectar para no empezar con el folio en blanco. Podemos utilizar técnicas de narración que nos ayudan a contar historias. Gustav Freitang inventó lo que era el... Bueno, no inventó, detectó que en todas las historias ha habido un arco narrativo que podemos aplicar a nuestros sitios web. Cuando el cliente nos dé el briefing, siempre pensar en términos de vamos a ver cómo comunicamos esto, cómo contamos esto. Primero hacemos una exposición, ya sea del producto, ya sea del cliente, dependiendo de los objetivos de la página web, dependiendo de lo que sea. Y después tenemos que generar un deseo en el usuario que culmina con un contacto, una venta, o cualquiera que sea el objetivo. El antihéroe, como decía Nagua y Ayer. Es otra herramienta, el Joseph Campbell, que nos va a ayudar bastante a definir esto. Y es un poco más complejo. En vuestra historia o vuestra peli preferida podéis detectar perfectamente este esquema. Siempre hay un protagonista que tiene que pasar por una serie de vicisitudes que en algún momento empieza un viaje o una aventura o tiene que hacer algo para conseguir algo. Y al final empieza con una exposición, una presentación de los personajes principales, de repente ocurre y dónde está un escenario, ocurre algo en ellos que les invita a comenzar la aventura. Después en esa aventura se encuentran con el personaje misterioso, la abuelita que le da la mazana envenenada, o una persona que te da el elixir para poder conseguir tu aventura. Y después está una prueba de fuego que puede ser la lucha con el dragón. Al final matas al dragón y vuelves otra vez a tu casa pero has aprendido algo. ¿Cómo podemos aterrizar este esquema en un diseño? Lo que deberíamos hacer es pensar en el héroe, no como que el cliente es el héroe sino que el producto o el servicio de nuestro cliente es el mentor, ese personaje misterioso, eso que aporta al héroe que es el usuario lo que necesita para conseguir su objetivo para matar al dragón. Un calendario puede ser un esquema para ver qué días tenemos qué eventos, pero también puede ser, depende de cómo lo contemos, una herramienta para distribuir lo más valioso que tenemos en esta vida, que es el tiempo. Esta web es la web de un plugin muy famoso para calendarios, para WordPress. Y esta es el héroe. Tienen un vídeo, es un calendario de eventos que no venden el producto, el calendario, sino que venden los eventos que va a promocionar su cliente a través del plugin. No hablan del plugin, sino que hablan de personas, eventos y además, personas viviendo los eventos. Es una conexión más desde el punto de vista de la persona que es el producto que vendemos, del valor que vamos a otorgar. Pero ahora nosotros lo vemos normal, claro, yo también habría pensado algo así, pero antes sí que vendíamos el producto. Es verdad que ahora todos siempre pensamos en la historia, pero no siempre ha sido así. Antes vendían directamente el calendario y además hablaban de que era fácil de configurar, mucho más de las características del producto, de los beneficios que aporta y al final de los eventos que estamos contando. Mirar cómo comunicar los beneficios del producto-servicio es de otra perspectiva, que diga algo más sobre las personas. Pensando en el viaje del héroe, se me ocurre también otros itinerarios, por ejemplo, los laberintos de IKEA, que también sería el viaje del héroe. Todos hemos estado en una tienda IKEA y tienes que seguir un laberinto y al final tú eres un héroe y tienes que conseguir tu mueble pasando por las galerías hasta que llegas por fin, tienes que estar bien a tajos, si lo sabes ver, y hasta que llegas por fin al sitio donde puedes hacer la compra. En los museos, esto es una galería del museo, antes había las salas de los museos, estaban dispuestas de manera simétrica, entonces tú trabajas en una sala y la puerta de salida a la otra sala enfrente de la entrada a la sala donde estabas. Entonces, claro, los visitantes de los museos se perdían, pero si habéis visitado un museo clásico, suele ser esta la distribución de las salas. Lo que se hace ahora en los museos es poner las puertas de manera asimétrica para conducir el caminito del héroe y esto os recordará algo de las web, esta distribución que se hace en los sitios web no es solo para romper la monotonía o para que quede más bonito, es para conducir al usuario, el usuario lo ve como distintas secciones de un mismo grupo, y invita a continuar leyendo nuestra web y no se pierde. Otra herramienta muy útil que podemos utilizar es la regla del tres, a todos nos suena cuando vemos una lista de precios, por ejemplo, que siempre nos proponen tres planes y la regla del tres es muy recurrente en todas las historias, los tres cerditos, pide tres deseos y normalmente la estructura que siguen estas tres propuestas suele ser una propuesta, una modificación y la tercera suele romper el patrón, por ejemplo, como en Sexo, Droga y Rock'n'Roll. La tercera rompe un poco el patrón de las otras dos primeras y la más sorprendente, llamar a la emoción. Como decía, todos nos emocionamos de alguna manera cuando estamos interaccionando con una web y cuando interaccionamos o nos relacionamos también con los productos que compramos, por ejemplo, unas zapatillas o unos zapatos. ¿Os acordáis de por qué compraste los zapatos que lleváis en este momento? Si soy runners, habéis elegido unas zapatillas que corran bien, que sean cómodas, ergonómicas. Si soy veganos, lo habréis elegido por materiales que no sean de animales, por ejemplo. Y habéis tenido alguna vez estas zapatillas. Si habéis vivido en los ochenta y en vuestra familia no había mucha pasta, como era mi caso, porque éramos seis hermanos. Había que repartirse las zapatillas y yo he tenido las paredes y yo me emociono cuando las veo porque son las zapatillas de mi infancia, de cuando iba al cole de la mano de mis cinco hermanos y íbamos todos juntos al cole con las zapatillas y tenemos las mismas todos. Mis hermanos mayores, mis más pequeños y cualquiera unisense. Y paredes siguen existiendo como marca y siguen vendiendo estas zapatillas. Conociendo a nuestro usuario podemos saber cómo emocionarle. Si eres una persona que ha vivido en los ochenta se conocerán las paredes. Eres un buen cliente potencial. Pero también podemos querer llamar a una emoción negativa. No solo queremos emocionar para que se le ponga la piel de gallina y viva su momento superplacentero. Por ejemplo, en los paquetes de tabaco. Aquí quieren llamar a una emoción desagradable y que te produzca asco. El diseño no es siempre cosas bonitas y cosas agradables a la vista. Muchas veces el diseño es cosas desagradables. Porque el objetivo que tienes es de provocar una emoción de asco. Lo voy a quitar rápido. Los diseñadores deberíamos conocer las emociones. ¿Cómo funcionan? Tampoco ser neurocientíficos, conocer un poco unas emociones, los grados que hay, las opuestas de esas emociones. Para elegir, a ver qué emoción nos viene mejor cuando hagamos nuestros diseños. Porque una emoción siempre lleva a una acción. Y es así. El doctor me correge si me equivoco. Pero al final el miedo te conduce a huir de los peligros, por ejemplo. Al principio, cuando se hicieron los primeros estudios de la interacción, en los años 80-90, cuando hubo las primeras herramientas, se hablaba de hacer las cosas fáciles. No me hagas pensar. Pero eso ahora es para nosotros lo básico. Por supuesto que tiene que funcionar, tiene que ser fácil de usar. Ahora lo que queremos es una especie de pirámide más convertida a la experiencia de usuario y de interacción. Lo que queremos es vivir experiencias placenteras. Ahí entramos en la economía de la experiencia. Todo reconoceréis este gráfico. En cuanto el diseño aporta valor, en cuanto más diseño y más valor, más precio. Había una economía de la mercancía que podías tú directamente cultivar tu café y obtener el producto. Hasta que alguien se lo ocurre, voy a conseguir un producto y venderlo a los demás que no tengan que ir a arar la tierra. Y el doctor dice, yo lo que voy a hacer es poner una cafetería. No vamos ganando en diseño, en ideas, en pensar en cómo satisfacer las necesidades hasta que al final llega Starbucks. Lo del café es lo de menos. El café es bueno, pero eso es lo de menos. Lo que te está vendiendo es un teatro. Si te sientes un personaje en esa cafetería, te preguntan tu nombre, el camarero tiene una formación en la que desempeña un papel como en una obra de teatro. Y lo que produce son experiencias memorables que siempre vamos a recordar y que volvemos a ellas para vivirla, para estar en un sitio concreto. Y el café, sí, está bien, pero no es lo más importante. Lo más importante es cómo nos sentimos allí y lo que vivimos. Cuando hacemos una web, se ve muy claro, por ejemplo, en una tienda, en un comercio electrónico, nuestro usuario va a tener tanto experiencias negativas como experiencias positivas. Y ese caminito del usuario, caminito como dice Fernando Tellado, el customer journey, el caminito, nosotros lo tenemos que conocer y, sobre todo, empatizar mucho con el usuario, ponernos a su lugar y ver, si va a haber este precio que es caro y le va a sentar un poco mal, cuando llega el carrito al final le voy a ofrecer un descuento para que el final, lo que más se recuerda, el usuario tenga una experiencia positiva y nos recuerde la experiencia como algo positivo y no como algo negativo, a pesar de que haya habido altibajos en todo el proceso. Para conocer cuándo el usuario va a tener esas fricciones, para en ese momento proponerle algo que valía un poco los problemas que vaya teniendo. La presentación la voy a compartir como todas y ya podréis deteneros más en los esquemas que he mostrado, también la bibliografía, porque he puesto de dónde he sacado cada esquema, los autores y todo esto. Cuando hacemos proyectos que no tienen mucho presupuesto, la cocreación es bastante complicada, se trata de contar con los usuarios desde el primer momento. Hacer test de usuarios y todas estas cosas requieren dinero, hay que encontrar a los usuarios y dedicarles un tiempo y normalmente muchos proyectos no tenemos ese presupuesto. Pero podemos hacerlo con nuestro cliente y investigar mucho en qué es lo que podemos obtener de esas entrevistas. Seguido? ¿Los arquetipos? Los arquetipos son cuando hablamos de tipos de personas arquetípicas. Cuando dices, bueno, pues el típico empollón de clase o el típico podcastor, por ejemplo. Y tú te imaginas de fines cuál sería tu cliente potencial, vamos a decir. Y le englobas dentro de un arquetipo determinado. Y aunque tú no conozcas a tus usuarios porque todavía no los tienes, no sabes quiénes son te puedes imaginar el tipo de persona que es. Y ponerte en su lugar para imaginar qué haría esa persona en ese lugar. Y si además te lo imaginas como una persona concreta, por ejemplo, si he dicho podcastor, pues piensas en bolo cebriano, en Jaime Garmar. ¿Qué haría Jaime Garmar en este momento? ¿Qué producto le puedo vender a Jaime Garmar? ¿Qué le gustaría a este tipo de persona? Y además en inglés se dice persona, en concreto el arquetipo. Aquí os dejo un esquema de Cristozán, que es muy interesante para cumplimentar las características que tendría esa persona. Pues qué haría, qué pensamientos tiene, qué hábitos tiene. Una herramienta muy interesante para imaginarnos eso, para ofrecerle a nuestro cliente objetivo las cosas que van a satisfacer esas necesidades que pueden tener. Bueno, respecto al color se han dicho muchas cosas. Mi experiencia es que al final los colores sí es verdad que hay una psicología de los colores y que provocan determinadas emociones. Pero hoy en día hay muchísimas patologías relacionadas con la vista. Hay muchísimas personas de Altonica, seguramente en esta sala haya un número elevado de Altonicos. Y al final los colores yo creo para mí en mi experiencia que no significan mucho. Sí que es verdad que debemos tener esto en cuenta, pero rojo que es rojo pasión, rojo peligro, rojo agresividad, rojo Coca-Cola, el color que esté unido a un concepto no significa nada. Tenemos que apoyarlo con algo más. El color en sí mismo no significa nada y además hay muchas tonalidades y muchas gamas de colores diferentes. Pero sí, por lo menos saber qué color tiene nuestra competencia, qué color suelen tener los productos o los servicios de este sector, eso nos va a ayudar. Y bueno, como cultura general está bien conocer lo que suelen significar tradicionalmente los colores, está bien. Por ejemplo, que si quieres que algo sea ecológico pues que al doverde y ya automáticamente la gente lo ve a identificar como que es ecológico y es bio y es sano, pero para mí yo lo reduzco, o sea, el esfuerzo que hago yo en elegir unos buenos colores lo hago más en las paletas de colores completas pues unas paletas más luminosas o más o menos luminosas, más pastel. Esto un daltónico que ya he hecho la prueba además con uno, sí que lo identifica, aunque no sepa muy bien si es un naranja o un verde, un azul o un marrón pero sí sabe que un color es más luminoso o alegría, dinamismo y un color más tranquilo más palio, eso sí que se puede identificar. Y yo me quedo con eso para herramienta de trabajo. Llamará la sensación. La sensación tiene que ver con la percepción, esto, psicología cognitiva. Lo que nosotros vemos no es algo que nos pase, que la percepción no es algo que nos ocurra, es algo que nosotros hacemos activamente y que en función de nuestra cultura, de lo que estamos acostumbrados a ver vamos a tener una percepción u otra. Este actor, a mí me encanta porque al principio ves una cosa pero si te detienes a ver mejor la imagen pues ves otra. Nosotros cuando miramos por ejemplo en la sala, si yo quiero buscar el megar marquelescitao antes y quería adivinarme el ojo, yo lo que hago es hacer un barrido muy rápido y hago tirones para ver dónde está Jaime y ya le veo. Pero yo tengo mi idea de Jaime en la cabeza y lo que hago es buscar rápidamente. No voy uno por uno mirando las caras a ver dónde está Jaime. Esto es lo que hace también el usuario en el sitio web. Pablo, me imagino que Pablo Martín sabe mucho más que yo de este tipo de test. Yo nunca he hecho ninguno porque una vez más el cliente tiene que tener mucho presupuesto para poder contar con herramientas de este tipo, de esas herramientas que te detectan la mirada o los cliques del ratón que ya con los pantallas táctiles pues ya no se usan. Aunque no podamos hacer los test, si podemos consultar las estadísticas de los que sí que tienen presupuesto para ver un poco cómo funciona el ojo, a dónde va el ojo. Como diseñadores tenemos que conocer siempre cómo la vista agrupa los elementos y cómo todo es más que la suma de las partes. ¿Para qué? Precisamente que lo que queremos que el usuario busque destaque entre todas las demás formas. Si conocemos cómo lo agrupamos podemos romper ese patrón para destacar. Esto nos lleva a pensar en la economía conductual. Nosotros estas decisiones no las tomamos de una manera consciente, son decisiones muchas veces inconscientes. Tenemos tres planes y decimos, ¿cuál es el ojo? Ni el ratón ni el cargo del medio. Los diseñadores sabemos que el usuario actúa de esta manera con lo cual podemos manipular sus decisiones. Decisiones de diseño de formas, colores, movimientos podemos hacer con esas decisiones que el usuario haga lo que nosotros queremos. Hay estudios que demuestran que vamos a comer más si el envase o el plato es más grande. También si queréis alcanzar poneros la comida en platitos pequeños y comeréis menos. Esto es algo que es así. En concreto la ilustración que veis era un estudio que hicieron en el cine que se comía mucho más de las palomitas rancias con un bol más grande aunque las pequeñas estuvieran mejor. También sabemos que el usuario siempre se va a quedar con las opciones predeterminadas. Si vamos con prisa, al final te dejo activada la casilla y te vas a quedar con las opciones que yo quiera porque el usuario no toma las decisiones conscientes, vamos muy rápidamente buscando lo que queremos. Entonces, como diseñadores debemos conocer cómo el usuario percibe todo esto podemos manipular las acciones del usuario y os pediría que lo hagáis para bien y para fines socialmente buenos y que no seáis malos, ni hagáis spam ni clipbaiting ni nada de esto, ni colegáis cosas que el usuario realmente no quiera. Y esto es todo, espero que os haya gustado. Muchas gracias por la charla. Muchísima información por lo menos por mi parte pero es casi similar. Me gustaría un ejemplo para que yo lo entienda de la regla del 3 uno que yo entienda. Yo hago marcas para clientes, por ejemplo. Yo cuando pienso en una marca después de la entrevista que hago con el cliente y cuando descubrimos qué es lo que queremos destacar de su producto, servicio o su marca personal pensamos en cómo aterrizar eso en una imagen en un ser logotipo o pueden ser distintas cosas. Pero yo en la propuesta no presento solo una cosa, yo hago tres propuestas entonces siempre hago una propuesta que es la que yo quiero, mi favorita, la que tengo clara que es la que debería ser pero si yo solo se presento una propuesta, el cliente va a dudar pero en serio esto es lo mejor nos quedamos ya con esto, no buscamos algo más cambiame esto, cambiame el otro, no funcionaría nunca, serían propuestas eternas hasta que estemos seguros de que eso es lo mejor del mundo. Si yo te presento, entonces, hago una propuesta que es la que yo quiero, mi favorita después hago una variación de esa propuesta del mismo tipo y luego otra propuesta que rompa con las otras dos y de esa manera el cliente puede decidir mucho mejor de una manera más cómoda la primera, la primera, mi primera opción la que yo quería suele pasar también porque las propuestas las hago siempre con videollamada y las apoyo con efusividad si yo te envío un pdf con las cosas y no te lo explico al final me vas a marear por eso te hago la videollamada y es un ejemplo de la regla del tres que eso se puede utilizar mucho y al final pues eso son una cosa, otra que está en el mismo patrón y una que que rompa ese patrón para manipular un poco ahí a los clientes ahora le voy a sentir la palabra es para ayudarles a tomar la decisión si, claro si, si, si bueno muchas gracias por participar