 Hola a todos, mi nombre es Juancho. Primero que nada quiero agradecerle a la comunidad de World Camp San José por haberme invitado a este evento y poder compartir un poco de conocimiento con ustedes. Mi nombre es Juan Tijerino, soy licenciado en diseño gráfico y me dedico a lo que sería la consultoría independiente, soy diseñador UIUX, ilustrador y también diseñador gráfico sinio. Soy fundador del estudio de diseño NOMO, voluntario en WordPress Nicaragua, participé en las últimas dos eventos de World Camp, como organizador en la parte de diseño y también doy clase para la carrera del diseño gráfico de la Universidad de Bahía en Managua. Bien, esta charla acerca de cómo convertirte en un UIUX y por dónde comenzar, entonces yo realmente cuando pensé el poder compartir esta charla, lo primero que nada yo decía, me había planteado como esta pregunta, decir cómo yo puedo comenzar en esto. Yo creo que mucha gente, probablemente que se me ha acercado con las que tenía de gusto de conocer y hablar, me han dado como, me han siempre como interpelado esto, como que qué es lo que debo yo de estudiar, qué es lo que debo saber, a qué me puedo dedicar y esta misma pregunta yo también me la hice en algún momento. Tengo que contarles que de hecho cuando tuve mi primer acercamiento directo al diseño web, fue en un World Camp aquí en Managua, en la cual se hablaba de estos temas, sin embargo digamos que era muy, digamos así como estaba todo muy verde, o sea, por lo menos aquí en Nicaragua no había ningún parámetro muy claro en cuanto a qué diseño web, o sea, con qué se come, o sea, dónde puede estudiarlo, dónde puedo ejercerlo, qué es lo que hace, es decir, ahí habían como muchos interrogantes aún en ese momento, si habían empresas que ya implementaban el diseño web, pero quizás de una manera demasiado así como rudimentaria. Por lo tanto, yo me aboco a esta frase de J.T.R. Tolkien que dice, las aventuras no terminan nunca, supongo que no, alguien tiene que llevar adelante la historia, entonces eso yo lo tradujo como el viaje del personaje que hacen en aventura, es decir, el viaje del héroe que viene siendo elirse como construyendo, irse forjando a través de obstáculos, y ese realmente les puedo decir que es mi experiencia, que como diseñador me he topado con muchos retos, que he tenido que ir como aprendiendo, digamos así, de los tropiezos, pero estos tropiezos, digamos, no es que me obstaculizan el avanzar, sino que también me ayudan a aprender. Entonces ya con este punto de partida de por qué estoy haciendo esta charla, porque yo pienso, probablemente hay muchas personas por lo menos aquí en Latinoamérica que necesitan tener esto bastante claro, saber qué necesito, por dónde comenzar, debo de detener algunas ciertas características, entonces esto es algo que es lo que voy a tratar de responder, verdad, a mi modo de ver, de acuerdo a la experiencia que yo he tenido, y bueno, yo espero pues que esto les ayude mucho, que les sirva como un comienzo. Bien, continuo. Bueno que nada, debo de comenzar conceptualizando qué es un UX designer, para esto me ha abocado al concepto de la logo en sales que escribe para Medium.com y él dice que el UX sería como el diseño de experiencia es el proceso para determinar cómo va a ser la experiencia de usuario cuando use un producto, tratando de que sea lo más útil y la se entera posible. Entonces aquí hay que entender algo que el UX designer trata de crear un producto que no solamente va a ser funcional, que va a ser útil a su fin, eso es lo primero, pero lo más importante es que el usuario se sienta bien con el producto, que pueda realmente no tener problemas durante el uso y la experiencia, o sea que por eso dice el UX designer, que es el diseño de experiencia de usuario, es tratar de que nuestro producto deje a los usuarios satisfechos, lo deje es decir que haya tenido una muy buena experiencia en todo el proceso. Por eso nosotros no solo pensamos en la ejecución final, sino que también tomamos en cuenta los principios hasta de aprendizaje con el producto mientras se usa y cuando ya se usó, que es lo que va a dejar en el usuario. Creo que eso es lo importante porque a veces en el diseño, cuando hablo de diseño, me refiero al diseño gráfico como tal, puede ser que solamente pensemos en la cualidad estética de un diseño y no pensemos tanto en qué le va a beneficiar al usuario este diseño, que es lo que va a sacar el usuario de él, qué experiencia le deja. Entonces en esto del UX es algo como que tiene que ser nuestro principio siempre, que no diseñemos solo para nosotros, sino que diseñemos para los demás. Yo creo que en ese punto de partida vamos, vamos dentro. Ahora por donde empiezo, es decir ahora, ok, quiero, me llama la atención, quiero ser un UX designer, pero ¿qué necesito para hacerlo? ¿Existen requerimientos? ¿Qué debo hacerlo? Y esto yo también me lo pregunté, porque cuando escuchaba los términos yo decía, esto me llama la atención, me gusta, pero ¿cómo hago? Tengo que saber programación, tengo que tener, no sé, alguna maestría en innovación, o sea yo tenía muchas dudas a nivel académico, a nivel técnico, sin embargo me di cuenta que durante el tiempo, porque yo me preguntaba esto para la misma vez ya estaba teniendo mis primeras experiencias de trabajo en ello y entonces ahí me di cuenta que realmente es una cosa todavía más simple, es una cosa más simple y entonces bien, voy a decir qué es lo que yo pienso, qué es por dónde hay que comenzar y a romper el hielo, porque esto se trata también de dar un paso hacia algo nuevo y eso fue el paso que digamos yo di y que iba como entendiendo cada vez que me iba saliendo un proyecto nuevo y cómo yo lo iba como interpretando y de esa manera lo iba asumiendo dentro del propio aprendizaje y decía ok, esto es útil. Con el tiempo hoy en día que ahora sí digo yo ahora sí claramente que me defino como yo es designer, entiendo cuáles son esas cosas, entiendo qué es lo que necesito y otras cosas que sí a lo mejor podría aprender más, pero tampoco me hacen, digamos así, inútil para lo que se requiere, porque dentro de lo que se requiere también existen muchas especialidades, existen muchas orientaciones de trabajo, entonces tampoco es que uno tiene que ser roto a la misma vez, o sea cada quien va encontrando en lo particular que es lo que más le gusta, yo por lo menos me enfoqué más en el diseño UI por lo que me gusta el tema del diseño, el diseño gráfico, entonces cómo que me enfoqué más en esa parte, pero sí como pilar de entrada si pasas por un UX, es decir si pasas por al menos dominar cierta base del UX design, entonces bien, yo creería que las primeras cosas son la siguiente. Por dónde empezamos? Bien, primero que nada tu propia experiencia, tu propia experiencia va a ser siempre importante porque es el espejo con el que vos miras tu entorno, vos miras las situaciones, va a haber los proyectos y en este caso podemos pensar como que si fuera un psicólogo voy a tener esta perspectiva analítica de las personas y esa visión, esa perspectiva puede ser útil para este tipo de trabajo, en mi caso que soy como diseñador gráfico, entonces como que mi perspectiva desde el punto de vista de un diseñador gráfico también va a ser necesaria a la hora de elaborar ciertos proyectos, sucesivamente puede ser un programador, un mercadólogo, un emprendedor así de esos que aprenden de todo y te das cuenta de que tu experiencia siempre va a ser vital porque es la que te va a permitir encontrar digamos así encontrar la utilidad de cómo te puedes desenvolver porque eso sí, yo creo a pesar de que ahora uno puede encontrar un curso específico pero no hay como digamos así un método de matemático, no hay un método así como tan, tan médico de hacerlo todo, o sea si hay una parte que es muy humana que es la que tenemos todos para poder resolver y poder llevar a cabo esto, así que tu experiencia es importante, lo que tú ya sabes en este momento siempre va a ser importante. Segundo, la empatía, aquí vamos a poner un paréntesis y podría yo decir la psicología humana, ¿por qué? porque como dije al principio cuando hablábamos del concepto de UX, estábamos viendo que se trata de satisfacer a alguien más, por lo tanto satisfacer a alguien más es pensar no solo en lo que le va a gustar sino en cómo se va a sentir, qué problemas puede tener, entonces yo creo que no se trata de que tenemos que hacer un perfil psicoanalítico de la persona pero sí entender sus problemas, poder ponernos en la piel de esas personas y poder también digamos así poder hacer un poco de introspección de qué es lo que, cómo lo hace sentir, entonces para mí es la empatía porque la empatía nos permite entender a lo demás, poder digamos así cuando tienen un problema también nosotros nos podemos sentir como sensibles ante esto y entendemos por qué es importante ese problema, no es lo mismo que solamente diga ok el problema es esto, pero a lo mejor no te pones en la piel de la persona del cual si está, si lo considera importante, entonces ahí yo creo que ese sería un buen valor a tener el tener empatía hacia lo demás porque no diseño para mí, diseño para otra, segundo, tercero, perdón, ser curioso, ser curioso nos lleva a investigar, ser curioso nos lleva a hacernos preguntas y cuando estamos en este tipo de proyecto nosotros nos vamos a ir dando cuenta de diferentes dificultades y diferentes cosas que va afrontando el usuario y entonces nosotros tenemos que preguntarnos por qué pasa esto, por qué se da este problema, qué es lo que lo evoca entonces de esa manera la curiosidad nos va haciendo ir más allá y obviamente nos va dando, nos va digamos así metiendo más en investigación en el use of research como podemos decir en UX y eso nos lleva a investigar porque no investigamos por investigar sino que investigamos en función a resolver un problema o un asunto en concreto, por ejemplo yo tuve la dicha de trabajar un diseño web cuando estaba iniciando de unos respuestos de motocicleta y teníamos que hacer pues una página de catálogo que se encontraba pues trabajaba digamos para clientes, usuarios digamos de que buscan precios económicos entonces un reto para mí era crear un catálogo que fuera bastante oportuno para que la gente pudiera hacer cotizaciones en el de los repuestos, yo en ese momento o sea no sabían nada de motocicleta no se al dar una motocicleta entonces no podía como comprender qué es lo que estas personas podrían buscar en esa página entonces me tuve que dar la tarea de hablar con amigos conocidos que si manejan motocicletas que si compran en este tipo de tienda y de esa manera yo pude tener una noción de las necesidades reales pero decir busqué una fuente de investigación que pudiera ser fiable no solamente la fuente de lo que pudiera decir internet sino también el poder hablar con las personas reales eso me dio un mejor panorama a la hora de poder decir ok tenía más tangible cuáles pueden ser las necesidades de las cosas que yo buscan para podrá hacer este sitio la creatividad la creatividad podríamos decir que es un habilidad de los diseñadores no necesariamente no necesariamente la creatividad en este caso lo vamos a usar para resolver problemas o sea como para ser ingenioso al momento de encontrar soluciones por eso es que cuando muchas veces nos encontramos en aprieto suele ser que la mente se ponga más creativa o sea la creatividad surge de mejor manera cuando estamos ante ante un problema entonces es necesario ver que los problemas pueden ser oportunidades y retos que superar en este caso la creatividad no va a servir para encontrar solución organizado esto es un poco digamos así conflictuado cuando hablo en diseño porque hay diseñadores que tenemos procesos muy diferentes yo al inicio podríamos decir que era medio caótico es decir en mi manera de trabajar no tenía como un orden específico de hacer las cosas mientras que cuando comencé en esto del yuex me di cuenta de que sí tenía que considerar ciertos apartados antes de diseñar o sea que me volví un poquito más meticuloso durante el proceso que por cierto que que aquí hay yo dio otra charla con ahora lila cerca de un proceso efectivo de diseño y desarrollo entonces es decir los pasos de un proceso nos ayudan a hacer un trabajo mucho más efectivo por eso va a ser necesario que nosotros fundamos bien cuáles son nuestras estrategias a la hora de diseñar y eso va a ser súper importante porque suele estos trabajos de diseño de plataforma suelen ser muy amplio muy largo entonces uno tiene que ser mucho más cuidadoso para poder llevar el hilo del proyecto por último y no menos importante ganas de aprender aquí nosotros podemos pensar si necesitamos tomar curso eso siempre es como lo primero que que ahora se nos viene en la mente si debo de tomar un curso de yuex y de UI no sé qué y el certificado tal bien sin temor equivocarme y por experiencia propia le digo hasta el momento en las contrataciones que he tenido para diseño yuex ninguna empresa me ha pedido certificaciones evidentemente una ventaja que tiene siempre es que se basa mucho más en el portafolio y en el trabajo que ha realizado durante tu experiencia propia pero yo considero que en algún punto va a ser necesario es decir yo inicie estudiando digamos así por mi cuenta información que encontraba en internet que encontraba valioso eso me iba como sirviendo y obviamente también iba estudiando de acuerdo a las necesidades que surgían en los retos de proyecto pero una cosa me va llevando a la otra y al final yo creo que ya en lo último año fue que comencé a hacerlo a hacer un par de cursos pero más que nada no por el hecho de que se ha exigido tener una certificación sino porque yo mismo quería tener más claro más solidificado mi conocimiento en yuex entonces yo creo de que no hay que entrarle así como que necesitamos un curso realmente no yo pienso que no pienso que uno puede comenzar con los mismos proyectos tener esta experiencia y luego van a ver que obviamente cuando uno tiene mayor interés en esto pues ya estudia los cursos a dar cuenta de que hay un lenguaje técnico que bastante bueno bastante fundamentos teóricos que nos pueden servir en nuestras aplicaciones prácticas pero no necesariamente como dije en otro momento que no es una matemática pura o sea que aquí hay mucho que se envuelve por la misma práctica así que todavía y también por lo menos yo he notado que algunas empresas están también aprendiendo esto entonces no es como una cosa que ya está metricamente calculado en todo su su complejo en cómo se desarrolla pero sí es importante el querer saber más el querer aprender más de esto se van a dar cuenta de que existen mucha información muchas prácticas muy buenas que podemos implementar así que nada ahora paso a lo siguiente hay habilidades a nivel de diseño cuando estamos hablando de necesidades que debemos de tener al momento de crear o ser un UX yo creo que sí hay ciertas habilidades que debemos de ir incorporando en nuestra práctica que no no solamente se trata de ser un diseñador UI en otro en otro apartado llama específico sino que al menos en la parte de diseño nos va a servir para poder digamos combinar lo que sería la aplicación teórica los fundamentos creativos con la materialización y la práctica recordemos que nosotros vamos a crear un prototipo por eso no nos vamos a quedar solo con la idea la idea tenemos que materializar dónde les recomiendo yo comenzar sencillo un lápiz un papel nuestras prácticas deben de ser a través de lo boceto yo también doy clases de dibujo y yo recomiendo mucho el bocetaje porque nos permite sacar nuestra idea de la cabeza que a lo mejor son bastante abstracta que no solo nosotros lo entendemos y van a ver que cómo cambia esa idea cuando la podemos materializar en algo en este caso sencillamente en un con un lápiz un papel de hecho yo hago todo mis bocetos preliminares de plataforma de diseño los comienzo así en un garabato sencillo pero este garabato ya me permite a mí ver los problemas ver buscar soluciones hacer varios varias ideas de cómo puede ser el prototipo entonces es una cosa que bastante digamos así nutritiva intelectualmente hablando y en la parte en la segunda que recomiendo hacer la creatividad artística esta creatividad artística quiero decirles que no me refiero a la sensibilidad artística puede tener un pintor un autor es decir un pintor hace un cuadro y la idea de este cuadro abstracta subjetiva todo le puede votar un significado sin embargo en este caso la creatividad artística se refiere al uso de la estética para poder potenciar digamos así nuestro nuestro diseño es decir no solamente ser un producto útil sino también estéticamente atractivo para el usuario así que voy a puntualizar en en algunos en algunas otros conceptos con un ejemplo cuando decía del boceto por ejemplo que estamos viendo este es un wireframe ya hablando técnicamente es un como un bosquejo de lo que podría ser esta plataforma este es una pantalla de un ejercicio que hice hecho una clase con alumno estuvimos haciendo una mejoría en cuanto al al panel de de inicio de una de la plataforma educativa de la universidad y entonces yo yo les decía ok dejen el programa no va a mostrar el programa directamente sino que la pipa el analizando la aplicación y como nosotros haríamos esta esta pantalla de cómo se entra la parte de usuario y cómo se va a la parte de inicio donde se miran las clases entonces el ejercicio inicial como ustedes pueden ver es un boceto de lo más simple y rudimentario ahí como pueden ver esos son mi carabato que yo hago a la hora de plasmar una idea de cómo se puede digamos así como podemos nosotros ordenar la información nosotros tenemos un proyecto la arquitectura de la información viene siendo como todos esos datos en bruto que va a tener el proyecto entonces como yo de esos datos los transformo en una diagramación específica en digamos ya a la hora de armarlo a nivel de de una aplicación por ejemplo en este caso y como la información se va a ver digamos así más fácil para el usuario entonces de esa es la clave como yo lo hago más fácil así que el boceto por eso no puede ser un boceto cualquiera también el boceto esto hay que hacerlo pensado hay que hacerlo un poquito pensado que sea después útil porque esto ya después se nos facilita mucho a la hora de traspasarnos a lo digital otra cosa importante va a ser la teoría de color la teoría de color más que nada es sólo como para que uno sepa qué es lo importante en cuanto a qué significan tanto los colores a nivel estético y a nivel funcional uno un punto de partida bastante útil puede ser la línea gráfica de la empresa la línea gráfica de la empresa se puede implementar como un punto de partida sin embargo hay que trabajar con otra gama de colores que van a ser también funcionales en nuestro apartado digital yo por ejemplo siempre tengo colores que van a ser contrastantes colores que van a ser en este caso activos que van a llamar la atención del usuario y colores que me van a servir para poder respirar como colores neutro y por su y sobre todo los los whitespace o sea que haya respiración en el uso del color blanco porque porque nosotros no debemos de sobre estimular el ojo o sea que los colores no solamente se eligen por una cuestión estética sino también por una cuestión de comodidad para el usuario van a permitir aparte de digamos comunicar por ejemplo si usamos el color rojo puede ser un error una alerta una advertencia o el amarillo igual etcétera entonces los colores también tienen funcionalidades y significado en los proyectos por eso hay que estar claro de a nivel cultural lo que significan los colores como ya se entienden los colores porque como decimos aquí en Nicaragua no vamos a inventar en la abuelada en el producto y otra cosa importante a tomar en cuenta obviamente ya podría ser un tema de como sería la palabra un tema como de que la de que sea como hacerlo no sé si inclusivo respecto a tomar en cuenta usuario con cierta digamos y discapacidades por ejemplo si tuviera problemas de alto mismo como en ellos los colores entonces también que la selección de colores sea bastante amigables con ellos o sea que también tenemos que pensar en las personas que también tienen ciertas discapacidades y que probablemente nosotros les voy a considerar en nuestro proyecto bien por último el prototipado en general bien aquí podemos ver cómo sería el resultado del garabato que hice con la aplicación de colores que mostré ya como yo haría el aplicativo de esta plataforma evidentemente una plataforma ficticia sólo para que vean el ejemplo de cómo podría ser en este caso una una interfaz más atractiva en este caso para el estudiante y si se fijan también no es muy diferente a lo que era mi garabato o sea mi garabato cumplía básicamente con la estructura que finalmente monté obviamente ya en la parte digital ya la podemos como decir embellecer más utilizamos cuadrículas utilizamos uso de columnas como para que todo se vea aún mucho más organizado y eso obviamente hace que la el diseño sea todavía digamos así más útil más accesible esa era la palabra que estaba buscando anteriormente más accesible entonces ahí podemos ver y cómo los colores también tienen como sus funciones como vemos cómo se destaca el botón como en el campo del formulario del usuario hay un icono como para reafirmar al usuario los iconos nos sirven como para reafirmar porque probablemente uno puede decir con que llega contraseña es suficiente pero los iconos nos ayudan a que sea todavía mucho más específico también darle peso visual dependiendo de que la sección tenga una importancia o un protagonismo dependiendo de las acciones que nosotros queremos que el usuario tenga por eso hay que ser bastante cauteloso con la forma en que nosotros estamos escogiendo los colores en lo que sería nuestro ya prototipo final para así decir bien qué programa recomiendo hay unos software bastante importantes que podemos comenzar que son los software por lo menos que yo he manejado a nivel de ya para ser prototipo y primero que nada estaría figma que creo yo que actualmente figma saca lo mejor de xd y sketch y también tiene una comunidad abierta que nos facilita en recurso figma tiene un apartado gratis y el gratis le digo yo que es bastante amplio en cuanto aprovechoso de todo lo que se puede hacer así que yo considero que es una muy buena herramienta y sobre todo muy fácil de usar xd es una herramienta de adobe a bueno claro que figma también ahora y era digamos así que en su momento fue también un software es un software de también para prototipo y es bastante bueno de hecho se asemeja muchísimo a sketch también o sea que estos tres son bastante similares y digamos que algo bastante bueno que tiene es que la licencia también gratuita sobre todo y lo que es software en sí es perfectamente se puede utilizar offline ahí si yo creo que sería para mí una gran diferencia con figma porque figma si se puede usar con internet sin embargo xd si se puede usar offline ambos son bastante parecido y también sketch que serían para los para los que tienen tecnología de apple sobre todo entonces esto yo creo que si uno tiene ciertas nociones de diseño por ejemplo en mi caso que venía de manejar photoshop ilustrator etcétera no se me fue para nada complicado entre estos programas de hecho se agarran mucho de los programas de diseño básico y van a ver que tienen muchas cosas parecidas también existen bastantes tutoriales en cuanto al uso técnico de cada herramienta así que cada detalle que ustedes quieran investigar de las de las aplicaciones seguramente la van a encontrar perfectamente y bueno yo creo que esto sería todo con respecto a a esta charla espero que le sirva como dije es un punto de partida tampoco es que todo lo que digo va misa o sea es decir que lo que muestro aquí es una idea de por dónde debo de ir por dónde debo comenzar qué cosa puedo recomendar yo realmente a manejar porque tampoco quiero como que darles una idea errónea de lo que es yo existen si tienen bueno aquí de una conclusión bastante importante de un poema de antonio machado que es que caminando de caminos de caminando andar y es que al final no se preocupa por no tener o no saber todas estas cosas sino que en el transcurso de la experiencia de los proyectos de los tropiezos como decía van a ser puntos de parte importante para aprender así que no te estás como decir equivocando realmente si si crees que por tener dificultades está haciendo más las cosas no sino que son reto que uno lo va a ir como aprendiendo mejor así creo yo por eso es que esto esto se aprende así de hecho me acuerdo así como para para hacer un poquito que cuando yo tenía que hacer un proyecto web y no sabía no tenía estas funciones me acuerdo que que le pedía a una amiga de otra diseñadora que estaba trabajando en esto que me diera clase y cuando me dio la digamos así la clase entre comien y al final le dije mira sinceramente estas cosas yo la sé en el sentido que las entiendo desde el punto de vista como diseñador o sea que lo que yo estaba haciendo también no estaba tan mal no estaba erróneo porque es algo que se agarra mucho de los principios de diseño o los principios de estructura de cualquier proyecto y entonces también uno es de ese sentido no se siente como como que está tan tan en el aire en ese aspecto y bueno más que nada eso y si tuvieran alguna duda alguna pregunta en la cual yo pudiera ayudarlos pueden buscarme en instagram como te ninja designer ese es mi cuenta personal en instagram para que me puedan contactar y ahí con mucho gusto responder sus dudas muchas gracias a la comunidad nuevamente y un placer nos vemos en otro en otra charla