 los días a todas y a todos, arrancamos esta Work in Valencia 2023, espero que lo paséis muy, muy, muy bien y vamos a comenzar en esta sala de conferencias con nuestra querida ponente Patricia Vázquez, que cuidado, creo que podéis tener algo en común con ella y es que dice que le encanta encontrar problemas y buscarle soluciones, así que vamos a ver qué nos tiene que contar hoy en su ponencia, por qué las páginas web japonesas son tan diferentes. Ella es valenciana de corazón, ahí el corazón nos late a los valencianos, pero ahora mismo no vive aquí, vale, estudio en genería de telecomunicaciones en la Universidad de Valencia y ha estado trabajando durante muchos años, seis concretamente en el software, como software en ProDOT en general, vale, así que ahora mismo están prendiendo en diferentes proyectos y están en incubadoras, así como también está aquí en la comunidad de WordPress, está también dando charlas en diferentes instituciones para inspirar a niñas y a niños y bueno, vamos a ver qué tienes que contarnos, Patricia, bienvenida y adelante. Bueno, buenos días a todos y a todas, es mi primera charla y va a ser sobre por qué las web japonesas son tan diferentes, me han dicho, estoy súper nerviosa, me han dicho que los primeros cinco minutos son los peores, entonces espero que no le alíen mucho en los cinco primeros minutos y no os vayáis, luego de los cinco minutos ya os podéis y si no os gusta, vale, pues este es el título de mi presentación y he elegido esta foto que no es una foto casual, es una foto de la ciudad en la que he vivido en Japón, es Osaka, es el Dotonbori, no sé si alguien lo conoce y aquí ya podéis ver la primera diferencia cultural, luego entraremos en las webs, pero la primera diferencia cultural a nivel de que de una calle cualquiera europea, de la gran ciudad de Gran Vía de Colón, con el de Dotonbori de Japón, que ya veis que está todavía de estímulos, de luces, veis ahí anuncios de asagi de cerveza, anuncios de glico de comida y no sólo hay estímulos visuales, sino también hay estímulos sensoriales, o sea conforme vas por la calle, vuelves todo tipo de comida, takoyaki, etcétera, bueno y me presento aunque ya me han presentado antes también soy Patricia Vázquez Moreno, no nací en Valencia pero yo soy valenciana de corazón, he trabajado durante seis años como producto en software ingenier en diferentes empresas de producto como en Voice Motake en Valencia, también en Cultra en Barcelona, como también decían en la introducción trabajo de esto porque me gusta encontrar soluciones a los problemas y esta charla pues junta un poco mis dos pasiones que son Japón y producto, estas son mis redes sociales aunque es verdad que no estoy muy activa realmente las redes sociales pero el email siempre contestó entonces si alguien tuviera alguna duda sobre cualquier cosa de Japón pues ahí está mimi bueno y ahora vamos a la hipótesis de mi charla y es el diseño web es un lenguaje universal bueno la verdad es que era lo que yo quería preguntarme y sacar una conclusión pero no sabía muy bien por dónde empezar entonces pues como últimamente hacemos todos pues le voy a le le fui a preguntar a chatipiti a ver qué pensaba él y él me dijo que piensa que sí que piensa que sí y me dio me dio unos datos me dijo creo que sí que es un lenguaje universal porque tiene unas normas y protocolos estándar pues por ejemplo utiliza html que se echaba escribe para que pueden ser interpretados por los distintos navegadores no también me dio otra otra razón por la que él lo piensa que es el principio de esa habilidad no que al final el user experience es algo que se hace desde desde cualquier parte del mundo no por ejemplo todos esperamos que si damos un clic al botón del logotipo nos lleve a la home de la página web también por ejemplo iconos muchos compartimos diferentes iconos no por ejemplo es un lenguaje común que si tú ves una lupa pues sepas que ahí está el buscador esas son las razones que me dio chipiti pero no me queda del todo a gusto entonces sigamos hablemos de japon porque os cuento japon porque aparte de que es mi pasión estuve viviendo allí y en mi día a día tenía que pues navegar en las páginas web japonesas y es algo que me parecía al principio muy chocante porque son muy distintas a como a las páginas web a la que solo hemos estado acostumbrados y pensé bueno igual es una sensación mío pero al final pues preguntando a todo el mundo que vivía en japon me dijeron que no que también tenía mucho problema a la hora de navegar en las páginas web japonesas y no sólo por el idioma vamos a ver por qué también tenían más problemas bueno la navegación en guajapon esas aquí os he puesto varias cosas pero voy a entrar en detalle en cada una de ellas los menus vais a ver que van a ser bastante distintos que por un lado prefieren utilizar la iconografía antes que las imágenes esto también os voy a poner un ejemplo el simbolismo cultural que es el blanco y rojo es la bandera de japon entonces esos colores son muy importantes sobre todo el rojo para la cultura japonesa saturación y contraste y muy poco espacio en blanco como habéis visto toque o saca son ciudades gigantes hay poco espacio la verdad y en las webs también se ve esta influencia vale pues cuando llevo allí lo primero que necesito es un adaptador porque obviamente necesitaban adoptar de corriente para conectarme a trabajar y digo pues donde lo compró y digo racuten no sé si conocí racuten es como el amazon japonés es una empresa muy famosa en japon muy importante y esto es yo entrando desde mi casa hace unos días a racuten diciendo a ver como era racuten y digo yo no la recuerdo así el logo morado ha sido un banner muy bonito de yo no recuerdo que cuando yo me compré el adaptador esta página web pero así porque no era así entonces busqué con cómo era era así esta es la página web donde yo encontré el adaptador este menú infinito puedes ir navegando electrónica adaptadores hasta encontrar lo que tú quieras de acuerdo incluso si os fijáis el banner es totalmente diferente utilizan el rojo luego abajo hay como una especie de bloques que no son casual aunque parezcan como esto es un poco old school es algo que es muy famoso en las páginas web japonesas y luego os explicaré un poco porque también y arriba del toro no sé si os habéis dado cuenta del detalle que racuten es morado si entres desde aquí desde valencia pero aquí es rojo entonces hablemos de color rojo ya se ha dicho que para los japoneses el rojo es un color muy importante esto soy yo queriendo irme a comprar una entrada en el toque o metropolancia en vale 1500 yen que sería como 10 euros y el botón de comprar me tendréis que creer si no habéis japones pero ese se vale el botón para ir a comprar ese es el rojo y el botón para ir atrás es el botón azul en cambio pues dije y como es comprar una entrada en madrid aparte que es el doble de cara el botón es azul yo no sé si alguna vez desarrolláis páginas web si se ocurre poner el botón de comprar el rojo os dirían a nuestro jefe no pero yo creo que a mí me despedirían si pusiera el botón en rojo pero no es algo casual que en que en este teatro esté en rojo el color de comprar que decir en cualquier página web aquí es más fácil que me creáis porque hay un carrito pero el botón es rojo vale cuando se hablaba de iconos ver sus imágenes a los japoneses les encanta que haya muñequitos haciendo cosas y que les expliquen lo que tienen que hacer cuando llegué haya japón pues necesitaba una una tarjeta para moverme por el metro entonces hay dos tipos de tarjetas está la plasma y la suica y con ellas puedes ir a comprar no sólo no puedes ir al metro pero también puedes ir a una tienda un supermercado lo que quieras no entonces aquí te está explicando el el robocito de este rosa que les gusta pues qué puedes hacer con la pasmo cuando la tengas y por ahí ves una animación de un trenecito que nos parecería un poco raro de ver aquí no pero luego también entallamos en detalle porque bueno pues dije y si entro y si la cambio inglés cómo me lo va a explicar vale no es la misma tarjeta pero es es la misma es la suica vale pero es que en pasmo no la encontré en inglés con imágenes cuando lo pones en inglés te ponen imágenes porque ellos saben que nosotros vamos a entender mejor cómo funciona con imágenes que con iconografía vale esto es como yo creo que lo más desafiante cuando los en el diseño web japonés que es la tipografía no porque tiene múltiples escrituras las fuentes pesan muchísimo hay páginas web que utilizan escritura vertical que es algo que es muy raro de ver no el tamaño y complejidad de los caracteres responsive design y las licencias derechos y soporte carácter y ahora voy a entrar en los detalles para que lo veáis con ejemplos vale las múltiples escrituras tenemos canllis hay más de mil canllis de acuerdo cuando empecé a estudiar japonés no sabía por dónde empezar luego tienes el gira gana y el catacana el gira gana y el gira gana es un silabario es como sases y sosuka que kikoku no y el catacana es lo mismo que el gira gana pero para palabras que no tienen ellos en en su idioma no y las cogen del inglés como por ejemplo taxi pues ellos no tienen la palabra taxi utilizan el catacana para escribirlo y la escriben como taxi el canchi he puesto ahí dos ejemplos de un kanji que se ve que tiene las raíces más pequeñitas y otro que es más grande esto es un problema luego para ellos a la hora de verse bien porque canchis que a lo mejor esa esa de arriba en vez de tener un cuadradito tiene dos y cambia totalmente el significado pero claro si luego el otro al lado quedará muy pequeñito entonces esto es un problema a resolver peso de las fuentes si pensamos en el peso de las fuentes nosotros normalmente utilizamos fuentes de 300 kilifos cuántas crees que podría ser que utilicen los japoneses bueno 10.000 10.000 entonces muchas de las fuentes que utilizan aparte tienen licencias son de pago entonces tienen muy poco open source para utilizar y eso también les limita mucho a que sean muy diferentes unas de otras de afinal acabas viendo muchas páginas web que tienen una tipografía que es muy similar vale aquí os he puesto una un ejemplo que veréis por ejemplo a la derecha del todo hay un poco de escritura vertical pero que no tiene nada que ver con la fuente del lado no se parece nada porque están utilizando a diferentes fuentes tanto para la escritura vertical como para la escritura horizontal arriba pues también hay catacana ves que los canchis algunos se leen muy bien y otros se leen al lado muy pequeños aquí he puesto un poco las fuentes que están utilizando también hay una palabra que para información entonces tienen que utilizar también alguna fuente occidental para poner palabras en en otros lenguajes no a ver agua que tengo la boca seca bueno páginas webs con escritura vertical bueno esta página hace dos semanas estaba Japón otra vez y me invitaron a la boda japonesa y la verdad es que bueno sabéis que son muy protocolos y yo quería ir bien preparada la boda porque era la única occidental la boda y no quería no quería pues ser maleducada o hacer algo que fuera grosero y dije vale mi amiga se casaba en el templo cintoísta más importante de tokyo además en el mejijingu y digo voy a entrar en la página web a ver qué pone qué cacer que tengo que llevar cómo tengo que actuar y la página web tiene esta es tiene esta escritura vertical que además tiene una fuente muy bonita que es de pago obviamente porque es es un sitio muy importante Japón no entonces pues así estaba yo leyendo un poco lo que ponía y dije pero también hay versión en inglés qué pasará la versión en inglés será así tan bonita con tanto texto nada una web normal tradicional japón y se demoní te pone aquí un poquito los sitios donde tienes que estar ahí es donde se hace el ritual bueno algo normal no para que me creáis y pues la foto yo soy el punto rojo ese de allá al final vale pero estaba ahí estaba en la boda y esa es mi amiga y esta foto la tomaron unos turistas y me la encontré en internet y la tengo que poner para que me crean que de verdad he estado allí bueno el responsive design esta es la página de ghibli de las películas no sé si sois fans de ella pero yo quería ir al museo y dije bueno pues voy a entrar en la página web y entré desde el teléfono móvil y pues esto es lo que hay es una de las páginas más importantes de Japón no más utilizadas y digo pero qué está pasando aquí o se están utilizando aquí las fuentes se les va el menú por ahí hay una raya gris que no sé si se verá muy bien porque intenta hacer lo más grande posible que tiene que ver esa fuente de ahí con esa fuente de abajo con las de arriba que así pero qué desastre esto cómo cómo está pasando esto no y es por lo que os digo que es que es muy difícil con todo lo que tienen que hacer es un desafío la tipografía para ellos pero están hay muchos que ya están trabajando en ello y no todas son así pero he encontrado este ejemplo que pensaba que era bastante bueno y ahora voy a hablar de dos estilos que son los que más me sorprenden de Japón que son el estilo kawaii esta tienda es muy famoso en Japón y se llama don Quixote es en serio que pasa es que le llaman don Quip pero viene don Quixote y este pingüinito azul es la mascota que tienen ellos en en la tienda pero está por todas partes como veis la página ya sale el pingüinito pues ahí con sus cosas moviendo la manita saludando es una fantasía la página web el estilo kawaii se caracteriza por los colores brillantes también por los tonos pastel en este ejemplo son brillantes así vemos el amarillo el rojo son fuentes más redondeadas y suaves también tienen algunos escritura vertical suelen ser alegres y optimistas tienen muchas animaciones tienen muchas mascotas así que te van guiando por la página web no y obviamente un diseño súper recargado bueno pero cómo no iba a ser el diseño recargado del donkey si cuando entras al donkey es una fantasía de siete pisos donde abierto 24 horas donde puedes comprarte desde una lavadora hasta un disfra de halloween hasta maquillaje o una corbata así se te ha olvidado para ir a la boda porque aunque veáis que el pingüinito que es mi gracioso porque lo toca si va saltando por toda la web no es una página para niños es un sitio de es una página para comprar a adultos bueno como os decía cuando hablaba de los personajes este es otro personaje y es una tienda de no sé es como una fábrica de alimentación en japon pero es que es algo muy común el que estén todos los personajes aquí sí que se ven poco más los tonos pastel el personaje más aniñado aunque sean productos también que consuman adultos eso es indiferente a ellos les gusta que hayan este tipo de personajes en las tiendas y en los productos no ahí pues venden sus galletitas y esta es la página web esto para comprarte hablando de vanes vale este es tulis kofi que es como el starbucks japonés y este es el banner cuando entré a la página web japonesa hace unas semanas porque van a poner las los productos de harry potter y yo soy súper fan de harry potter pero no llegué a tiempo faltaban unos días antes de que me fuera para que salieran y digo a ver voy a entrar saldrá lo mismo si entro vamos aquí el banner todo recargado un montón de productos saldrán el mismo banner si cambio el idioma sale este banner la misma web lo podéis buscar vosotros tulis kofi cambiáis el idioma lo ponéis en japonés y lo ponéis en inglés y os va a salir esto este diseño más minimalista ellos mismos se adaptan a que piensan que nos gusta más un diseño más minimalista y el estilo reto retro que el estilo retro prioriza la funcionalidad sobre la estética el coste de rediseño la compatibilidad la nostalgia bueno ahora lo iré explicando el rendimiento y mucha información ahora veréis por qué bueno mucha información creo que ya os ha quedado claro después de ver el primer menú de racuten vale esta es una página web de una de una universidad de Hiroshima y como veis pues la verdad es que no parece que sea la web más nueva que han hecho no pero esto tiene varias razones aparte del coste de rediseño que imagino no les he llamado pero siempre cuesta un dinero no volver a diseñar otra web también vemos que hay lo que se hablaba de que hay mucha información y que tiene un aire como así como más old school estos porque también en japon hay muchos usuarios señor que también su tecnología es más antigua y tiene que seguir manteniendo la compatibilidad con con sus dispositivos no entonces muchas webs intentan mantener como siempre el mismo formato aparte de que estos usuarios señores que son mucha gran parte de la población japonesa es más fácil navegar en con estos menús más desplegables como los antiguos windows programa y lo que sea no bueno la nostalgia cuando habíamos visto los bloques que parecen así también muy old school no es porque algunas sean páginas antiguas sino esta es una página nueva esto es el dotor café es otro starbucks al que he ido allí y aquí te explica los servicios que ofrece el dotor café y como veis está utilizando estos bloques que dan un aire así como más retro a la página así que no es sólo por el coste del diseño realmente les gusta este aspecto para sus páginas webs como racuten también la tenía mucha información muchísimo pero para todo no sólo para las páginas webs esto es yo en un restaurante yendo a cenar y encontrarse algún espacio en blanco está lleno de colores de información de precios de sabores de todo y lo del estilo retro viera un poco también porque ellos conviven con esta tecnología de los 90 de los 2000 en su día a día tienen como puedes encontrar a lo mejor un inodoro de que tiene 8000 botones pero al lado un teléfono del de los 90 no y es algo que ellos culturalmente como que les gusta ese estilo bueno y llegados a este punto habiendo hablado de los de la tipografía y sus desafíos de la navegación de los estilos que me llama la atención de las webs japonesas yo intentaba con seguir contestando la pregunta es el diseño web es un lenguaje universal entonces bueno mi conclusión es que después de todo esto si bien pienso que sí que es un lenguaje universal pienso que cada país tiene su propio dialecto y muchas gracias gracias por haber venido y gracias también por darme la oportunidad de mi primera charla muchísimas gracias a ti patricia tranquilidad tranquilidad alguna pregunta para patricia vamos sería posible claro posible hola patricia yo te quería preguntar en las webs también pasa con lo de la lectura al revés o sea como los cómics no sé hay alguna dirección extraña que vamos a ver en las webs no a no sé que sea escritura vertical normalmente es siempre se han adaptado a nuestras direcciones como los mangas y todo esto que él es al revés no es muchas gracias súper interesante las preguntas que me hacía yo son que hay cosas que son culturales claro y son gustos y pero hay otras que son más objetivas como por ejemplo hablabas de los ciudadanos mayores que utilizan pero es que ellos van a tener situaciones fisiológicas y fisiológicas que son no son culturales como como van a ver esos caracteres tan pequeños o sea problemas de accesibilidad me preguntaba eso porque todo lo que has enseñado yo siempre he identificado digo pero es que el contraste ahí es imposible o las fuentes tan pequeñas entonces cómo crees que no sé se plantean esta de hacerlas más utilizables por por la gente que tiene problemas o para los lectores de pantalla y tal para gente que tiene problemas de visión no definitivamente es un problema de accesibilidad o sea no está solucionado hay muchas webs que no son accesibles a día de hoy comparado con otras webs occidentales que tenemos mucho más trabajamos mucho más la accesibilidad la verdad es que no yo tengo una amiga que tiene 65 años japonesa y obviamente pues muchas veces me intentaban enseñar algunas cosas y yo la veía haciendo miles esfuerzos no como para aumentar los canches para poder verlo en muchas distintas webs entonces es un problema generalizado que tienen que trabajar en ello me ha gustado mucho ducharla muchas gracias que tenía una pregunta es en japon también es muy extendido está muy extendido el uso de wordpress o por todas estas diferencias resulta que tienen también su propio tecnología que usan más porque está como más adaptada a todos tus retos la verdad es que no lo sé así que no te voy a mentir no sé cuán extendido puede estar el wordpress pero bueno si quieres lo podemos investigar y luego lo miramos te lo digo pero no me lo había preguntado lo siento gracias es muy muy buena charla alguna preguntita más pues patricia muchísimas gracias por haber estado con nosotros