 Buenos días de nuevo. Hoy vamos a continuar con os talleres en esta planta de aquí arriba. Soy Berta e os voy a apresentar o taller que va a impartir agora Nora Ferreiros. O taller se llama como diseñar a primera sección de la página de inicio de nuestra web. Nora se identifica como diseñadora de usabilidad, experiencia de usuario e marcas. Es un defensor incansable del proceso de diseño como método de trabajo e de la vida freelance. Trabajar por proyectos e en equipo es unha de sus metas a conseguir en su trabajo e quando no está diseñando, comiendo croquetas, juega videojuegos. Ya nos contará luego si nos da tiempo qual es el que más la gusta. De todas las workhams algo como algún juego nuevo. Normalmente es culpa de Waco, pero sí. Hola a todos, gracias por estar aquí apesar de los requisitos. Como llaman presentados, soy Nora, ya sabéis lo que hago. Aquí es donde podeis cotillar lo que hago de verdad en mi página web. Comentálo rápidamente que aparte de dar charlas e talleres en algunas workhams e mitas Mi compañera Marta Torrello, tenemos un proyecto que ahora mismo está en barbecho pero que este año saldrá outra vez, que seama Warpers Fem. E o que nos gustaría con este proyecto es potenciar un pouco a participación de las mujeres en no solo como as estentes, que como as estentes van bastante bien en los eventos de Warpers sino como oponentes e como organizadoras. También se queréis cotillar, entreis aquí, ya está. Dicho esto, os cuento que decidí a hacer este taller. Es un poco trampa este taller, vale? Non solo os voy a enseñar a diseñar sino que os voy a enseñar realmente cuál es el proceso que hace falta para que el diseño quede un poco máas como lo hago yo que a veces me dices, no? Porque quando lo haces tú queda así, y cuando lo hago yo no. Bueno, pues hoy os voy a explorar un poco esto. Entonces, de que venimos a hablar? Venimos a hablar de una parte super concreta de todas as nossas webs, todas as webs tienen esta parte, la diseñeis o no, la creéis o no, la penséis o no. Para hacer este taller, hice unha especie de encuesta para saber como a gente llamaba a la parte superior de la home, esa primera sección. Estas son las opciones que salieron. Eu sempre me quedare con Jim Botrón, aunque sea específica de Wolftrap, pero es que ese nombre es total, tenemos otras abortaciones como la de Nilo Belles de El Tochaco de Arriba, bueno, podeis llamarlo como queráis. En este taller lo vamos a llamar hero porque es a acepción que digamos tubo máis gente que me dijo que lo llamaba así, yo no lo llamaba así antes, así que dicho esto vamos a empezar. El hero, lo que primero que tenéis que pensar es que no todo el mundo entra a traves de la home, a veces tenemos la home como un templo, mis clientes os pasao mucho, a web está hecha quando hago a home e como outras páginas aí que bueno, se alguien las mira ya está, en verdad creo que a maioria del tráfico se hay alguien que se dedique a esto, yo no me dedico a esto, pero suelo entrar por outros sitios, pero de todas maneras, digamos que la parte más importante, porque es donde la gente va a decidir se va a quedar o se le caís bien o lo que sea, para que sirve o hero? El hero es una parte que nadie sabe muy bien que poner e normalmente nos ponemos a diseñar que es lo que traen as plantillas, pues pones un texto, un botón, un imagen e a correr, pero por que se pone esto? Lo que tenéis que tener en cuenta quando vais a diseñar un hero son tres partes, o sea tres cosas que tenéis que conseguir muy importantes, tenéis que decir quiénes sois, decir quiénes sois no consiste en poner un logo, o no siempre consiste en poner un logo, consiste en poner un logo cuando vuestro logo ya es conocido, pero quiénes sois, que sois una empresa, seis una persona, seis un blog, sois una asociación, sois una fundación, una familia, el usuario, pensate en el usuario cuando entran, non vosotros hablando, el usuario entra y dice y esto que es, pues somos una fundación que que hacéis o que solución dais, esto es muy importante, e quando yo entro en el hero no me da claro que es lo que hacéis o lo que me vais a dar empezamos mal, seguramente el usuario se marchará o dará vueltas, porque pongo que hacemos barra que solución damos, según o tutorial que estéis, es mucho más importante que expliqueis que hacéis, eu suelo dar o exemplo de la industria, hace poco hemos tenido un cliente que hacía espumas a medidas para rellenar sofás, non es una cosa que hagáis normalmente, non es el mercado, non es algo de consumo normal, entonces en ese caso es mejor que descrivais que hacéis, en otro tipo de sectores que están más masticados, como un supermercado, es muchísimo mejor que digáis que solución dais, entregamos tu compra en 24 horas o duplicamos tus seguidores de Instagram non sé qué, porque normalmente o usuario sabe que va, en cualquier caso me tengo que dar con a sensación de que sé lo que me voy a encontrar en esta web e o tercer punto é a interacción, non es obligatorio pero tenéis que pensar que a un usuario se vosotros non le decís lo que tiene que hacer o adonde tiene que ir lo va a elegir el e eso normalmente é a inclusión es decir, se quedará él por a ideia que ele quiera de vosotros ou a lo mejor vosotros pretendíais tener una web para que os contacten e nadie os contacta porque no le habéis dicho porque no vas aquí me contactas a interacción puede ser de muchísimas maneras e por muchísimas razones ou sea, esto dependerá un pouco depende absolutamente dos objetivos que tengáis entonces estas son las tres partes que sempre os tenéis que plantear antes de hacer un giro, vale alerta e concentrados aquí o diseño nunca os va a dar a respuesta estas tres cuestiones nunca o diseño normalmente non da respuestas o diseño coge a respuesta e hace que o usuario entenda como vosotros quereis sois quines sois eu nos lo voy a decir quines sois haces o que hacéis eu não vou a construir vuestra empresa vale e a interacción vosotros sabéis o que queréis hacer e queréis que os contacta e queréis que os compre e queréis que os llame eis no problema vale eu o que vou a hacer eis esas respuestas las vou a hacer las vou a poner na web de maneira que o usuario entenda o que queréis decirle isto que o tenais claro daqui e para o taller eu não os vou a enseñar en contra os a enseñar os a que encontreis essas respuestas os vou a decir como plasmarlas quando ya las tengais vale entones que tipos de giro seis según a estrutura según a estrutura quiere decirla composición o diseño en outras cosas eis muchos en este caso eis infinitos eis tantos como podais imaginar a veces o uso de temas pre-diseñados sobre todo e este tipo de cosas de no usar diseñadores o que nos haces que creamos que os giros pues son de una maneira al centro a la izquierda a la derecha un título un texto un botón bueno eis una maneira de hacerlo pero se naveirais un pouco por web para poder ver praticamente cualquier cosa vale pero en este taller como tenemos poco tiempo e como seguramente eis o que va a ser má sútil en la vida eu os voy a plantear un pouco como se hacen las partes má o seis las estructuras má senzilla que seria a la izquierda al centro e a la derecha e sliders vale sliders eis exactamente o mesmo que a giro a giro le solemos llamar a esto o slider en sí mismo eis en verdad eis una funcionalidad vale pero va a entrar en este taller el slider me interesaba mucho que entrar en este taller porque sempre eis un elemento muy complicado vale los desarrolladores o odian os diseñadores o odiamos o odian todo o mundo pero todo o mundo o tiene en su web nadie sabe para que sirve pránticamente nadie usa bien ningun usuario le hace caso e sin embargo eis tam persiste en revulsión o slider o lo que sea eis a tope como usar un slider para algo útil cosas super importantes a tener en cuenta antes o sea antes debería haber puesto antes super grande vale de empezar a toquetear e instalar plugins e a poner botones vale la primera impresión eis lo de cuenta eis puesto este icono de tóxico porque esta frase echa que se puesto aquí eis super peligrosa eis hemos usado muchísimo eis unha especie de mantra que se utiliza para presionar a los clientes con dios mío se non lo desviena la primera ningun usuario ningun cliente te va a llamar porque la primera impresión nos pasa cuando conocemos gente quando legamos dios mío eis a la primera no conquista no no a ver eis e no vale nos algo vieis porque vuestra web non esta aquí para cambiar el mundo espero que eis pero me refiero que aunque eis cierto que uno se queda con lo primero que veis para tener en cuenta e isto eis asi bueno nos preocupais porque existe o scroll normalmente quando a gente chega a vuestra web eis porque ha hablado antes con vosotros porque alguien nos ha recomendado porque se han visto en redes sociales eis es decir las webs no existen aisladas vale eis esto lo iremos logo otra vez entonces nos algo vieis pero tenerlo en cuenta eis cierto vale o hero sirve muchísimo para a primera impresión eis no se os da bien a hacer el hero eis intenta que esa primera impresión venda de los sitios el click má rápido de o oeste eis dicir con isto andamos en una web eis o primero que eis eis en el la milésima de segundo primera nem me eis dicho que eis eis que eis eis eis que eis púm scroll o púm al menú o púm al primer botón que encuentro eis eis isto eis como eis eu não quero que me contes historias eis quero saber que eu ireis sacar eis el limpio tenéis que fazer un hero que consiga que antes que o usuario haga alguno de estas acciones que eis eis muy rápido eis entendido eis eis la melhor eis queawl eis eis que tenes att꾸bonos eis eis q q eds ao que vós eis teis pagiendas eis dash o usuario que emunza eis eis é freezing eis o card que cois isle para que essa persona se haga unha ideia un pouco de como pude navegar por aí. La parte de interacción salva bastante esto, se le ponéis un botón que pone, eu que sé, a prueba gratis bla, o se ya nos conoces a hacer esta encuesta por ponerme algo, vale, el usuaria dice, sei que al menos es una plataforma o lo que sea que puedo probar o puedo hacer una encuesta e a deso empieza a hacer como mágo a vental, es bastante importante que aís esto, porque xí no que hará, esclare y dar vueltas, e a lo mojaro quando vosotros queríais que entraran e tiran tal cosa, e ellos han puesto a dar vueltas, non han entendido nada e se marcharán, o eu que sé, vale. Entonces, sabiendo éxito os voy a contar un pouco como éxito el proceso mental de los usuarios de manera genérica, vale, e básica, éxito non é xíco sociológico, mí psicológico, e seguro que a gente aqui que traa, é que eu non funciona xí, vale, guai, pero é xí como o genérico. Que pasa quando un usuario se mete en una web e ve el hero, éxito son cinco cosas que pude pasar, vale, e a primera cosas, non sé de que va éxito, pero me gusta, éxito sule ser el top de lo que podeis conseguir con un hero, entra en una web, el hero é xí super guai, non se hace algo que especialmente meña la mádención, e éxito, non tengo ni idea de que me va a vender aquí, pero éxito mola, vale, éxito normalmente pasa en webs como un proxipuesto má alto, que é aí un trabajo de estrategia grande, ou non, ao mojós éxito muy crax e o conseguis, vale, outra cosa que pode pasar, que entendeis a hacer el punto uno, se os vaya a la olla, con os colores, con las imágenes, con tal, e se queda en un plan, que? E se quedan como un pocos ostados, vale, é xito pasa quando metemos demasiadas cosas, ou simplemente no hay un objetivo, lo que também pode pasar, lo ideal, lo que me gustaria que sacareis deste taller, é vale, é xito é xí interesante, vou a ver que me están contando aquí, vale, aí llevas, has adoptado o interés del usuario, non le ha dado un ataque al corazon de lo guai que sois, pero veis conseguido que xí interese por vosotros, o xí enta seria vaya cosa má chute, é xito pasa un montón o hero, como non trabajamos bien los heroes, porque non sabemos que poner, ou porque pensamos que é xí una imájan de fondo e non sei que, suele pasar bastante é xito, ponemos qualquer cosa, e o usuario enseguida piensa, xe veis que foto pixelada que, xe veis, e é xe lo primeiro que pensaran de vosotros, e o ultimo, xe es noha cosa que non se suele pensar, pero pasa mucho, mucho segun ao setor, é a la típica web, a mi é xito me pasa sobre o todo, non quero apendere a nadie, pero de verdade estadísticamente me pasa muchísimo, co las webs de marketing, de freelance que se dedican a marketing, entras en una web, hai un fondo en blanco, hai a la derecha unha fotografía de unha persona, e a la izquierda un título, xe veis, xe veis, xe veis, xe veis, é xe es una tendencia, xe veis nos pasamos co as tendencias, e eu quando busco un freelance de marketing, e entro na web, xe penso, a é típico freelance, ou a é a típica web, cuidado con copiar, cuidado con dogmas, e decir, boa, é xe se lo hago así, é xe vende, e eu também voy a vender, bueno, ao mojo é xe vende, pero tú te conviertes na típica web, vale, a tenei cuidado con é xo. Enton xe, o seguinte que passa despois de éste blog emocional, porque é xe totalmente emocional, e depende muchísimo de cada usuario, e de, vale, é xe xe experiencia, o seguinte que se que pregunta, é xe é xe esto, vale, tengo mi primera impresión, que é xe esto, de que va é xe tema, la seguinte é xe outro input emocional, que é xe, que tipo de gente lleva é xe esto, é xe, es decir, é xe projecto, a parte de rellenarme el sofá con xe espuma, é xe de gente que va é mi rollo, é xe, é xe, é xe espuma ecológica, ou é xe, no xe, hay un punto que é xe muy, muy, muy subjetivo, que é xe la persona busca saber se é xa empresa está lineada, ou bien con sus valores, ou bien porque le cae bien, ou por lo que sea, vale, entonces, tenéis que dar personalidad al giro por é xo, porque la outra persona, aunque sabe que é xe una web, va buscar unha relación personal con é xe tema e saber xe conecta é xe. E o seguinte, xe todo ha ido bien, se pregunta, bueno, onde pudo sober máis? É xe mais o menos el proceso que tenemos en nada, en menos de un segundo, quando entramos a una web. Me gusta, non me gusta, que é xe esto, é xe va conmigo, que máis pudo saber, vale? Entonces, que é xe lo que se hace por é xe en cuanto heroes? Eu, quando, todas as charlas que he dado, creo, sempre digo que é xe ejemplos, ayúdan mucho, vale? E o primeiro ejemplo, en verdad, é xe ejemplos que os voy a enseñar, a maioria, lo que quieran decir, é xe no ha de falta de tener algo super guai con 200 kilos de javasip e de cosas que se mueve para que é xe é chulo, o para que é máis xe, para que funcione, vale? É xe ao final, se veis tan wow, non é máis, que é unha ilustración de fondo, sei lá, imagen, background, un título, un texto e un botón. Non é xe nada máis, que pasa, pues que é xe han contratado un ilustrador ou han comprado unha foto guai ou lo que é xe, pero non deja de ser é xe esto. O botón, probar o modo gratuito e já tienes un giro que chama a atención, que dice que é o que é xe e que te invita a unha acción. A este outro giro é xe bastante interesante porque xe non viramos esta parte de aquí, vale? Xe imaginais que esta non está, e solo está esta, con unha sola imagen nos están filtrando o público, é un público joven que se visto de unha maneira, é máis bien urbanita, que tiene, o xe estas dos chicas, son dos chicas que tienen unha, unha relación, ou que están puestas de unha maneira, que sabemos que non son familia ou que seguramente non sean solo amigas, solo que sea. E demás utilita unha serie de elementos, como unhas colores, unhas formas, que solo, como unha foto, están filtrando un montón de gente, te identificas, xe este produto é xe para ti, xe é xe tu rollo e máis o menos sabes de que é, e solo é xe unha imagen, é xe una fotografía, como unha máscara, é xe esta. E xe logo, xe que o texto te lo aclara. Conoce a milhaones de, xe as personas desviaras, xe actuales tal, baja a la aplicación. En un botón, que os botones son, xe sempre es saber máis, saber máis que, pues este botón te está diciendo que estamos hablando aquí de unha aplicación, vale? Para que veáis que unha muy pocas cosas, podeis tener un giro que funcione. Lego tenemos este ejemplo de giro super guai, como unha super ilustración e como unha xe un poco místico, la tipo está super bien, pero apesar de que yo la hai escogido, todavía no sei a que se dedícano. É imperfect, e construímos su imperfectión os bonidas, leer máis, cuidado con seu wow, cuidado con impresionar con la imagen, porque nos impresiona un botón esta imagen, pero igual no leí desde aquí el texto, pero no ponen nada al texto, vale? No nos aclaran absoluto de que va esto. É un ejemplo de lo que os digo, vale? Acer lo bonito, pero que luego ao final nos sirva. Aquí tens el ejemplo contrário, un fondo blanco, unha imagen, unos títulos que hay aquí comida. Aquí se vinha a hacer comida, es cierto, es una comida que seguramente aquí no te hablarán de comida de casera de la abuela, es bastante provale por el tipo de fotografía. Então desde el texto tenemos, outra vez, un título, un texto, un botón que te pone ver todas las recetas, es decir, cítido de recetas, e luego unha cosa super sutil que es un icono, un forma de corazon, e unas paladas que ponen 43 recetas que bueno, que le han dado me gusta, vendría a decir. Que nos está diciendo esto? Con tres paladoras un icono nos está diciendo que esto probablemente sea a unha rede social, a unha plataforma, a unha aplicación, vale? Igualemos a lo mismo, icono, texto, foto e un botón. E ya está, vale? Este es outro ejemplo que este centrado, está bien, está moi ben hecho, tipo guay, xararquías guays, aprébanos por un mes, no sé qué, está bien escogida, la ilustración, lemas sobre esto, está bien. Pero que ocurre quando hago esto? Están ben hechas, se las aisláis e non existirá ninguna outra web, están ben hechas, el diseño está ben diseñada. Cuál es el problema? Ah, outra web de esas, vale? En este caso, esto es un portfolio de un diseñador que supongo que le funcionaria esto, lo que sea e en todo les a hecho todas iguales. Aquí es cuándo digo que cuidado con hacer lo que hacen los demas porque a los demas les funciona, vale? Aquí tenés un ejemplo de algo que parece super wow, pero luego es bastante sencillo. Ésta es unha imagen de fondo, unha fotografía como unha especie de de máscaraí, unha palabra, bien now, ésto es un peneje, es un ruta con nombres, es un peneje transparente e un botón. Aquí, de que nos está hablando de hacer rutas por ben nam, y ya está, para ésto es más que nada para que veáis que hay otras formas de componer un hero sin ser título sub título botón, vale? Éste es outro ejemplo, vale? Ésta es un landing que te explica la vida de este señor, su nombre, resumen y entonces utiliza en el hero para poner datos de él, es decir, aunque no sabes tú qué tiene este señor, pues con los datos, tantas horas de bueno, no sé no sé cuánto es isá, bueno, pues puede ser interesante, vale? É outra manera de ver un hero. Aquí tenemos unha bastante directa que está basada en la acción, pero pesar de que es lo importante la acción, e seguro que iré igual, todo el mundo sabe que ésto sirve para reservar, bueno, te ponen bucantravel, las imágenes que escogen son unas e non-odras, podíame han puesto una foto de stock de una pareja sonriente, no sé qué, no han escogido ésta, por lo cual están filtrando agente por la estética e por lo que hay aquí, vale? Pero bueno, para que veáis ejemplos. Éstos, os pongo tres ejemplos agora de de como usar sliders de outra manera, vale? La primera, lo veis bien? Sí, se veia. La primera es esta costructora de casas, utilizan el slider para hacer este efecto e que veis la importancia de la iluminación, o agetivo, la importancia de la iluminación, que pasa, a parte está muy bien hecho e é muy guao, vale? Pero para que veáis para que se pudese usar un slider. En este outro caso é una cosa que me parece muy interesante, es de hecho, es un tema prediseñado e lo que hace é utilizar o slider para poner los posts más importantes. El título, el post, quien ha hecho el post, le el, no pone a leer más, pone leer el artículo, e a imagen de fondo é a imagen destacada que escogeis quando creéis la entrada e allí, a la derecha, os pone os títulos de esos tres artículos. Por si non quieres ver esto, pues miras allí los que son. Me parece un aplicación muy interesante de slider que o usuario non tiene que esperar a ver todos os slider para ver lo que le estés contando e que de un vistazo sabe de que va ese slider e lo que va a ver ahí. E o último ejemplo é outro ejemplo de la sencillez, vale? Vamos obviar las transiciones. Pero aquí el final é un slider que do no manera muy rápida, palabra, botón, e imagen. É isto o que é? É una fotografía, un nombre en grande e un botón. Perú explorar, marruecos explorar. E es decir, con un slider estás dejando super claro que aquí é una ajancia de viajes, os destinos e metote en el destino. Ya está, vale? E enumeran un serie de destinos destacados que por lo que sea pues quieren que o usuario vea o primeiro e va lo suficientemente rápido para que tú lo veas e as fotos son suficientemente buenas para que te llame en la atención. Vale, é o que viemos listo, entonces. Como diseñar un giro que realmente sirva de algo, vale? Para que os sirva para o que vosotros quereis. Haced un análisis e marcados objetivos, por favor. Vale? Un slider sin análisis de que haces los demás? Sin un análisis de quíne sois? Sin un análisis del público? Sin un análisis de que queréis conseguir e sin un objetivo claro para que sirvesa web? E ese slider non existe, o sea e vou intentar e notizaros, vale? Para que deis con ésta que os quedéis con ésto sobre todo o máis importante que os tenes que ir de este taller é esto. Haced un análisis, vale? Siempre e marcados objetivos. Ojetivos que me conozcan non son un objetivo, de verdad lo digo, que me conozcan non lo és. Os tiene que conocer por outro sítio. Las webs son para convertir. Lo xiguento que tenéis que tener claro es que primeiro en los contenidos e luego el diseño antes de abrir o cycle al WordPress antes de que el WordPress esté instalado antes de que sequiérase paesqués el WordPress tenéis que haber decidido los contenidos. Textos, imágenes, vale? Siempre. El diseño se rinde en los contenidos. Siempre. E haced WordPress a mano. Aunque é un hero e tenga tres elementos hacerlo a mano os va a permitir entender como va a funcionar esa estructura. Se tenéis los contenidos e sabéis quánto ocupan esos contenidos se tenéis un logo quadrado en vez de un logo alargado se tenéis que poner 14 botones se é eso lo hacéis a mano e en dos minutos os dareis cuentas se tiene sentido o non. Si non é muchísimo más complicado hacerlo on WordPress. Estos são capturas de milibretas de trabajo reales de clientes. São diversas páginas, vale? E o todo o que hago non importa simplemente o xe lo haga des de acero diseñado Siempre, primero se hace a mano aunque tenga un tema pre-iseñado aunque me hayan dicho el tema pre-iseñado tal cual así bueno, é xe non me lo dice en mucho pero vaya haces dúdo a mano os sirveis mucho os dareis cuentas de se má o menos va a funcionar quando logo paséis a WordPress cambiereis cosas pero é xe sirveis muchísimo para aclarar onde ponéis las cosas antes de pelearos con WordPress, vale? ahora sí vamos a a parte práctica bueno, está aprochada se tenéis ahora ruego pregunta e sobre todo ahora que empieza a parte práctica así que cualquier cosa me preguntáis, vale? vale se os habéis portado bien e habéis visto os requisitos ya deberíais tener algo así on WordPress se non os tenéis e queréis verlos entraréis na página de de la WorkCam vais a ponentes o aponencia e o programa me buscáis a mí e aí tenéis os requisitos o tema que tenéis que tenéis instalado se alguien no tiene una web disponible e quere e necesita me acerco ahora e os passo que tenemos unos unos WordPress así virgenes para que podáis manchar-los vale uno vale, gracias bueno, este era o rei do Blando antes empezar e pero bueno, también se non tenéis ganas de inventar se alguien más necesita e ajuda que nos diga, por favor se non tenéis ganas de inventar perdona el contenido en también en con os requisitos os he dejado el e material material de ejemplo con fotografías con he añadido unos textos vale, por si queréis por si queréis utilizárosos ento de dicho esto eu vou a hacer una pequena introducción de lo que vamos a hacer e o que vais a ver eu para hacer este taller non só eu creado a práctica sinón que o que eu he hecho es crear un proyecto mi proyecto se llama la libratería es una libratería, cafettería que está en Barcelona probablemente en el barrio del Exampla non sé e a lo que se dedica é, tiene libros de segunda mano disponibles para vender e sirve café de especialidad é xa o que basicamente é o que fa o meu proyecto eu crearia un negocio este tipo a quem va dirigido é un público que normalmente está preocupado por o consumo responsable vale café de especialidad é un tipo de café que o consumem muxa gente simplemente por su calidad o porque é é mas gourmet o porque é un especial bueno porque porque tiene esta preferencia pero non, neste caso este proyecto va la gente que tiene un interés por o consumo responsable por saber que é xe café lo han que é xe café lo han producido personas que non han sido explotadas que en esta librería non contratan a gente o xa que contratan a gente con todos os direchos laborales que non quiren crear má resuídos de lo vale que non quiren crear má resuídos de los que tocam vale, é xa gente que está preocupada por este tipo de temas pues bueno que eu creado el logo así un pouco corriendo e dicho esto sabiendo todo esto entonces sí entonces me ha aventurado a hacer o giro o giro os he hecho varios ejemplos para que podamos ver como se hacen e un pouco quales son as aplicaciones entonces tenemos este primer caso que é a alineación en a esquerda en el que parto de bueno aca pode ver la librería e a gente no sabe de que va pues que é o primeiro que hago librer de segunda mano café de primera e conócenos porque pongo conócenos e non pongo contáctame o compra ou jo que se ou visítanos vale porque as personas que normalmente tienen interés por este tipo de cosas de consumo responsable e non sei que les gusta mucho verificar éso se tú vas a conócenos se abriría una página na la que te explicaríamos como funcionan nuestro sistema de trabajo de onde saen los libros de segunda mano quien tú está nuestro café de primera eu que se todo ese tipo de cosas que é o que realmente le interesa al público al que eu me dirijo vale e o outro giro que os presentare que haremos seran gírus de entrado en este gírus de entrado normalmente quando hacemos un gírus de este tipo imaginais que esa pantalla completa vale e os explicaré porque no está pantalla completa pero vamos imaginar os que esa pantalla completa el color se ve bastante regulero pero bueno no pasa nada é un experiente bastante inmersiva quando hacemos este tipo de gírus con un fondo a toda pantalla e en el medio pues lo que hacemos produce unha sensación mucho má de inmersión que lo que se ensenaba antes entonces a mí lo que me ha interesado é es hacer unha fotografía del espacio es inventada en las fotografías pues es lo que preguntáis eu por ejemplo que é xis que eu sou público de este tipo de sitios me parece bastante importante non sólo todo o que os contaba antes sino que o sitio sea agradable estar que sea confortable que estés allí e te dé ganas de estar allí vale que tengo unha música guai e todo este tipo de royes entonces me da la impresión que para para é se preferiera crear como este tipo de ambiente o recalcar más el ambiente que dentro de mi cafetería utilizaría este sistema vale unha foto de la cafetería eu de hecho aquí no se aprecia pero le he bajado el tono lo he puesto todo má sepia para que sea como má nostálgico e entrañabre e entonces eu posto la misma la misma información que antes perdonar unha punto que é xago que no tiene que ver con el taller pero que bueno os lo regalo porque soy así e bueno las webs son líquidas vale que é ve cí se tiene que adaptar a mútias dispositivos e tienen que moverse con a rapidez que se mueve o mundo os logos tan bien se os habéis fíjado éste é o logo éste é o outro logo vale quando creéis vuestro branding pensá que se é un branding para aplicar en digital sí é para aplicar en cualquier cosa tan bien pero e sobretudo se é para aplicar en digital os logos tienen que ser tan líquidos como las webs e se hace falta hacer cuatro versiones las tendeis que accedir e de que va depender eso de os objetivos que tengáis vale por éso é tan importante hacer un análisis antes de empezar a hacer nada porque os análisis os dirán as necesidades totes o último que he hecho é o slider é o slider como é planteado eu é este slider este slider é o planteado para o momento en el que mi proyecto ya es conocido funcionan el barrio en el barrio me conocen e é un público que más o menos intersante é trajado un instagram e bueno me van conociendo entonces aquí eu utilizado o slider para cubrir que me podeis oprecer vale os acordáis que antes os decía se vosso setor é o conocido explicad que hacéis se vosso projeto ya é como un pouco más conocido explicad que solución podeis aportar pois éste seria o caso o que solución es pode aportar mi libraria de cafedería máis cafés e menos residuos en el que se explica que em mi cafedería no utilizamos en base de un solo uso se quieres venir te tienes que usar la bajilla que tenemos se te quieres llevar o café vas a tener que traer tu propio dermo por exemplo vale e un enlace a saber má sobre este tema e explicar como é o nosso funcionamiento club de lectura e café vale pois en esta cafedería organizamos o club de lectura samanal que pla unete punto unete va un formulario a lo que queráis e ya está e o último o servicio é que sepas que además de tener libros de segunda mano lo recogemos así que se te sobran libros bienes e te inventamos un café por los libros que nos traías vale e má sin formación sobre como funcione este sistema entonces aqui agora va un pouco rápido te tenia que ir un pouco má lento para que se puda leer ora que tenéis un ejamplo de como un slider puede realmente cubrir necesidades e en el caso de que un usuario entre e solo ve un slide porque ya sabeis el click má rápido de o oeste en cualquier caso ya como mínimo se habrá llevado un servicio concreto que se hace en vuestro en vuestro negocio o lo que hagáis vale al menos sabrá unha cosa te has dicho esto vamos a empezar nos ve a empezar a contar un pouco como lo he hecho como podéis hacerlo de una manéia sencilla e planteado el el proyecto oi el taller perdona de manera que podáis hacerlo de manera totalmente abierta e todo está en repositorio vale también para eliminar un pouco este rollo de e para hacerlo bien tengo que tener aquí la máxima herramienta la máxima herramienta que tenéis que tener es el del slide de úrsula esa es la máxima herramienta analizar e objetivos lo demás bueno la habilidad de cada uno entonces lo que lleve utilizado para este taller se os habéis visto dos requisitos es Gutenberg todo esto se va a hacer con Gutenberg e se os habéis leído dos requisitos pues sabréis que que para hacer este taller esto es totalmente real entonces haces este taller yo de Gutenberg regularo entonces para hacer esto que vais a ver utilicé un manual para principiantes que hizo aquí nuestra compañera Celia Garóe e que si non estéis muy puestos o non os ha dado tiempo de hacer los deberes os recomiendo que veáis porque eu he aprendido aí vale entonces eu los tengo aqui hechos para para que pudíais ver los ejemplos pero vamos a hacerlos de cero empecéis añadiendo una nueva página isto tenéis que saber a hacerlo vale al añadir na primeira página bueno, ponéis el título que queráis eu vou a poner pues tanger workham bañado lid e ya está todo en blanco que é o primeiro que tenemos que hacer o primeiro que tenemos que hacer is a documento e se habéis instalado todo o que tenéis que instalar cambiesle plantilla e ponéis 20 no header no footer aquí tengo que hacer un un inciso vale eu normalmente mi vida diaria non utilizo plugins para quitar los headers e os footers pero bueno e lo que eu queria es que este taller non tuviera que tener nada de código ni nada por el estilo entonces para hacer lo que todo el mundo lo pude hacer lo veremos así non recomiendo nada que lo hagáis así o se recomiendo a cero que tengáis un plugin para hacer esto básicamente hecho esto ponerlo así está xin portante para que se vea bien e entonces empezamos con el tema eu para que la práctica sea más corta e nos de tiempo a todo lo que voy a hacer es un especie de conglomerado de lo que se acabo de ensenhar vale nos voy a ensenhar cada cosa porque porque saldría mucho tiempo entonces lo que vamos a hacer e un slider que contenga el girou centrado e que contenga dos de los slides do slider vale para que sepáis como un pouco como se hace e como quedaria entonces simplemente aquí nuestro amigo o botember empezáis poniendo un bloque o primeiro bloco que tenéis que poner e o boten slider que é o que eu sou puesto para que se bajarais e bueno podes que o bloque e lo seleccionáis e no seleccionado este bloque porque é especialmente bueno porque o recomende porque é o que eu use no é porque a hora de hacer la práctica e tenido que buscar algo que pudiéramos usar todos e estuviéran repositorio e investigado o que me funcionaba é xo me funciona para esta práctica concreta vale e no quire decir que se voéis a hacer un slider e utiliza de esto no necesariamente aquí tendréis que investigar é xo no é xo un taller do boten ver e xo después o recomiendo que investigues bueno na vez tenemos esto o primero que tenemos que hacer é xo cambiar a alineación en este botón de aquí aqui é xo onde podis cambiar o bloque e xo no veis algo non queda claro me decís vale e podis poner ancho amplio que basicamente é a lo que ocupa o contenido ou ancho completo e xo se veis lo cambio para que veais en vista previa qual é a diferença vale pero basicamente empecéis así a alineación le dejais ao centro e entonces é xo são os botóns que te escriben para editar os slides o primeiro que tenais que hacer en este plugin como funciona é xo cada imágen é un slide é xo un pouco raro é xo pero é xo assim dais editar slide e es cogeis das imágenes que querais que incluia cada imágen que seleccionais será un slide vale e em mi casa me ha seleccionado todo o que tengo na galería voy a borrar e voy a dejar pues estas dos están bien porque no é o orden de los slides agarrais e soltais vale e em mi casa vou a poner o primeiro o giro centrado porque é o primeiro que os vou a explicar e o xo os outros dos não me paro en cojas de xeo ni nada de xo porque não va de esto ao tema pero aqui tocaríais o que tiviais que tocar antes caíis da galería de onde tocamos mándicamente se os aparecen os 3 slides que habis escogido vale se vais aqui arriba aqui abaixos onde tais os slides vale se vais un poquito hacia arriba e pulsáis en esta etiqueta os va ao genérico de os slides e aqui tenéis os as cojas para editar una cosa que tenho que comentar é que en este plugin en concreto tenéis aqui o fullscreen background que se supone que é xo hace que o slide se ponga a toda pantalla a mi personalmente non me ha funcionado o xeo o que haces que logo non pudo tener las flechas ni los puntos entus es a guiais como non sei porque éis vale entus os lo haremos de la siguiente manera aqui onde pones slide xeo e o que he hecho é es poner el 100% xe queréis vamos a hacer vista previa e eu trajo muchísimo con a vista previa voy viendo e se non funciona veo porque non funciona tenemos así tenéis os arrows tenéis dos puntos dois tenéis aqui 100 e veis que xeo que aqui se é modificado e logo eu por ejemplo aqui quitaré las flechas porque a mi personalmente non me gustan aunque non é esa la razón por la que tenéis que hacerlo estos requer un estudio de usabilidad de os vuestos usuarios que les parece mejor pero en este caso eu lo voy a hacer así vale e aqui veis como se pone a pantalla completa hay que hacer un pouco de scroll supongo que por o tema de que arriba está el panel de administración este tema entonces aqui lo tenéis funcionan las flechas veis dos puntos e é está vamos a lo siguiente lo siguiente que tenéis que hacer a ver lo siguiente que que haríais por lógica é pues seleccionar máis bloques poner unha imagem se os acorda este teníamos vale un logo un texto e un botón pues que é o primeiro que eu haría a poner a imagem que tenéis imagem se non lo encontréis lo buscáis vais a la biblioteca e ponéis la correspondiente eu recuerdo que en la página de la work en la ponencia tenéis este material vale una vez hai dispusto de imagem veis que se queda a la izquierda vais a la alineación aqui e lo ponéis al centro veis tenéis esto pues ponéis a decir lo mismo poniendo el texto en cuestión ponéis este caso es un cabezado e eu lo voy a copiar de aquí porque no tengo abierto el documento pero en la carpeta del material tenéis este documento vale en el que ponen en el que ponen estos textos vale una vez tenéis esto veis que está a la izquierda e en negro pues simplemente tenéis que ida a la derecha podéis seleccionar aqui se queréis que sea un H1 un H2 solo que sea en este caso también es unha cosa interesante de comentar eu vou a poner H2 porque pues es un problema de un tamaño pero nunca se escogen las cabeceras por la estética vale que as cabeceras se escogen por jerarquía esta cabecera debería ser se podria ser el logo H1 pero se non hay nada más tendria que ser el H1 como no me voy a poner a editar a quien css los tamaños eu lo escojo por tamaño pero nunca escojáis los los headings por aspecto se cambia en outro sitio entonces ponemos lo ponemos en blanco e lo ponemos centrado aqui e ya lo tenemos e volvemos a lo mismo inventamos despues ponemos un botón e escribimos lo que sea conocemos que lo quiera no vale para editar el botón editar el botón le cambiamos el estilo lo ponemos en contorno cambimos el color este es un botón que viene pre-definido de Gutenberg vale lo fascinante e increíble de Gutenberg es que es que podeis descargar los bloques concretos e no hace falta descargarse temas enteros ni nada se queréis un botón más concreto podeis buscar un blog de botóns guais e en este caso utilizado los básicos que trae por aspecto Gutenberg e esto lo que tiene e el color del texto el color de la linea se cambia juntos bueno para esta practica de igual pero a lo mejor en otro momento se hace falta vale pues cambiesa aqui el color e lo demas lo dejamos tal cual esta le damos aqui este es magnífico lo de poder alinear todo e es un botoncito e yo de verdad que me encanta e una vez tenemos el contenido vamos a vista previa ver se ha quedado como queremos no non ha quedado como queremos veis que queda máis largo que el que eu he hecho vale entonces Gutenberg e en este caso no te deja o se yo no puedo editar nada más eu he puesto aqui las cosas en este caso onde eu me he bajado um pack de um pack de bloques que me permiten e acer que o contenido este a un hacho concreto vale entonces todo onde na arreglo o que vamos hacer e es despues do boton por ejemplo vamos encertar outro bloque e en este caso se habéis instalado o que toca tenéis que darle a columnas avanzadas de A B aqui es pregunta que tipo de columnas ponemos a unha sola columna e arrastramos el contenido que hemos creado dentro vais a que lado click e arrastrar vais a que lado click e arrastrar e lo hacéis bien no como eu vale eu se algo tengo que que que cuestionar de Gutenberg e o tema de arrastrar e soltar e estas cosas pues está un pouco a mi me resulta un pouco completado non existen eu soy un pouco torpe o algo bueno o tema es a la etiqueta aqui arriba veis que pone advanced columns pues le hacéis click e a la derecha tenéis las opciones para cambiar então temos unha columna e está bien e o gap non existe porque não existe pação entre columnas e não existen columnas e então aqui é onde pone o ancho máximo e neste caso podemos poner 900 pixels por exemplo e quando vais a vista previa e agora sim aparece mais pequeno podemos hacer o tambien mais pequeno e queréis a página não seja tan larga e o tema da legibilidade vale não é mais fácil ler línias cortas que ler línias largas então daqui já tendriamos o nosso primeiro slide e já hecho aqui podreis tocar outras coisas margenas e ese tipo de cosas pero pra esta práctica não hacé falta se não o queréis o que o queréis e vamos ao seguinte slide o seguinte slide o vamos a ser como veis con a linazema a la derecha o conteúdo o que está o conteúdo o conteúdo Hacemos o mesmo, o primeiro que tenéis que hacer, acordávase de poner as columnas para poder hacer o tema. O Google trae columnas por definición, pero no traen tantas possibilidades en cuanto ao padding, a los márgenes, a as alineaciones e demas. Por eso en este caso eu utilizo, bonades mág, as avanzadas que trae o plugin que hemos instalado. Le dais a dos columnas, en este caso as son dos columnas iguales. Quando veis las columnas, podeis decidir aquí, outra vez, se preferís que sea má sáncho un lado, má sáncho do outro lado, o que podeis cambiar, pero en este caso va a ser igual de lancho. E lo mesmo que antes, meted aí o contenido, aquí teníamos un imagen, aqui tenemos simplemente texto e botón, tendíais que hacer o mesmo, dais, ponéis, en este caso as unha encabezada, máis libros, eu como non tengo esto puesto, tengo unha herramienta de lore e ipsum, pero vosotros, se tenéis el material que os he pasado, vaiis ajustes de color, lo ponemos en blanco, e já sabe, repetimos outro bloque, párajo, e en mi caso pues agosto grampa, tan bonita, ajustes de color, aqui podéis cambiar el fondo e podéis cambiar el texto, en este caso solo cambiaremos el texto. E añadimos el botón, o botón ponemos lo que sea unha e te creo que era en este caso, e hacemos o mesmo, ponemos el estilo, e já lo tenemos, qual es la siguiente maravilla de Gutenberg, que a mi me encanta en el alma e que no, outros constructores no tiene. Vaiis a la etiqueta máis grande que halla de las columnas, es decir, ésta é o slide, las columnas, ha deis clic en cima, puntitos, duplicar, aqui tenéis dentro ao mesmo slide, tenéis o mesmo contenido, clicáis, arrastráis e soltáis. Que pasado, que en un segundo, já tengo dos slides hechos, vale? Aqui cambiaríais el texto, e en este caso não lo vea a cambiar, pero claro que os habéis hechos a ideia, e en un momento, tenéis criados los slides, esto é o subolíme, sinceramente. Entonces vamos a ver se ha quedado como queríamos, aqui tenemos el centrado, aqui tenemos el primero que hemos hecho, en un segundo, que ha pasado? Ha vuelto a pasar un pouco lo mismo de antes, vale? Isto é super largo, así es como lo tenia yo en la práctica e já hecha. Entonces, en este caso que vamos a hacer, bueno, pues hacémos lo mismo. Primeiro que he hecho mal, he copiado antes de comprobar isto, vale? He copiado el contenido, e agora tendría que modificar nos dos, pues no, lo que voy a hacer es eliminar lo que he copiado, modificar este, arreglar este e volver a copiarlo. Este tipo de chorradas parecen super obvias, xando trabajas, hasta que no te pasa, no lo ves. Desde este caso, podemos, pues, poner un ancho máximo al contenido, le pongo 900, e vamos a ver que pasa. El primer slide, el segundo slide, pues aquí ya lo tenis, por exemplo. Eu, las imágenes que hay de fondo, se os vejáis todas son negras a la derecha, las he creado yo expresamente para que me queden bien así, e me quedan pues muy adentro. Que tenéis que hacer? El espacio entre columnas, pues lo ampliáis, no sé, pues seis. Entonces, aquí, a como habéis visto, al ampliar el espacio e tener el contenido muy pequeño, pues me has pachurrado, pero bueno, está más a la derecha, pues lo mismo. Y en vez de 900, ponéis 1200, e vais comprobando. Estes ya son un punto un poco de probar e ver que tal queda, probar e ver que tal queda, hasta que os convenza. A mí ya me convence así, entonces ahora sí, ahora que me convence un pico, pico, arrastro e suento. E ahora sí, tenéis vuestro gêder, vuestro giro centrado e vuestro slide e hecho en un momento. Por que está hecho en un momento? Porque eu, antes de hacer esto, que he hecho analizar e crear objetivos. Eu, antes de diseñar, como iba a ser a estructura en mi libreta, dije por que non las hago todas iguales, busco unas imágenes que tengan un degradado a negro, a la derecha, las edito un pouco e así ya no tengo problemas de legibilidad con el texto que pongo encima. Todo esto, son dediciones que tomé antes, se quiera, de instalar un tember, vale? Son temas que fui buscando fotos, buscando imágenes, fui, primero definí, vale, estas imágenes que tienen que tener, bueno, pues definí la filosofía de mi proyecto e non sé qué. Todo eso foi antes. Quando me puse en un tember, mi problema fuese aonde estaban as opciones e ya está, lo demás estava todo decidido, dibujado, que as imágenes ya estaban hechas e optimizadas, optimizar las imágenes siempre, siempre. E... e con esto, ya lo tendríais, publicáis e la maravilla. Vale? É que o tember é fantástico, gracias Teli para introducir o tember en mi vida. Entonces, agora que tenéis esto, es que eu vol último dar algunas recomendaciones bastante concretas que os pueden ir bien, vale? Recomendaciones para proyectos con pocos recursos pero ganas de hacerlo bien. Quando digo que ganas de hacerlo bien, es que mucha gente lo que quieres hacer quiere unha web, e ya está, no. Lo que tenéis que pensar es, dentro que eu tenho ahora mismo en este momento del señor, como posible que lo haga lo májor posible, vale? Vai agarrar abundancia. Eu digo algumas cosas. Se non sabéis que ponen e investigar o que já hacen os demás, no copieis porque normalmente va má sin contra vuestra que de la persona que lo hizo originalmente pero ver que hacen os demás vuestra competencia, en mi caso pues ver que hacen otros proyectos que van al mismo público que eu de consumo responsable o lo que sea ou de este tipo de cosas, vale? Se non sabéis que hacer busqueis ejemplos, eu trabajo todos os dias con ejemplos, todos, sempre en todos mis proyectos, lo primeiro que hago es ver ejemplos, no tanto por la estética, por la estética me la damos el análisis del proyecto sino a veces por estructura se lo teno un tema de usabilidad e cogeis unha web que ya le funciona o que hace, a nivel funcionalidade o nivel como guían al usuario os quitais muchos problemas e isto é un pouco ingeniero, vale? Se já funciona, non rayéis máis al final pensad que non séis profesionales de esto así que busqueis ejemplos e pensad por que se hace así e cogeis o que se vaya mejor não useis material sin permiso, aquí vuelve a entrarlo de copiar é que as imagenes, non sé qué hay cientos de sitios onde podeis cogeis imagenes libres o que é o único que tenéis que poner é aquí abajo unha línea que ponga cintas de non sé quién de verdad que non cuesta tanto e imaginaos que os dediqueis a lo que sea hacéis unha web e eu porque sol e eu cojo vuestra web e la pongo a outro sitio e me aprovecho de eso nos parecería bien pois non hagáis lo mismo, vale? hay recursos, antes era máis difícil pero ahora hay muchísimos recursos se non lo sabéis busqueis en Google se seguísseis a verlo me podéis preguntar a mí o alguien que se dedique a esto pero non cogeis material sin permiso e é ilegal, vale? é robar antes da dúda, o subcentivo sempre funciona unha das coas que me encuentro quando dois estas charlas ou quando vine a preguntar me oye que hago para mi web es, quiero hacer lo que haces tú pero sin ti vosotros, se non sois diseñador entiendo que aquí no hay diseñadores se lo sois pues guai pero se non sois diseñadores não podeis pretender hacerlo igual con un diseñador eu non se desarrolladora xe tentan optimizadas como se estivira uno vale? o principal en el diseño sempre es que funcione primero que funcione e unha vez que funcione e centraros máis a que funcione en que la gente le dé al botón en que la gente es contacte e en cumplir en el objetivo que no en cosas pomposas ante la duda, o sencillo las webs como os decía antes não só são líquidas, senão que estan vivas constantemente o diseño não é unha ciencia fija vale? o diseño depende en montón não é porque sean subjetivos seno é porque cada usuario tiene sus vivientes particulares e se enfrenta as webs de unha maneira por su cosa acais unha web proba se funcione escucha dos usuarios os usuarios non son vuestro colega ni é a persona que ha trabajado con vosotros os usuarios vosotros podréis ser os usuarios de mi web muitos de vosotros, a maioria nos conozco não sei que hacéis ni sé nada aprentende o que os dice preguntadle a la gente e proba se funcione o que habéis hecho não é que deis con o primeiro que habéis hecho quando os digan que algo está mal primeiro, saber se está realmente mal o simplemente saben que os quere tocar las narices continuamente, tenis que estar continuamente arreglando e actualizar as webs se cambiais de horarios, se cambiais de e-mail se cambiais de equipo se cambiais de filosofía, eu que sé actualizar, vale e repetido, vas tener que testear constantemente arreglar constantemente, actualizar constantemente e vale muchísimo máis unha web a la que llevo a ya como usuaria e o horario este bien puesto que unha web que sea la bomba e colores e flashes e como não podeis saber ni a que horario obreis vuestra tienda, de verdade, super frustrante o do horario, então é o máis importante que actualicéis e o simples e que todo funcione que o demas, vale así que id me jorando, não lo areis bien a la primera eu tampo go lo hago bien a la primera não os preocupéis espero que os he servido un pouco o taller, se os he metido un pouco na secta de gunda en berseria fantástico se alguien va a sair de aquí analizando e definiendo objetivos e descargarse un tema para diseñado ser super feliz e se tenes cualquier pregunta ou ruego sugerencia, pues este é o momento, muchas gracias como ha dicho Nora se cualquiera tenha alguna pregunta o sugerencia que nos diga e le pasamos al micrófono uau, esto é que le he hecho muy bien o le he hecho muy mal a ver, é que hemos tenido unos problemillas técnicos e não te hemos podido seguir a paso a paso, aí vea, aí não sei se estará disponible en word.tv isso é para poder chequer os pasos en casa e tentar repetir el taller, vale, genial alguma pregunta máis por lo has debido de hacer muy bien espero que seja este e que não le he hecho muy mal o que nos sia entendido venga va o caso lo gostaré por aí, não me preocupa lo contestaré não, muchas gracias, está moi chula, da verdade, moi interesante a navegación, vale que sempre está arriba de la cabecera te refieres a navegación principal o menu, o que suele parecer sí, o menu navegación que casi siempre ou ultimamente se pone sempre arriba pero también por acessibilidade pues eu he leído o me han estado comentando pues que hay personas que o encuentran complicado e o necesitan tener a la izquierda como veis eso perdona, é que também he visto pues como que, bueno é que não hemos estado hablando de eso pero que quizá a navegación que nós hemos hablado outra cosa pero me gustaría pues saber tu opinión sobre porque como se tendría que trabajar en ese aspecto vale, é unha pregunta moi interesante porque eu só he presentado os ejemplos de como se hace o giro estos giros sempre conviven e sobretudo con o menu encima esta é unha questión muy complicada a que eu todavía não encontrado a solución genérica porque sempre tenido que testear, ou seja, ver en cada web según o público que sea então normalmente o que hacemos é seguirnos por os estándares de o que ya existe sem llegar a pensar se é xo va a ser usable não hai unha razão de acessibilidade quando entendemos acessibilidade como não é o mesmo acessibilidade que usabilidade usabilidade é a facilidade que seja para que a pessoa não tenha que pensar onde buscar as coisas sino que o que resulta natural a acessibilidade é que qualquer persona independientemente de condiciones de visibilidade ou de outro tipo que tenga pode utilizar a web, vale aunque as duas coisas hai que pensarlas pois não hai ninguna resposta realmente é unha coisa que tienes que probar vivo se a gente le va funcionando se é o estándares porque se é o estándares hai máis gente acostumbrada o qual não quer dizer que seja a melhor opción o máis correcto por exemplo, utilizar menú hamburguesas eu por exemplo soy muy anti-menú hamburguesas unha coisa que não entiendo porque se hizo popular se não tiene nada que ver con un menú es decir, son tres rayas porque é un hamburguesa e porque é un menú eu não sei, pero é una convención eu os invito a que sempre se da ligero sempre é o melhor que o texto escrito a que metais icónos pois que os icónos bueno que está na izquierda da derecha se hablamos en escritorio perdona pues intenta poner que se vea lo máis posible eu sou partidaria que creéis un menú para que se vea en escritorio e outro menú para que sea móvil esta tendencia de hacer menús móviles e o que eu comparto todo é personal os invito a que investigueis esta é a minha opinión e en cuanto a derecha e esquerda isto é un tema de como leer a gente a que tú te dirijas nós leemos de derecha e esquerda para mim o máis importante tendria a ir a la derecha é que o menú é máis importante para ti se crees que o menú é secundario porque tienes un tipo de web que se comporta tanto e en todo estendrás que probar o quanto a gente aqui tendréis que medir o quanto a gente hace click escuchar que os dicen os usuarios ante la duda o que hace a maioria de la gente en tu sector porque vamos entender que eles han hecho un análisis e les funciona pero não hay una respuesta clara a esto tendréis que testear te ha respondido? genial moltes gracias a todos os talleres de momento por aqui van a terminar hay una charla ahora en la sala del auditorio e queréis acudir de Cain Santa María diseño web por provincias e os talleres continuarán esta tarde con un taller sobrepozcas con Molo Cebrián