{"id":360,"date":"2016-07-11T08:25:19","date_gmt":"2016-07-11T12:25:19","guid":{"rendered":"https:\/\/malpicaquintero.com\/web\/?p=360"},"modified":"2016-07-11T21:08:37","modified_gmt":"2016-07-12T01:08:37","slug":"explicando-el-diseno-ux-a-tu-equipo-de-trabajo","status":"publish","type":"post","link":"https:\/\/malpicaquintero.com\/web\/explicando-el-diseno-ux-a-tu-equipo-de-trabajo\/","title":{"rendered":"Explicando el dise\u00f1o #UX a tu equipo de trabajo"},"content":{"rendered":"<p style=\"text-align: justify;\">Es necesario considerar\u00a0que a pesar de la evoluci\u00f3n en el proceso de integraci\u00f3n y manofactura de software, el papel del dise\u00f1ador #UX no est\u00e1 del todo claro. Es considerado una novedad por\u00a0much\u00edsimas empresas, y para algunas de ellas (incluyendo a grandes consultoras de IT) es impensable abrir un puesto o crear un departamento que se ocupe de esta materia.<\/p>\n<p style=\"text-align: justify;\">Tal vez esto se deba a que el papel de este tipo de talento humano\u00a0no est\u00e1 del todo claro para muchos gerentes o jefes de \u00e1rea. Personalmente he podido apreciar el fracaso de algunas iniciativas de incursi\u00f3n en estos temas, debido a la inexperiencia o poca comprensi\u00f3n del \u00e1rea por parte de los profesionales responsables de supervisarlas.<\/p>\n<p style=\"text-align: justify;\">Si por casualidad es usted el nuevo talento en ocupar este tipo de roles (tal vez el primero de su tipo en su organizaci\u00f3n) es muy importante que pueda explicarles a todos las caracter\u00edsticas de su rol y lo importante de su contribuci\u00f3n a la organizaci\u00f3n a la hora de retener clientes o, inclusive, al momento de incrementar potencialmente los ingresos de la firma, punto com o emprendimiento.<\/p>\n<p style=\"text-align: justify;\"><!--more--><\/p>\n<p style=\"text-align: justify;\">Seguramente no solo encontrar\u00e1 confusi\u00f3n sobre su papel en la empresa, sino tambi\u00e9n, en todo lo relacionado al dise\u00f1o de la experiencia de usuario (#UXDesign), y sobre todo, en como diferenciarla del dise\u00f1o gr\u00e1fico, as\u00ed como tambi\u00e9n, del dise\u00f1o de interfaz de usuario y del desarrollo web.<\/p>\n<p style=\"text-align: justify;\">Pues esta nota de blog tiene precisamente la finalidad de ayudarle a explicar a su nuevo equipo de trabajo, las caracter\u00edsticas, el alcance y las propiedades del dise\u00f1o UX, en t\u00e9rminos simples y directos.<\/p>\n<h2 style=\"text-align: justify;\">\u00bfQu\u00e9 es el dise\u00f1o de experiencia de usuario (#UXDesign \u2013 #UX)?<\/h2>\n<p style=\"text-align: justify;\">Seguramente resulta evidente para usted que es un dise\u00f1ador UX, ya que lo vive y respira a diario (y muchos de sus am\u00edgos tambi\u00e9n). Sin embargo, si est\u00e1 ocupando un cargo el cual es nuevo en su organizaci\u00f3n, ser\u00e1 mejor que est\u00e9 preparado para explicarse. Para muchos de sus compa\u00f1eros ser\u00e1 algo confusa su presencia y funciones (\u201cYa va\u2026 \u00bfEste es el nuevo dise\u00f1ador gr\u00e1fico? \u2013 \u00bfEste qu\u00e9 se cree qu\u00e9 est\u00e1 entrevistando gente y eso?\u2026)<\/p>\n<p style=\"text-align: justify;\">El dise\u00f1o de UX es todav\u00eda un campo relativamente nuevo, rodeado de muchas empresas que apenas despiertan al hecho de que necesitan este tipo de talentos en sus n\u00f3minas si quieren ser realmente competitivos y tener \u00e9xito en el proceso de atraer y retener clientes.<\/p>\n<p style=\"text-align: justify;\">Buena parte de la confusi\u00f3n seguramente est\u00e1 en el nombre: Dise\u00f1o UX o EU por sus siglas en espa\u00f1ol, ya que la palabra dise\u00f1o est\u00e1 realmente asociada al \u00e1rea creativa, colores, gr\u00e1ficos, etc. Cuando en realidad su funci\u00f3n debe estar asociada\u00a0a la funcionalidad, as\u00ed como a\u00a0los procesos detr\u00e1s de la producci\u00f3n de interfaces IT que funcionen de forma sencilla y agradable para quienes las usan.<\/p>\n<p>Se debe saber qui\u00e9nes son los clientes objetivos, y como lograr que su experiencia dentro del portal\u00a0o soluci\u00f3n IT, sea la m\u00e1s gratificante, esa es precisamente la funci\u00f3n del equipo de dise\u00f1o UX, en este sentido, la funcionalidad y la \u201cfacilidad de uso\u201d debe ser una prioridad en la lista de cosas por hacer al momento de completar el producto final.<\/p>\n<h2>\u00bfC\u00f3mo explicar esto a su equipo?<\/h2>\n<p style=\"text-align: justify;\">Un dise\u00f1ador UX quiere que sus usuarios alcancen sus objetivos, desea que obtengan lo que vinieron a buscar, todo de la forma m\u00e1s f\u00e1cil y placentera posible. En primer lugar, eso significa saber qui\u00e9nes son las personas que usan el\u00a0producto o los de la competencia (aspectos que podemos descubrir a trav\u00e9s de la investigaci\u00f3n del usuario) entendiendo sus necesidades y atendiendo sus expectativas.<\/p>\n<p style=\"text-align: justify;\">Seguidamente, el dise\u00f1ador UX tiene que ver con todo aquello que permita alcanzar los objetivos del usuario de la forma m\u00e1s sencilla posible (incluyendo: usabilidad, arquitectura de informaci\u00f3n, navegabilidad intuitiva, pruebas con usuario, etc.). Al atender estos puntos se solventan los objetivos del negocio, el cliente compra el producto y comparte la experiencia con otros potenciales clientes. Simple, \u00bfNo es cierto?.<\/p>\n<h2>\u00bfQu\u00e9 es el dise\u00f1o UX o de EU?<\/h2>\n<p style=\"text-align: justify;\">Es muy importante tener esta respuesta al alcance de la mano la pr\u00f3xima vez que se lo pregunten, no permitan que lo tomen por sorpresa:<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">\u00abEs el conjunto de factores y elementos relativos a la interacci\u00f3n del usuario, con un entorno o dispositivo concretos, cuyo resultado es la generaci\u00f3n de una percepci\u00f3n positiva o negativa de dicho servicio, producto o dispositivo.\u00bb \u2013Wikipedia.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">Seguramente usted querr\u00e1 exponer en t\u00e9rminos m\u00e1s simples esta definici\u00f3n. Como por ejemplo:<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">\u00abComo dise\u00f1adores UX buscamos que la experiencia del usuario con el producto sea la mejor posible. Queremos asegurarnos de atraerlos a nuestro sitio, producto, servicio o emprendimiento, deseamos que est\u00e9n interesados en lo que nosotros hacemos, y luego, una vez que est\u00e9n aqu\u00ed, hacer su recorrido de principio a fin el m\u00e1s f\u00e1cil y divertido posible \u00ab<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">Explicar como llevar a cabo estos resultados puede resultar un poco complicado, lo que si podr\u00eda ayudarle es describir el proceso, esto puede ser muy \u00fatil para los otros miembros del equipo, es la forma m\u00e1s simple de exponer el alcance de\u00a0su rol, al mismo tiempo que podr\u00edan identificar r\u00e1pidamente d\u00f3nde podr\u00eda ser necesaria su experiencia, o como puede colaborar con los dem\u00e1s.<\/p>\n<p>El proceso com\u00fan de dise\u00f1o UX podr\u00eda tener este aspecto:<\/p>\n<h2>Investigaci\u00f3n del usuario<\/h2>\n<p style=\"text-align: justify;\">La investigaci\u00f3n del usuario es el punto de partida de cada dise\u00f1ador UX a la hora de evaluar y entender\u00a0un producto. Esta nos ense\u00f1a acerca de los usuarios, su comportamiento, objetivos, motivaciones y necesidades. Tambi\u00e9n nos muestra la forma en que actualmente navegan nuestro sistema (o el\u00a0de la competencia), donde se encuentran las dificultades y, sobre todo, c\u00f3mo se sienten al interactuar con este tipo de producto.<\/p>\n<h3 style=\"text-align: justify;\">\u00bfC\u00f3mo se lleva a cabo la investigaci\u00f3n del usuario?<\/h3>\n<p style=\"text-align: justify;\"><strong>Por medio de entrevistas<\/strong>, uno a uno personalmente o v\u00eda Skype, la intenci\u00f3n es la de entender sus objetivos y necesidades, buscamos obtener un conocimiento profundo sobre el razonamiento del usuario acerca del producto.<\/p>\n<p style=\"text-align: justify;\"><strong>Encuestas en l\u00ednea,<\/strong> con este m\u00e9todo buscamos levantar gran cantidad de datos sobre temas espec\u00edficos de muchos usuarios diferentes.<\/p>\n<p style=\"text-align: justify;\"><strong>Juego de roles.<\/strong> Ya con informaci\u00f3n en la mano se puede interpretar el rol de los usuarios tomando en cuenta las caracter\u00edsticas levantadas con anterioridad, esto podemos hacerlo con precisi\u00f3n solo si hemos recopilado suficiente informaci\u00f3n de los usuarios reales. El uso de este juego de roles puede darnos una idea m\u00e1s clara de como piensan y se comportan estos de cara a su propuesta.<\/p>\n<p style=\"text-align: justify;\"><strong>Pruebas con usuarios.<\/strong> Son de extrema utilidad para obtener una clara idea sobre el comportamiento de sus clientes potenciales de cara a su propuesta UX, en muchas ocasiones permitir que los usuarios reales interact\u00faen con su producto\u00a0mientras nosotros intercambiamos opiniones\u00a0directamente con ellos, escucharlos y haci\u00e9ndoles\u00a0preguntas, puede darle una clara idea de los ajustes necesarios y de los detalles que estos esperan encontrar para disfrutar de una agradable experiencia de uso.<\/p>\n<h2>Dise\u00f1o<\/h2>\n<p style=\"text-align: justify;\">El dise\u00f1o de su producto gira en torno a la funcionalidad y facilidad de uso, nunca en torno a los colores o las im\u00e1genes (que ser\u00e1n establecidas m\u00e1s adelante por un dise\u00f1ador gr\u00e1fico). Despu\u00e9s de haber definido durante su investigaci\u00f3n del usuario, lo que estos esperan de su producto o sitio web, cu\u00e1les son sus objetivos y c\u00f3mo les gustar\u00eda interactuar con el sistema, es la funcionalidad y facilidad de uso lo prioritario.<\/p>\n<h3 style=\"text-align: justify;\">\u00bfQu\u00e9 involucra el dise\u00f1o?<\/h3>\n<p style=\"text-align: justify;\"><strong>Arquitectura de Informaci\u00f3n<\/strong>. Esto se refiere a la jerarqu\u00eda de los contenidos en la p\u00e1gina, sobre todo lo que es m\u00e1s importante ver para el usuario y el momento justo para ello. Por ejemplo, la mayor\u00eda de los usuarios esperan una barra de b\u00fasqueda ubicada en la parte superior de la p\u00e1gina. Debido a esta expectativa, muchas empresas mantienen su barra de b\u00fasqueda en ese preciso lugar.<\/p>\n<p style=\"text-align: justify;\"><strong>Wireframing<\/strong>. Tiene que ver con la navegaci\u00f3n del usuario a trav\u00e9s de cada p\u00e1gina y entre ellas. Es un proceso que implica la realizaci\u00f3n de un esquema b\u00e1sico de cada funcionalidad y decidir como deben ser los elementos de esa p\u00e1gina o proceso, de tal manera que la interacci\u00f3n del usuario sea lo m\u00e1s suave posible.<\/p>\n<p style=\"text-align: justify;\"><strong>Prototipado<\/strong>. El uso de herramientas especializadas para ello, se pueden crear prototipos relativamente r\u00e1pido (e incluso interactivos) de las p\u00e1ginas web o soluci\u00f3n IT dise\u00f1adas en la etapa wireframing. Esto les permite poner a prueba sus ideas con los usuarios antes de que el dise\u00f1o sea plenamente implementado por el equipo de desarrollo. El prototipado puede ahorrarnos mucho tiempo y dinero si las caracter\u00edsticas planteadas necesitan ser ajustadas despu\u00e9s de una prueba inicial.<\/p>\n<h2 style=\"text-align: justify;\">Pruebas de usuarios<\/h2>\n<p style=\"text-align: justify;\">Estas son fundamentales ya que les permite mejorar el producto original o el dise\u00f1o del sitio, adem\u00e1s podemos validar si los cambios propuestos durante la fase de dise\u00f1o resisten un examen riguroso.<\/p>\n<h3 style=\"text-align: justify;\">\u00bfQu\u00e9 tipo de procesos se utilizan para llevar a cabo las pruebas?<\/h3>\n<p style=\"text-align: justify;\"><strong>Test de usabilidad.<\/strong> Se trata de evaluar nuestras propuestas poni\u00e9ndolas a prueba con usuarios reales. Se pueden llevar a cabo por medio de la observaci\u00f3n de los participantes durante su proceso de interacci\u00f3n con el producto o servicio, o haci\u00e9ndoles preguntas mientras al momento de llevar a cabo las pruebas. Es una de las formas m\u00e1s efectiva de evaluar si el producto cumple con las expectativas del usuario.<\/p>\n<p style=\"text-align: justify;\"><strong>Test de usabilidad remoto.<\/strong> Al igual que en las pruebas descritas anteriormente, este tipo de an\u00e1lisis puede llegar a ser muy \u00fatil cuando es imposible realizarlas de manera presencial y directa, bien sea porque requerimos probar la soluci\u00f3n IT en varios pa\u00edses o, porque el trabajo se est\u00e9 realizando de manera remota, para ello podemos utilizar plataformas como Skype, Screensharing u otros m\u00e9todos en l\u00ednea.<\/p>\n<p style=\"text-align: justify;\"><strong>Prueba A \/ B.<\/strong> Este tipo de prueba es de mucha utilidad cuando necesitamos validar versiones distintas de un mismo flujo o proceso UX con participantes reales, esto puede suceder cuando los equipos de dise\u00f1o o maquetaci\u00f3n no lograr tomar una decisi\u00f3n concreta en relaci\u00f3n a una propuesta espec\u00edfica, y desean que el usuario final tenga la \u00faltima palabra, en este sentido, podemos evaluar las reacciones de los participantes frente a las propuesta luego de interactuar con ellas, y as\u00ed determinar cual obtuvo la mejor respuesta.<\/p>\n<h2 style=\"text-align: justify;\">Implementaci\u00f3n<\/h2>\n<p style=\"text-align: justify;\">Ya sea en un emprendimiento o en empresa m\u00e1s establecida, usted estar\u00e1 trabajando estrechamente con los desarrolladores a fin de lograr el objetivo final de su proyecto. Estos profesionales estar\u00e1n trabajando constantemente para transformar sus ideas de dise\u00f1o, en un verdadero sitio web o soluci\u00f3n IT \u00bfC\u00f3mo puede usted determinar si esta relaci\u00f3n va a concretar el \u00e9xito o el fracaso de su proyecto?<\/p>\n<h3 style=\"text-align: justify;\">\u00bfCon qui\u00e9n va a trabajar?<\/h3>\n<p style=\"text-align: justify;\">Para darle a su equipo una idea de lo que pueden esperar, es una buena idea definir al equipo de trabajo:<\/p>\n<p style=\"text-align: justify;\"><strong>Proyecto Manager<\/strong>. Esboza los objetivos de un proyecto, el cronograma de ejecuci\u00f3n, recursos, presupuesto.<\/p>\n<p style=\"text-align: justify;\"><strong>Dise\u00f1ador IU<\/strong>. Es el encargado de dise\u00f1ar los elementos de la interfaz con las cuales el usuario final interactuar\u00e1 con la finalidad de lograr los objetivos de la p\u00e1gina web o soluci\u00f3n IT.<\/p>\n<p style=\"text-align: justify;\"><strong>Desarrollador Web<\/strong>. Construye el sitio que los dise\u00f1adores han creado, la estimaci\u00f3n de lo que ser\u00e1 y no ser\u00e1 posible seg\u00fan los tiempos establecidos.<\/p>\n<p style=\"text-align: justify;\"><strong>Maquetador.<\/strong> Comunica la informaci\u00f3n clave sobre los usuarios por medio del equipo de marketing para que estos puedan producir contenidos que atraigan a las personas interesadas en comprar su producto.<\/p>\n<h3 style=\"text-align: justify;\">Lo que NO vas a hacer<\/h3>\n<p style=\"text-align: justify;\">Antes de empezar a trabajar sobre una propuesta web o IT, es una buena idea dejar claro el alcance de tus funciones y especificar aquellos aspectos\u00a0de los cuales NO ser\u00e1s responsable. Esto reducir\u00e1 los malos entendidos y ahorrar\u00e1 un valioso tiempo que podr\u00eda perderse en reuniones orientadas a aclarar lo que no se defini\u00f3 en un principio. Tambi\u00e9n es un excelente calmante para los colegas que puedan sentirse amenazados por su presencia en la organizaci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">Algunos de los puntos que usted debe aclarar cuando desee hablar de aquello que NO har\u00e1:<\/p>\n<ul>\n<li style=\"text-align: justify;\">El dise\u00f1o gr\u00e1fico<\/li>\n<li style=\"text-align: justify;\">La programaci\u00f3n<\/li>\n<li style=\"text-align: justify;\">La creaci\u00f3n de contenidos<\/li>\n<li style=\"text-align: justify;\">El servicio al cliente<\/li>\n<\/ul>\n<h3>\u00bfQu\u00e9 valor aportar\u00e1 su rol al equipo?<\/h3>\n<p style=\"text-align: justify;\">\u00bfSi usted no est\u00e1 creando hermosos gr\u00e1ficos o p\u00e1ginas de carga r\u00e1pida, qu\u00e9 valor tangible aporta usted al equipo? Es aqu\u00ed cuando usted necesita explicar el valor de sus investigaciones y el aporte de los resultados de sus pruebas con participantes.<\/p>\n<p style=\"text-align: justify;\"><strong>El aumento de datos claves de investigaci\u00f3n.<\/strong> El an\u00e1lisis de usuarios va a descubrir s\u00f3lidamente a los usuarios de su producto. Esto significa que las estrategias de marketing, el sitio o soluci\u00f3n IT y el contenido publicitario puede ser orientado a atraer al p\u00fablico objetivo, lo que aumentar\u00e1 inmediatamente la tasa de conversi\u00f3n de clientes potenciales a reales ya que las personas que est\u00e1n en b\u00fasqueda de su producto lo estar\u00e1n viniendo a usted como un canal para conseguirlo, en lugar de su competencia.<\/p>\n<p style=\"text-align: justify;\"><strong>La retenci\u00f3n del cliente<\/strong>. Cuando un usuario consiga r\u00e1pida y f\u00e1cilmente sus objetivos en su sitio web, van a volver una y otra vez. \u00bfPor qu\u00e9 iban ir a otro lugar cuando en su web entiende su comportamiento y hace que su navegaci\u00f3n e interacci\u00f3n sea suave y muy agradable? Consiguen lo que quieren y en el posiblemente de manera m\u00e1s agradable, es un hecho que van a quedarse.<\/p>\n<p style=\"text-align: justify;\"><strong>El boca a boca.<\/strong> Hay pocas cosas tan valiosas para una empresa como un cliente satisfecho recomendando sus servicios, y los usuarios felices, naturalmente, lo har\u00e1n con sus amigos. Una gran experiencia de usuario motivar\u00e1 a los clientes felices a compartirla con todos, y esta es la mejor publicidad que se puede conseguir.<\/p>\n<p style=\"text-align: justify;\">Ahora bien, \u00bfTiene usted alguna experiencia que le gustar\u00eda compartir en relaci\u00f3n a este tema. Hay un nuevo especialista UX en la organizaci\u00f3n y aun no comprende muy bien sus funciones? Me encantar\u00eda conocer su opini\u00f3n sobre este tema en la secci\u00f3n de comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es necesario considerar\u00a0que a pesar de la evoluci\u00f3n en el proceso de integraci\u00f3n y manofactura de software, el papel del dise\u00f1ador #UX no est\u00e1 del todo<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":362,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18,11],"tags":[13,15,21,12,20],"class_list":["post-360","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-usabilidad","tag-diseno-web","tag-pruebas-con-usuarios","tag-ui","tag-usabilidad","tag-ux"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/07\/como-explicar-ux-design.jpg","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/comments?post=360"}],"version-history":[{"count":0,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/360\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media\/362"}],"wp:attachment":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media?parent=360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/categories?post=360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/tags?post=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}