{"id":15070,"date":"2020-12-15T10:18:17","date_gmt":"2020-12-15T08:18:17","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=15070"},"modified":"2021-01-29T14:54:11","modified_gmt":"2021-01-29T12:54:11","slug":"mapeo-de-experiencias","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/mapeo-de-experiencias\/","title":{"rendered":"Mapeo de experiencias"},"content":{"rendered":"<h2>Descripci\u00f3n<\/h2>\n<p>Existen diferentes m\u00e9todos vinculados al mapeo de experiencias en el \u00e1mbito de UX. En la tabla siguiente se describen brevemente estos m\u00e9todos en funci\u00f3n del tipo de interacciones, la estructura del diagrama (cronol\u00f3gica, jer\u00e1rquica o espacial), la informaci\u00f3n que ofrecen sobre el usuario y el tipo de organizaci\u00f3n asociado.<\/p>\n<div id=\"attachment_12241\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12241\" loading=\"lazy\" class=\"my-image wp-image-12241\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp62-1024x337-1.jpg\" alt=\"\" width=\"800\" height=\"263\" \/><p id=\"caption-attachment-12241\" class=\"wp-caption-text\">Fuente: Kalbach J. (2016). <em>Mapping experiences: A complete guide to creating value through journeys, blueprints, and diagrams<\/em> (p\u00e1g. 11).<\/p><\/div>\n<p>En la siguiente tabla se explican los principios de alineaci\u00f3n que nos ayudan a plantear la realizaci\u00f3n de diagramas para mapear situaciones o experiencias.<\/p>\n<div id=\"attachment_12239\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12239\" loading=\"lazy\" class=\"my-image wp-image-12239\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp63-1024x815-1.jpg\" alt=\"\" width=\"800\" height=\"637\" \/><p id=\"caption-attachment-12239\" class=\"wp-caption-text\">Fuente: Kalbach, J. (2016). <em>Mapping experiences: A complete guide to creating value through journeys, blueprints, and diagrams<\/em> (p\u00e1g. 13).<\/p><\/div>\n<p>A partir de estos principios b\u00e1sicos, el objetivo es crear un diagrama o esquema adaptado a la situaci\u00f3n que queremos explicar. Para facilitar este proceso se describir\u00e1n, a continuaci\u00f3n, una serie de pasos b\u00e1sicos para plantearlo de la forma m\u00e1s adecuada y aproximarnos poco a poco a la representaci\u00f3n final.<\/p>\n<p>En primer lugar, hay que tener siempre presentes los siguientes principios:<\/p>\n<ul>\n<li>Intensificaci\u00f3n del mensaje que queremos transmitir mediante el tipo de representaci\u00f3n que utilicemos.<\/li>\n<li>Claridad y simplicidad en la manera de expresar la informaci\u00f3n.<\/li>\n<li>Cohesi\u00f3n y consistencia en la manera de representar. Mantener el mismo tipo de lenguaje para facilitar la lectura durante y generar una sensaci\u00f3n de unidad.<\/li>\n<li>Simplicidad. En ocasiones posiblemente necesitemos m\u00e1s de un diagrama para explicar una situaci\u00f3n compleja.<\/li>\n<\/ul>\n<p>Tambi\u00e9n es de gran utilidad tener en cuenta estos principios:<\/p>\n<ul>\n<li>Analizar la informaci\u00f3n disponible.<\/li>\n<li>Definir las dimensiones que tienen influencia en el proceso.<\/li>\n<li>Determinar cu\u00e1l es la dimensi\u00f3n o dimensiones m\u00e1s importantes a la hora de explicar el proceso.<\/li>\n<li>Seleccionar el <em>layout<\/em> m\u00e1s adecuado para representar la informaci\u00f3n (v\u00e9ase la imagen siguiente).<\/li>\n<\/ul>\n<div id=\"attachment_12237\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12237\" loading=\"lazy\" class=\"my-image wp-image-12237\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp64-1024x545-1.jpg\" alt=\"\" width=\"800\" height=\"426\" \/><p id=\"caption-attachment-12237\" class=\"wp-caption-text\">Fuente: Kalbach, J. (2016). <em>Mapping experiences: A complete guide to creating value through journeys, blueprints, and diagrams<\/em> (p\u00e1g. 26).<\/p><\/div>\n<ul>\n<li>Definir a nivel esquem\u00e1tico el planteamiento global de la estructura del contenido.<\/li>\n<li>Establecer la manera en la que relacionamos la informaci\u00f3n mediante ejes, columnas, filas, etc.<\/li>\n<\/ul>\n<div id=\"attachment_12235\" style=\"width: 911px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12235\" loading=\"lazy\" class=\"my-image wp-image-12235 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp65.jpg\" alt=\"\" width=\"901\" height=\"687\" \/><p id=\"caption-attachment-12235\" class=\"wp-caption-text\">Organizaci\u00f3n de la informaci\u00f3n mediante columnas. <br \/>Fuente: <em>OVICUO DESIGN BCN.<\/em><\/p><\/div>\n<ul>\n<li>Realizar un dibujo esquem\u00e1tico con el mapa de la visualizaci\u00f3n y los conceptos b\u00e1sicos representados como base para desarrollar el diagrama.<\/li>\n<li>Utilizar elementos removibles como etiquetas o p\u00f3sits para el proceso de creaci\u00f3n del diagrama y facilitar su implementaci\u00f3n y modificaci\u00f3n.<\/li>\n<li>Tener en cuenta otros elementos contextuales que ayuden a la comprensi\u00f3n del tema: cronolog\u00eda, tiempo, espacios, etc.<\/li>\n<\/ul>\n<div id=\"attachment_12233\" style=\"width: 891px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12233\" loading=\"lazy\" class=\"my-image wp-image-12233 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp66.jpg\" alt=\"\" width=\"881\" height=\"694\" \/><p id=\"caption-attachment-12233\" class=\"wp-caption-text\">Relaci\u00f3n entre espacio y necesidades. <br \/>Fuente: <em>OVICUO DESIGN BCN.<\/em><\/p><\/div>\n<ul>\n<li>Usar de manera complementaria: texto, n\u00fameros, elementos infogr\u00e1ficos, im\u00e1genes o bocetos.<\/li>\n<li>Tener en cuenta siempre la jerarquizaci\u00f3n visual de la informaci\u00f3n.<\/li>\n<li>Valorar la manera m\u00e1s adecuada de representar las conexiones para explicar relaciones entre elementos.<\/li>\n<\/ul>\n<div id=\"attachment_12231\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12231\" loading=\"lazy\" class=\"my-image wp-image-12231\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp67-1024x563-1.jpg\" alt=\"\" width=\"800\" height=\"440\" \/><p id=\"caption-attachment-12231\" class=\"wp-caption-text\">Representaci\u00f3n mediante estructura en red. <br \/>Fuente: <em>OVICUO DESIGN BCN.<\/em><\/p><\/div>\n<div class=\"mceTemp\"><\/div>\n<ul>\n<li>Plantear c\u00f3mo establecer relaciones entre elementos (divisi\u00f3n, agrupaci\u00f3n, conexiones, caminos, etc.).<\/li>\n<\/ul>\n<div id=\"attachment_12229\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12229\" loading=\"lazy\" class=\"my-image wp-image-12229\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp68-1024x488-1.jpg\" alt=\"\" width=\"800\" height=\"381\" \/><p id=\"caption-attachment-12229\" class=\"wp-caption-text\">Disposici\u00f3n de acciones con base cronol\u00f3gica. <br \/>Fuente: <em>OVICUO DESIGN BCN.<\/em><\/p><\/div>\n<ul>\n<li>Tener siempre presente el tama\u00f1o de los elementos gr\u00e1ficos para representar la cuantificaci\u00f3n o el peso o importancia de un elemento.<\/li>\n<\/ul>\n<p>El objetivo de un diagrama puede ser de car\u00e1cter finalista a la hora de representar informaci\u00f3n, pero tambi\u00e9n es muy \u00fatil a la hora de visualizar una actividad o mapear un servicio para hacer aflorar nuevas soluciones e ideas al respecto de c\u00f3mo est\u00e1 planteada.<\/p>\n<h2>Referencias<\/h2>\n<p><strong>Caddick, R.; Cable, S.<\/strong> (2011). \u00ab<em>Communicating the user experience: A practical guide for creating useful UX documentation<\/em>\u00bb. Hoboken, NJ: John Wiley &amp; Sons.<\/p>\n<p><strong>Kalbach, J.<\/strong> (2016). \u00ab<em>Mapping experiences: A complete guide to creating value through journeys, blueprints, and diagrams<\/em>\u00bb. Sebastopol, CA: O\u2019Reilly Media.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descripci\u00f3n Existen diferentes m\u00e9todos vinculados al mapeo de experiencias en el \u00e1mbito de UX. En la tabla siguiente se describen brevemente estos m\u00e9todos en funci\u00f3n del tipo de interacciones, la estructura del diagrama (cronol\u00f3gica, jer\u00e1rquica o espacial), la informaci\u00f3n que ofrecen sobre el usuario y el tipo de organizaci\u00f3n asociado. En la siguiente tabla se [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18197,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[33,31],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15070\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=15070"}],"version-history":[{"count":3,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15070\/revisions\/"}],"predecessor-version":[{"id":17126,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15070\/revisions\/17126\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18197\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=15070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=15070"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=15070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}