 Buenas tardes con todos. Bueno, ya vamos a comenzar con esta pequeña charla. Con esta es la cuarta del día, creo, ¿no? Entonces, tal vez ya algo un poco cansados, pero continuemos, ¿no? Bien, ahora vamos a hablar un poco sobre UI y UX, aunque el enfoque un poco más va dirigido a la experiencia del usuario y también vamos a tocar un poco sobre cómo sobrellevar un poco el proceso del teaming junto al cliente, ¿no? Bien, bueno, yo soy Alberto Jr. Quiroga Muñoz, vengo de Bolivia, allá trabajo como CEO en KolaSoft, bueno, en realidad, junto con Osvaldo, somos socios y yo me encargo un poco de la área administrativa, hago también de project manager en la mayoría de los proyectos es una empresa relativamente pequeña, entonces todavía no llevamos muchísimos proyectos paralelamente, sino los que podemos controlar entre los que somos, ¿no? Dos, prácticamente los que administramos los proyectos. Bueno, KolaSoft, somos, ahorita, en esta foto somos 10, pero ya actualmente somos 12. Estamos recién, casi un año, como KolaSoft, antes yo era parte de otra empresa y que prácticamente yo era un freelancer con nombre de empresa y ahora somos socios con Osvaldo, ¿no? Bueno, KolaSoft es una empresa en la que considero hay excelentes desarrolladores. Lo bueno de KolaSoft es que enfocamos nuestra mirada en las dos áreas, tanto backend como front end y somos especialistas, cada quien es, en un área específico, front end o backend. Y bueno, yo soy más front end y Osvaldo, backend, entonces administramos muy bien la parte que nos toca. Bien, ahora, para empezar un poco a recapitular este tema, ¿por qué de un tiempo esta parte ahora hablamos de tanto de UI, UX, ¿no? Recuerdo antes cuando trabajábamos para desarrollo web hace cinco, seis años, el cliente nos pedía un sitio web y solamente le presentábamos una propuesta y si el cliente estaba conforme, perfecto. En la mayoría de los casos estaba conforme por lo menos un 70, 80%, ahí sobre eso era comenzar a hacer cambios, perfeccionar el desarrollo y listo, el desarrollo era eso, ¿no? Poco a poco eso fue evolucionando, las necesidades del mercado fueron cambiando y dependiendo el tamaño del proyecto llega un punto en el que la experiencia del usuario y la interfaz son, tal vez, incluso en algunos proyectos hasta más importantes que el desarrollo en sí, ¿no? Estamos en un ambiente en el que la ingeniería social, también las redes sociales, todo lo que es social hoy en día nos ha llevado un punto en el que no solamente tenemos que tener un buen código, sino brindarle al usuario una buena interfaz, también una buena calidad a nivel de rendimiento y porque todo esto lleva una experiencia del usuario agradable, ¿no? Ahora, experiencia del usuario agradable se transforma en que el usuario desde el momento en que ingresa la página ya tiene que estar conforme con ella, ¿no? La conformidad del usuario no se la logra a través de que el usuario va visitando y visitando la web porque por lo menos en la mayoría de proyectos en los que he participado, según las estadísticas en Google Analytics o en cualquiera de los que nos brindan estadísticas el 60-70% de los usuarios que vuelven a una página web son por lo que en la primera entrada estuvieron conformes del rendimiento de la página, sino si en la primera visita que hicieron a nuestro sitio web no vieron esa conformidad entonces ellos no van a regresar, ¿no? Entonces son casi el 70% de usuarios que si regresaron fue porque la experiencia del usuario fue buena, ¿no? Y el otro 30 regresó por accidente o regresó por necesidad, ¿no? Y muchas veces pasa eso, a veces volvemos a un sitio web porque realmente necesitamos algo de ese sitio web y no porque queramos volver a ese sitio. Ahora, la experiencia del usuario muchas veces es relativa porque como la imagen ahorita en este caso nos muestra muchas veces conocemos la frase que dice ya no vamos a inventar la rueda, ¿no? Pero la rueda ha ido mejorando. Hace 2000 años atrás la rueda no es lo que hoy en día es, ¿no? Y posiblemente o es segurísimo que de acá 2000 años después la rueda no va a ser lo que hoy en día conocemos como rueda, ¿no? Entonces eso es la experiencia del usuario. Mejorar lo que ya se inventó y hacer que el usuario realmente esté conforme con esa mejora, ¿no? Con los sitios web pasa lo mismo. Esta es una comparación entre el sitio web de CNN como era hace 20 años atrás y el sitio web de CNN ayer, creo que era esto Entonces uno cuando visitó el sitio de CNN hace 20 años atrás o hace 15 años atrás se encontró con lo que tenemos ahí en la primera imagen y nos parecía bueno, o sea, era suficiente porque en ese tiempo para nosotros CNN era un canal de noticias por el cual nosotros teníamos que enterarnos las últimas novedades del mundo y punto. No, pero hoy en día CNN no tiene solamente competidores multinacionales, obedecees o similares sino tiene competidores sociales. BenQ es uno de los competidores más fuertes de CNN porque uno se entera más noticias por BenQ. Entonces CNN tiene que actualizarte al día de hoy al movimiento actual y al usuario para tener noticias tal que las noticias también sean sociales y también creo que los ingenieros de CNN o que quieren, cada noticia que él suplica se abriga, entonces es lo que tiene que conseguir es que esa noticia tenga reyes, tenga shares en Facebook y poco a poco puede ir expandiendo ese mercado que tiene. Sabemos que CNN tiene un mercado obviamente en Latinoamérica y en Norteamérica bien marcado, pero no por eso van a quedarse en un canal mediante la televisión y el mundo, sino van a seguir emocionando. Y el actualista del usuario no solamente hoy en día a través del internet, de un abasto sino en internet, a través de un móvil, a través de un Smart TV. Reciendo más, yo veía explorado en la tienda de aplicaciones para que hacía una LG explorado en la tienda de la tienda de LG y también con una aplicación de CNN en la cual mientras está explorando toda la televisión, le van saliendo las noticias que tienen que ver con las noticias. Entonces, está haciendo fútbol que está generando las noticias de CNN. Ya no hay que poner las noticias de CNN para estar hablando de las noticias. Hoy en día también hemos visto a base de muy importantes en la experiencia del usuario y en el interfaz. Yo creo que el diseño responsivo es lo más notorio que todos conocemos hoy en día porque todos sabemos que hace un tiempo atrás entraron en la página web desde el celular era una de los, o tenías que hacer zoom con los dedos hasta cantarte o tenías que entrar a la página móvil de la que querías buscar. Por ejemplo, la página móvil de un periodo y muy bonica era en.lociem.com o en.dev.com. No siempre eran en. Entonces, o bajen. Entonces, eso hay otra bien. La mayoría de usuarios promedio o estándar no conocían que había que poner M en vez de WB. Entonces, siempre se encontraban con el sitio web tradicional y los no podían tener una experiencia de la verdad. Entonces, ¿qué escuchábamos a menudo? Escuchábamos que los usuarios se quejaban de que su celular no podían navegar con un sitio porque su experiencia era malo. Y al final, lo que hacían era entrar nomás desde su laptop, desde el PC y olvidarse de el celular. Fue por eso que las personas que tenían avanzar a edad no se pudieron avanzar porque también que a navegar desde el celular. Entonces, el diseño responsivo hace que uno ingrese al mismo dominio a WB. los tiempos.com o www.dev.com y navegar en una versión móvil sin necesidad de haber regredido bajos adicionales. ¿Qué fue mejorar ahí la experiencia del usuario? El usuario no sabe que ingería un poco detrás pero sí se sabe que el usuario ahora está contento, el usuario final está conforme, el usuario promedio ni siquiera se interesa en saber cómo ha significado esa tecnología y le va a intentar averiguar por qué su celular se ve de una manera y en el laptop se ve de otra y en la smart TV o en la tablet se ve de diferente y ahora se pregunta, otra vez se pregunta ni siquiera se pregunta, se pregunta pero todavía no ingería, porque detrás eso es lo que evoluciona. La experiencia del usuario. Otra cosa notoria que hemos vivido a nivel de ese usuario en los discípulos tiempos es que gracias a otros sistemas cuando llegó a la web 2.0 y la programación ya con interacción del usuario ¿Qué pasó? El usuario tenía que logarse en tierras páginas entonces lo que nosotros acabábamos de hacer era captar a los usuarios promocionando un sitio web y intentar que la mayor cantidad de usuarios posibles se lo quede en nuestro primer sitio pero eso fue avanzando, avanzando y llegamos a un punto en el que son 500 usuarios que ofrecen un cierto tipo de servicio 500 que ofrecen otro tipo de servicio y mil las que ofrecen otro tipo de servicio entonces cada vez que mostrábamos lo que damos en una página web teníamos que llenar un portulario que nos pedían nombre, apellidos ciudad, nacimiento, fecha de nacimiento y llenar un portulario grande en el cual la verdad nos aburríamos entonces ahí llegó Facebook y Facebook nos ofreció a los de los desarrolladores que podamos ofrecer en nuestros sitios que la gente se pueda logre con un simple click de me lo veo con Facebook entonces eso es el usuario el usuario ahora está feliz solamente hace un click en me lo veo con Facebook y ya estoy dentro ya se rellenaron mis datos los veamos por debajo en el nivel de desarrollo el usuario piensa que el teatro ese sitio ya no se quiere formular pero es mentira porque nosotros lo que hacemos es le pedimos a los focados que infillemos, es formular entonces en realidad no mejoró una vez que necesitamos menos datos del usuario, sino que simplemente se los pedimos de donde ya con el que ellos lo tienen es mejorar el teatro otra cosa importante es el internet de las cosas el internet de las cosas es una nueva es una nueva frase que tenemos que, tal vez a partir de este año va a entrar muy de moda es que esto que hasta el año pasado se conocía como SmartLive o Roller Hard Homes, las cartas inteligentes que es una casa una casa en la que llegas y automáticamente el GPS central le avisa al del prioriador que ha dictado y el prioriador se da cuenta y se enciende la pantalla que está en el prioriador y también que no hay leche o el GPS también le avisa al aire acondicionado que hasta el año pasado ya 5.000 antillegues ya está calentando la casa para que ya no se vuelva sufrido y así, hay muchas cosas que se presentaron muchas novedades respecto en las Las Vegas las que más me llamaban las de Dupro lavadoras que saben igual por medio de Asakus Twins en este sistema se puede enterar de que ya tiene su palitia y la lavadora se alenta cuando llegues a casa te recuerda que la ves entonces las cosas muy, muy, muy interesantes que son para mejorar la experiencia del usuario todo el experiencia del usuario alguien les pudo decir a la lavadora que lea a mis Twins entonces, ¿Quién fue? yo mismo entonces, el GPS se está preocupando de que eso sucede, Samsung lo mismo ver la tele ya no es lo mismo que ver la televisión hace 3, 4 meses atrás hoy en día ver un partido con en alto definición y con las estadísticas en tiempo real, en la televisión y con los Twins que están lanzando tus amigos sobre ese partido que estás viendo y ambas novedades entonces las aplicaciones hasta para Smart TV se han mejorado muchísimo entonces Drupal comunalmente nos ofrece esto desde la creación Tiente y en la vez que no se va a venir interna los servicios entonces vamos a poder dentro de nuestro sistema web ofrecer a terceros que puedan leer nuestra información que nosotros prestamos dentro del sitio web y por eso integrar diversos sistemas hasta electrodométicos o smartwatch blogs inteligentes, tablets etcétera se comuniquen con nuestra vida misma y nos mejoramos la experiencia diaria la experiencia de usuario ya no queda solamente en un alazo si no mejora la interfaz de una web la experiencia de usuario es mejorar prácticamente la vida de usuario el proceso de desarrollo de un software prácticamente tiene diversos pasos lo que bueno por lo menos en Colorado lo que hacemos es interactivo realmente un software lo dividimos en varios un software pequeño y lo que es interactivo es de cada porción de software hacer análisis de esa parte que vamos a desarrollar la desarrollamos hacemos control de calidad lo integramos entonces obviamente tenemos un servidor de integración continua se integra con lo que ya viene con lo que se va desarrollando y se pone en producción cuando el cliente está satisfecho entonces eso se va iterando iterando ahora la parte de análisis es tal vez la más importante es el pilar es el cimiento fundamental de toda esta iteración porque cuando empezamos con ese ciclo es porque hemos cerrado a conformidad del cliente el ciclo anterior si el ciclo anterior no se cerró no vamos a empezar a poner cimientos en el ciclo posterior nos ha pasado varias veces que el cliente nos dice, haremos una cosa vamos a seguir revisando los pequeños detalles que falta de esta parte pero necesitamos que ya empiecen a desarrollar esta otra hemos tratado generalmente de que no suceda eso sino que hagamos la iteración paso a paso hasta que el cliente esté satisfecho y nos ha dado buenos resultados entonces es un buen consejo también entonces esta parte de análisis es la que estamos tocando ahora y bueno cuando hacemos el análisis hacemos varios puntos análisis de requerimientos desarrollo en equipo tenemos la gente suficiente para hacer ese desarrollo el cliente va a estar satisfecho con esas personas también algo que es muy muy bueno en Kuala Sov es que tratamos de integrar a la que las personas tengan una relación directa con el cliente muchas veces pasa que generalmente yo o Osvaldo somos los parachoques el parachoque de la empresa el que cuando los desarrolladores no terminaron el trabajo nosotros tenemos que ir a chocarnos con el cliente y dar la cara y decirle su producto mi perro se lo comió obviamente entonces para evitar que el desarrollador solamente nos vea a nosotros como los malos de la película tratamos de poco a poco involucrarlos a ellos a aquellos le vayan a decir no entonces muchas veces es mejor dos días antes de la presentación cuando uno siente la presión de que va a ir a dar la cara al cliente uno es el que dice no a no tenemos que trasnochar, nos tenemos que cumplir pero cuando el desarrollador no siente esa presión puede que salga en horario normal y listo mañana vuelvo y no pasó nada pero cuando siente que mañana tiene que ir a dar la cara a no yo también me tengo que trasnochar entonces es bueno entonces es desarrollo en equipo los roles del equipo no no porque todos seamos de la misma capacidad técnica vamos a cumplir los mismos roles en todos los proyectos sino que puede que yo sea project manager en un proyecto pero en otros solamente soy desarrollador front end en otro prácticamente solo voy a administrarlo y comunicarme con el cliente entonces esos roles se van perfeccionando, cada proyecto es diferente después las interfaces de usuario que se negocian junto con el cliente y todo eso y la parte de experiencia de usuario que es una de las más importantes es como esperamos que el usuario final responda a nuestro sistema entonces a este punto es muy importante que también sepamos que nuestro cliente tiene que ser consciente de que el presupuesto incluye un análisis de experiencia de usuario muchas veces el análisis de experiencia de usuario no solamente es preguntarse quién va a usar el sistema niños y entonces colorcitos y punto eso no es análisis de experiencia de usuario análisis de experiencia de usuario es incluso contratar personas de marketing a veces hacer consultoría externa con otras empresas y que hagan encuestas en la calle que esperan de un sistema que estamos desarrollando es para una institución pública y va a ser solo instalada en intranet por ejemplo ir a la empresa encuestar a los usuarios finales del sistema a los empleados de la empresa van a estar conformes que esperan del sistema todo eso es un presupuesto si lleva por lo menos cinco días de trabajo bueno una simple multiplicación y ya sabemos cuánto nos costó esos cinco días entonces es presupuesto no es algo que podamos saltarnos y bueno obviamente la arquitectura de software antes de entrar al desarrollo ahora algo que es muy importante también tomar en cuenta es que el UI que es el diseño de interfaces de usuario no es lo mismo que UX muchas veces las palabras van juntas entonces UI UX hasta las búsquedas en Google son UI y UX siempre pensamos que va juntas pero en realidad no es lo mismo ¿por qué? porque un sitio web que sea agradable no siempre no conlleva que el usuario tenga que tener una buena experiencia ¿por qué? porque bueno ahí les dejo vamos a ver más adelante el por qué no son iguales lo que sí tenemos que considerar es que ¿quién es el usuario final? por más que nuestro cliente sea por ejemplo por más que nuestro cliente sea una poderosa empresa que diseña juguetes y hace productos para niños hasta adolescentes más o menos menores de 15 años que van a entrar a un sitio web para buscar juguetes y al final van a hacer sus padres que en realidad ellos ponen los datos de la tarjeta de crédito si vamos a orientar a los niños de 14 años no podemos permitir que el gerente general de esa empresa que tiene 60 años nos diga cómo se va a comportar un niño de 12 años frente a nuestro sitio web pero tampoco no tampoco no podemos pasar al otro punto no vamos a traer un bebé para que utilice nuestro sistema y nos diga cómo se ve entonces tenemos que lograr un equilibrio junto al cliente y generalmente si nuestra empresa no cuenta con el servicio hacer una consultoría externa y poder hacer este tipo de encuestas bueno voy a mencionar siete aspectos claves para una mejor experiencia de usuario no obviamente no son las que no son todas ni son los siete mandamientos si no son solamente siete puntos pueden haber muchos más el punto número uno es el cliente no siempre tiene la razón el usuario es el que decide siempre hemos escuchado la famosa frase el cliente siempre tiene la razón pero como les puse el ejemplo anterior puede que el cliente no sea el usuario final del sistema entonces quién va a tener la última palabra de que si nuestro sistema le brinda una experiencia de usuario agradable va a ser el usuario final por ejemplo también existen sistemas orientados a personas de la tercera edad personas que no escuchan personas incluso que no ven sistemas que se integran con cierto tipo de otros sistemas experiencias de usuario diferentes entonces el usuario final que utilice es el que nos tiene que decir mediante análisis de mercado mediante encuestas de marketing análisis de ciertos tipos que es lo que esperamos de este sistema entonces el cliente no tiene siempre la razón el usuario final es el que decide dos que el sistema este muy bien diseñado a nivel gráfico no implica que vaya a brindar una experiencia de usuario increíble eso es lo que les mencioné hace rato muchas veces simplemente decimos niños es colorcitos adultos bueno está bien puede ser atrayente si se han dado cuenta facebook a nivel gráfico no tiene nada más que una barra azul arriba a veces cuando desplegas la barra lateral salen varias opciones con algunos íconos pero a nivel gráfico no tiene nada más no creo que sean mega diseñadores de photoshop los que han hecho los que han hecho los mocaps de facebook sino que es lo que hace que nuestra experiencia de usuario en facebook sea agradable que estamos todo el día conectados a facebook el contenido facebook sabe que a nosotros nos interesa el contenido para quedarnos en su sitio web entonces no siempre que sea no siempre tenemos que derajarnos en que la interfaz sea impresionante para que el usuario se quede en nuestra página sino tenemos que saber que está buscando el usuario en nuestro sitio logramos esa respuesta y tenemos el éxito asegurado entonces es así de sencillo muchas veces he visto han debido a ustedes también casos en los que en especial gente que es buena diseñando pero no conoce a nivel de experiencia de usuario de este tipo de cosas le mete a todos los sitios web a todos los sistemas le mete banners sliders, siempre en la home hay sliders entonces no en toda web se necesita sliders puede que en muchos casos sí he visto la mayoría de webs corporativas sí tienen sliders pero si imaginan que facebook cuando entras a facebook cada día te encuentres con sliders con la cara de marzakenberg girando o unete a nosotros es ridículo no entonces no necesariamente tenemos que ser gran diseñadores en photoshop para brindar una buena experiencia sino simplemente analizar la interfaz de usuario necesaria para nuestro usuario final bueno, el 3 una buena experiencia de usuario que no cambia drásticamente a menudo también han debido conocer sitios web que lo visitan no tan seguidos sino cada dos, cada tres meses y cada que entran al sitio web el sitio web ha cambiado ya no saben dónde estaba el botón inicio, ya no saben dónde estaba el fórmula de contacto se rediseñó está más bonito que el anterior pero ya no me ubico entonces uno que bonito, que bonito voy analizando el sitio, me gusta me encanta, vuelvo en tres meses y el diseño volvió a cambiar entonces es más bonito pero qué hace el usuario no retorna seguido al página solamente va a retornar cuando lo vea conveniente cuando lo necesite es lo mismo el mismo caso que facebook volviendo al ejemplo los que tienen facebook más de 7, 8 años atrás se acuerdan que facebook era totalmente una cosa hace tiempo y totalmente otra cosa actualmente pero en ningún momento nosotros hemos sentido ese cambio drástico a no ser la vez que cambiaron la biografía en el perfil de usuario tal vez fue el único cambio drástico notorio en facebook pero después no nos dimos cuenta en qué momento fueron cambiando las cosas en facebook pero si comparamos nuestra interfaz de usuario en facebook hace 3, 4 años atrás con la actual es totalmente diferente han cambiado botones de lugar han cambiado iconos han cambiado colores han cambiado la forma en la que se presentan los resultados en el buscador han presentado nuevas interfaces detrás de la plataforma los grupos ya no se ven como antes las páginas ya no se ven como antes entonces en qué momento pasó eso no nos dimos cuenta pero los cambios se van dando el sitio va evolucionando no me pasa el tiempo pero no drásticamente entonces la experiencia para el usuario no ha cambiado porque es más fácil adecuarse a un botón que a toda una interfaz entonces hay que tomar en cuenta que los cambios no tienen que ser drásticos siempre en el sistema sino solamente botón a botón punto por punto y página por página también ok, el número 4 el sistema que requiere menos interacción del usuario es el más exitoso es algo que ya también ya había mencionado al principio se refiere a que los sistemas hoy en día están necesitando que el usuario haga menos cosas el usuario está cansado se imaginan un usuario que vive en manhattan que camina todos los días estresado o un usuario que vive en tokyo que hay pantallas por todo lado que es electrónico, todo es todo le salta la vista las pantallas ya su cabeza está reventando uno sale estresado del trabajo y todavía el camino a casa es más estresante todavía cuando llega uno a casa y quiere descansar se echa en su cama abre su tablet, quiere revisar su facebook y facebook o cualquier otro sitio que nos ofrece un sistema de flats, por ejemplo un diseño liviano, un diseño digerible, un diseño que podamos realmente descansar la vista prácticamente al mirar ese diseño no nos cansa, no nos abruma no es como como los sitios de antes que ni bien entraba saltaban gifs animados por todo lado y estrellitas brillantes entonces eso ya lo tiene en la calle en la calle le saltan pantallas avisos publicitarios, le saltan todo tipo de cosas entonces mientras menos tenga el sitio web y solamente tenga lo que necesito, eso es lo que voy a buscar como usuario mientras menos interacción menos cansador sea el sitio web ahí es donde voy a tener éxito también entonces ese es el 4 el 5 es que la gente está muy estresada que tu sistema no sea un nuevo motivo es lo que les decía algo que me olvidaba mencionar en el punto anterior es que los sistemas hoy en día también si se dan cuenta la gran mayoría son de diseño plano diseño flats es por eso porque los usuarios últimamente han cambiado su manera de ver las cosas parecía que hace tiempo las marcas todo iba evolucionando hacia un realismo cada vez los logos eran más tridimensionales 3D, le daban sombras le daban brillos pero de pronto eso también volvió al pasado y el logo de Pepsi y el logo de varios logos tipos famosos se volvieron planos, como si pasaron una plancha por encima y es el nuevo logo entonces todos los logos son realmente planos planos de las marcas más famosas y eso va a ir cambiando poco a poco otra vez hasta que volvamos a iterar y el usuario se canse de lo plano y vuelva a buscar el realismo el realismo lo mismo pasó con Apple Steve Jobs era un fanático del realismo hasta la versión 6 de iOS que fue en la versión durante la versión que murió Steve Jobs las aplicaciones tenían realismo los iconos eran realistas la aplicación Kiosco era realmente un Kiosco una vitrina y se veían los libros de manera realista murió Steve Jobs y John Yves el nuevo jefe de diseño en Apple cambió todo y iOS 7 trajo todo el re-diseño de iOS y ahora todo es plano entonces es la experiencia del usuario que va a evolucionar 6 el sistema debe aprender a tratar con el usuario y no el usuario a tratar con el sistema yo creo que muchos han escuchado sobre el término de sistemas expertos en coalesoft somos buenos desarrollando este tipo de sistemas un sistema experto es aquel que va aprendiendo a medida que pase el tiempo va aprendiendo del usuario según lo que el usuario va haciendo con el sistema por ejemplo nosotros estamos desarrollando un sistema de contabilidad en el cual el sistema va aprendiendo de cómo se comporta el usuario y le va recomendando ciertas cosas mediante notificaciones por ejemplo si usas el sistema para administrar tus ventas en una pequeña tienda el sistema te va a decir hoy tienes que pagar la luz hoy tienes que pagar el agua y tienes que declarar impuestos cosas así el sistema va a ir aprendiendo o si no te va a recomendar diciendo tus ventas bajaron ayer y antiayer en comparación al promedio del mes pasado entonces deberías hacer marketing son varios tipos de sistemas en los que uno va cargando la información al sistema y bueno el sistema va aprendiendo y poco a poco el sistema se hace más experto son sistemas expertos esto a nivel de experiencia de usuario es mejor porque el usuario por ejemplo cuando tiene que usar su agenda y va almacenando cumpleaños uno por uno antes que hacíamos no teníamos que preguntar a nuestros amigos uno por uno cumpleaños cuando es un cumpleaño tal día que no era un smartphone y ponías recordarme cumpleaños de tal mientras ahora que puedes hacer con una simple sincronización con otro sistema con tu correo electrónico o con Gmail con cualquier sistema de correo electrónico simplemente ya puedes saber la fecha de cumpleaños de todos tus contacts mientras menos interacción tengas que tener con el sistema y de un solo clic llenar todos los cumpleaños de tus contactos va a ser mucho mejor la experiencia ok la experiencia de usuario no es un tema de diseño este es el tema es el punto favorito porque yo creo que mucha gente confunde de que el sitio web tiene que ser espectacularmente bien diseñado para que el usuario esté feliz pero un sistema que esté muy espectacularmente diseñado y tarde 20 segundos encargar yo ya no vuelvo entonces a nivel de desarrollo los programadores también tienen que los amistadores de servidores también tienen que poner su parte y brindarme un sitio web con un performance altísimo que al toque pueden estar conectados 500 usuarios o 1000 usuarios al mismo tiempo y el sitio no se vuelva lento aunque estén 500 o 1000 o 20.000 entonces la experiencia de usuario va a variar no solamente en función al diseño va a variar en función al diseño, al performance al rendimiento de cada página cargando a cómo se presentan los datos a la arquitectura del contenido en sí entonces todo eso vamos a juntar poco a poco para que realmente el usuario pueda estar conforme ahora cómo podemos involucrar al cliente en este proceso en todo el proceso que hemos mencionado hasta el momento parece que todo es tarea de nosotros el cliente nos paga volvemos en una semana a mostrar el producto volvemos en dos semanas a mostrarlo nuevamente y el cliente solamente tiene tiempo muchas veces para una reunión de un día unas horas al día y no quiere reunirse más entonces las instituciones de gobierno o empresas grandes pueden colocar una persona capacitada en nuestro proyecto nosotros hemos trabajado varias veces para instituciones públicas y hemos pedido que por lo menos ocho horas a la semana una persona esté dedicada a nuestro proyecto exclusivamente entonces que en su agenda dentro de su institución o dentro de la empresa ellos sepan claramente que esa persona tiene que estar reunida con nosotros y esa es su tarea entonces con eso hemos logrado que el cliente pueda no solamente esperar un correo de nosotros con los detalles del sistema sino que el cliente nos inserte una persona que obviamente le está costando dinero a esta institución pero va a ser que nuestro nuestro sistema sea mucho mejor ¿por qué? porque el feedback va a ser mucho más constante ahora si el proyecto es pequeño no debemos olvidar esto en el presupuesto lo que les había mencionado si la empresa con la que van a trabajar es pequeña ustedes deben cotizar el proyecto al cliente incluyendo un detalle del análisis de experiencia de usuario que van a realizar muchas veces va a ser análisis de usuario de experiencia de usuario propia por la empresa muchas veces va a ser otra consultora entonces eso no lo olviden tienen que incluirlo en el presupuesto porque si no vamos a ocasionar que el sistema sea obsoleto ni bien salga muchas veces ha pasado eso ahora el teaming ¿qué hacemos con el teaming? el teaming no empieza cuando empezamos a hacer código sino desde la firma de contrato lo que hace rato les había mencionado que el proceso de desarrollo es análisis análisis de requerimientos análisis del equipo y varios puntos ahí al final decía desarrollo pero ahí no es cuando empieza hacer un teaming el teaming no empieza cuando el diseñador me ha pasado lo que tengo que hacer y ahora me empiezo a programar, empiezo a hacer los TPLs ahí no empieza sino a empezar desde la primera reunión con el cliente desde saber qué es lo que el cliente está esperando desde la primera negociación con el cliente de esto no se va a realizar, esto sí se va a realizar si al cliente le dices no se va a realizar esto es porque tú tienes una mejor opción no obviamente no le vas a decir no se va a realizar solamente porque no quiero o porque no pude sino porque tenemos una mejor opción para usted ahora clave es para desarrollar un excelente un excelente tema en Drupal los requerimientos tienen que estar claros desde las interfaces de usuario ya tienen que estar escritas no diseñadas sino escritas lo que nosotros hacemos es usamos google drive y al cliente desde las negociaciones de con qué requerimientos quiere el sistema le añadimos a un google drive un doc que vaya llenando qué es lo que el quiere del sistema generalmente tardamos dos tres días en hacer esto dependiendo que a veces los clientes van ocupados y nosotros ya desde ese momento ya vamos pensando ya ya se nos viene a la mente las características que va a tener nuestra tema, las tecnologías que vamos a utilizar, poco a poco ya a medida que vamos escribiendo requerimientos ya pensamos hasta qué tipo de servidor vamos a necesitar de equipo vamos a necesitar entonces eso es bien claro bien importante en la parte de requerimientos hasta la firma de contrato es la parte esencial es el núcleo del proyecto en sí es la clave del éxito no sé si se ubican esta imagen es muy compartida en las redes sociales a nivel de desarrollo entonces estos son requerimientos típicos de no haber consensuado muy bien con el cliente ¿no? la solicitud del usuario el usuario no sabe para qué pero le va a brindar al cliente no sabe para qué pero le quiere brindar al usuario final una silla con tres asientos con tres posaderas ¿para qué? ¿no? entonces entonces como eso era irreal el líder del proyecto no supo qué entender y puso el asiento al medio eso el diseño de la analista el enfoque del programador siempre vienen consultores externos ¿no? y nos dicen no tienes que brindarle una maravilla al cliente pero no es lo que el cliente está necesitando ¿no? mucho menos el usuario final nadie va a buscar un columpio que sea un sofá aunque sería genial pero nadie lo hace ¿no? eso es la parte de requerimientos ¿no? tenemos que definirlos muy bien el segundo aspecto son los wireframes ¿no? los bocetos de cómo se va a distribuir el contenido dentro del sitio web muchas veces hay quienes los prefieren hacer con softwares especializados en wireframes pero lo que yo recomiendo y lo que yo prefiero es agarrar una libreta y hacer los wireframes a mano junto al cliente como habíamos mencionado hace un par de minutos si el cliente nos ofrece una persona que pueda estar a dedicación exclusiva con nosotros por lo menos unas ocho horas a la semana cuatro o seis horas de esas ocho podríamos dedicarlas la primera semana del proyecto a hacer los wireframes junto con el cliente ¿cómo quiere distribuir usted su contenido? obviamente los que sabemos más de esto somos nosotros el cliente a través de sus requerimientos nos va a decir que cómo quiere distribuir su contenido y una vez que todos los wireframes de todas las pantallas estén bien diseñadas podemos firmar con el cliente un consenso en el cual se puede pasar de wireframes al diseño gráfico, a los mockups entonces es muy importante también que el cliente sepa que el consenso ha sido de ambas partes y lo que nosotros hacemos es eso, el cliente está contento con los wireframes, perfecto recién se pasa a los mockups pero cuando ya estamos en mockups ya no reacemos wireframes porque para que ya estaríamos haciendo los mockups sería todo un lío entonces lo que nosotros hacemos es si hay mejoras obviamente se las va negociando conforme va creciendo el proyecto los mockups el diseño gráfico ya muchas veces vectorizado o en Photoshop Illustrator, Inkscape los programas que los diseñadores prefieran tienen que ser 100% funcionales y no tienen que faltarle ningún elemento el diseñador no puede obviar algún elemento que falte en los mockups por ejemplo tiene que ser desde el tipo de letra las medidas exactas no sé muy muy muy detallado recontra detallado y todo tiene que ser totalmente funcional para los desarrolladores lo que nosotros también hacemos es que hacemos de cuenta que el diseñador no se conoce ni se va a conocer con el desarrollador por ende el diseñador tiene que entregar unos mockups totalmente funcionales para que los desarrolladores no tengan ningún momento tocar la puerta del diseñador y decirle esta partecita como era como tiene que ser este icono entonces el diseñador tiene que ser totalmente capaz de entregarle al desarrollador totalmente todos los elementos del sitio prototipos de las animaciones muchas veces hacemos animaciones en Javascript o los scrolls o como aparecen ciertos contenidos entonces estas animaciones los diseñadores igual las realizan con ciertos tipos de programas algunas veces algunos diseñadores siguen usando flash yo creo que es lo más fácil de hacerlo en flash y a los desarrolladores se encargan de convertir ese flash a Javascript listo ya tenemos los prototipos hacemos un análisis de los recursos todo esto que nos va a llevar recursos técnicos a nivel de personal, recursos humanos y a nivel también institucional cuánto tiempo nos va a tomar cuánto nos va a costar el presupuesto ha sido el adecuado todo eso y a partir de ahí recién pasamos al desarrollo a la maquetación y al desarrollo en sí del tema empezar a hacer la maquetación muchas veces incluso hay softwares que nos proporcionan que ya el html completo desde los prototipos entonces ya el desarrollador ya tiene el html de la html ya es muy fácil pasarse a los tpl y hacer bueno preferimos nosotros fundations sas a veces usamos les y al final de todo dejamos para el final todos los Javascript con eso garantizamos que ha sido no otra vez volvemos a tocar ese aspecto que todos estos puntos han sido interactivos con el cliente cada uno de ellos y no nos hemos aparecido con el desarrollo del tema después de haber firmado los requerimientos sino que el cliente tiene que estar de acuerdo y conforme con cada uno de los aspectos hay una frase que me encanta que dice la experiencia de usuario en la expresión del usuario cualquier sistema que nosotros vayamos a desarrollar lo que el usuario final diga de nuestro sistema ya sea nosotros mismos o a terceras personas eso es lo que va a valer al final y al cabo para la reputación tanto como desarrolladores como empresa y como sistema mismo para que vaya creciendo al final y al cabo la mejor experiencia es la que el usuario siente la que el usuario habla y comparte con las demás personas preguntas no la experiencia del usuario es como se comporta el usuario con la página la arquitectura de la página web es solamente la interfaz es la diferencia entre UI y UX lo que tú dices es UI entonces si tienes un formulario gigante esa es la interfaz no vas a poder cambiarla es el mismo formulario si la presentas por ejemplo si la presentas a colores y la presentas a blanco y negro por ejemplo es el mismo formulario, pide los mismos datos pero puede que los colores para el usuario sea más divertido y llena el formulario entonces la experiencia es mejor de usar el mismo sitio web bueno, a ver una experiencia buena y otra mala voy a tocar las dos la mala primero tuvimos un caso cuando lo recién estábamos empezando desarrollamos un sistema de inventarios con Drupal nosotros no nos comunicamos muy bien con el cliente, la verdad fue un error grave eso y sabíamos que teníamos que instalar el sistema en una intranet, sabíamos varios aspectos pero no detalles muy profundas entonces cuando fuimos al cliente con el producto terminado y el sistema de inventarios y todo por lo menos en nuestras laptops cada página tardaba entre 3 a 4 segundos encargar las vistas más pesadas era el local entonces sí cargaba rápido pero eran 3 4 segundos, tampoco era al instante como otros sistemas de inventarios pero resulta que la cliente nos dice bueno, perfecto y hasta el sistema instálenmelo, tengo tres máquinas con Windows XP y con un giga de ran cada una creo que ésta está con 2 entonces ahí instala la ahí nomas ya nos miramos instalamos el sistema y cada página que en nuestras laptops cargaba en 4 segundos cargaba en 25, 30, 35 segundos entonces fue un desastre fue un desastre total por eso mismo, porque no consultamos cómo iba a ser lo técnico entonces sí es totalmente válido hay que evaluar totalmente bien detallado al momento de hacer el contrato los aspectos técnicos haciendo un estudio cabal, no tan cabal porque no se puede pero lo más cabal posible no quedaría de otra por lo menos en Drupal ayuda mucho devil y meterle la mayor cantidad de contenidos posibles mientras miles y miles mejor para que la página no se vuelva lenta y el diseño elaborado es a ver llegado a 25 es no es al revés es el diseño que es más vistoso es un poco la de la expresión que es más correcta pues no es el diseño correcto el diseño sencillo es mucho más diferente que el diseño es exactamente algo similar a lo que yo decía no para volver un logo flat por ejemplo obviamente no es sólo volverlo plano y punto no el año pasado el logo tipo del año el que me encantó fue el de Airbnb no es una una A que ellos le llaman tienen su propia su propia nombre, su logo pero me encantó porque es recontra simple pero obviamente para llegar a eso el proceso que hayan tomado no lo vamos a ver pero de que nos gusta no digo que detrás de esa sencillez no haya complejidad la hay y mucha pero el usuario promedio ya no ve esa complejidad por detrás alguna pregunta más bueno por lo menos no conozco algo automatizado si fuera algo automatizado tendría que ser un sistema experto que se comporte como una persona y a la vez como muchas personas el mismo sistema pero la única que nosotros se ha hecho es encuestas entonces una vez que el sistema ya está prototipado muchas encuestas de usuario final tipo que va a tener el sistema y feedback espero que los cambianos no va a tratar de tarifar tanto que eso es una toma de hacer un espiritual entonces nada más una forma habitual aunque hay framework que hace un automático que sea mejor que como decía si quieres hacer pruebas en cuanto a lo que es forma es una forma específica entonces, si crees que para ello lo van a poder tantas despolitiquías de cuantos los ayudos entonces otra forma de probar que si se escribe si se va a funcionar adecuadamente pero hay una cantidad de pruebas si cuando el sistema también ya está en producción bueno si es un poco más fácil incluso hay sistemas parecidos a analytics los que me gustan son los que ofrecen mapas de calor el usuario por donde ha movido el mouse por donde si hizo scroll si hizo solamente un scroll y se salió de la página o volvió o en que sector se quedó más o de que del home se fue a qué página si del home se fue directo a contacto y hizo el contacto la página es un éxito pero si tuvo que leer todas las páginas ese tipo de sistemas son para sitios en producción bueno en nuestro caso como les mencioné que nuestro proceso era iterativo entonces solamente les hacemos utilizar a los testers a nuestros testers la parte en la que hemos desarrollado una buena práctica que nosotros tenemos es que somos tres equipos de desarrollo cada uno está metido en diferente proyecto y una tarde o una par de horas a la semana y los que están en este proyecto van a utilizar lo que ellos desarrollaron por lo menos es un poco más de feedback entre nosotros mismos pero es de lo poco y al usuario final ya del completo y obviamente de la interacción completa y del sistema completo cuando ya va a ser puesto en producción a los usuarios finales alguna pregunta ok no hemos tenido todavía clientes que nos piden un pop-up agresivo pero considero que ese tipo de páginas subjetivo es claro el subjetivo es ganar usuarios y hacer dinero con los usuarios con la cantidad de usuarios que tenga entonces si su objetivo es claro hacia esa conversión van a hacer lo imposible para que uno haga eso lo mismo pasa con los sitios de descarga antes era un link de descarga y punto pero uno entra ahora y la aparece en 20 links de descarga que es 19 son publicidad entonces al sitio web le interesa que uno se equivoque y haga click en la descarga errónea porque eso le genera dinero entonces no soy partidario de ese tipo de formas de atraer al cliente pero lamentablemente es valida al día de hoy no es penalizado por ejemplo claro es si es molestoso es mala experiencia ahora es interesante ese punto de vista porque los sitios que ofrecen harta publicidad en google obviamente los intereses que la gente haga click en las publicidades y ellos puedan ganar dinero de adsense en google pero por ejemplo adblock puede bloquear todas las publicidades y listo pero eso le genera muchas perdidas a google pero es una buena experiencia de usuario alguna pregunta más ok muchas gracias