{"id":30,"date":"2019-03-11T10:15:39","date_gmt":"2019-03-11T16:15:39","guid":{"rendered":"http:\/\/tesseractspace.com\/blog\/?p=30"},"modified":"2019-04-12T18:05:43","modified_gmt":"2019-04-12T23:05:43","slug":"el-modelo-heart-para-medicion-de-ux","status":"publish","type":"post","link":"https:\/\/www.tesseractspace.com\/blog\/el-modelo-heart-para-medicion-de-ux\/","title":{"rendered":"El modelo HEART para medici\u00f3n de UX"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Hay mucho que se puede medir en medios digitales, pero no todo lo que se mide es \u00fatil para UX. El modelo HEART sirve para obtener informaci\u00f3n valiosa sobre la experiencia de los usuarios reutilizando m\u00e9tricas simples.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Al realizar pruebas A\/B o en la medici\u00f3n de d\u00eda a d\u00eda de un producto digital se pueden obtener muchas m\u00e9tricas que no son \u00fatiles en el dise\u00f1o de experiencia de usuario. Estas m\u00e9tricas pueden describir el comportamiento de los usuarios al interactuar con nuestros productos, pero que no est\u00e1n ligadas a la experiencia de usar un sistema, como el n\u00famero de visitas a un sitio web, el n\u00famero de visitantes \u00fanicos, la popularidad de una <i>app<\/i> en su <i>marketplace<\/i> o la frecuencia de compra de un producto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estas m\u00e9tricas, tambi\u00e9n llamadas \u00ab<i>m\u00e9tricas de vanidad<\/i>\u00ab, pueden ser \u00fatiles en otros contextos pero no son buenas m\u00e9tricas de usabilidad ni son \u00fatiles para tomar decisiones de dise\u00f1o por si solas ya que no se relacionan ni con la calidad del producto ni con los objetivos del proyecto. Para que sean \u00fatiles desde la perspectiva de UX es necesario interpretarlas primero.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"482\" src=\"https:\/\/i0.wp.com\/tesseractspace.com\/blog\/wp-content\/uploads\/2019\/03\/increasing-pageviews-flat-revenues.png?resize=640%2C482\" alt=\"El espejismo de las m\u00e9tricas de vanidad\" class=\"wp-image-80\" srcset=\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/03\/increasing-pageviews-flat-revenues.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/03\/increasing-pageviews-flat-revenues.png?resize=300%2C226&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>El espejismo de las m\u00e9tricas de vanidad<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">El modelo <strong>HEART<\/strong> es una t\u00e9cnica que se puede aplicar para reutilizar las m\u00e9tricas simples en <i>insights<\/i> cuantitativos y medibles que son \u00fatiles para la mejora de la experiencia de usuario de un producto completo o solo de una caracter\u00edstica espec\u00edfica. En este modelo, se crean cinco categor\u00edas de m\u00e9tricas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Felicidad (<\/strong><i><strong>Happiness<\/strong><\/i><strong>):<\/strong> mide las actitudes de los usuarios hacia el sistema, normalmente obtenidas por medio de encuestas. Por ejemplo: la satisfacci\u00f3n del usuario o su percepci\u00f3n de usabilidad.<\/li><li><strong><i>Engagement<\/i><\/strong>: el nivel de involucramiento del usuario con el producto, medido normalmente usando m\u00e9tricas de de comportamiento asociadas al concepto como frecuencia, intensidad o profundidad de la interacci\u00f3n sobre un periodo de tiempo. Algunos ejemplos son el n\u00famero de visitas por usuario por semana, o el n\u00famero de fotograf\u00edas que publica un usuario al d\u00eda.<\/li><li><strong>Adopci\u00f3n (<\/strong><strong><i>Adoption<\/i><\/strong><strong>)<\/strong>: es el n\u00famero de nuevos usuarios de un producto o de una caracter\u00edstica de un producto. Por ejemplo: el n\u00famero de cuentas creadas en los \u00faltimos siete d\u00edas o <a href=\"https:\/\/googleblog.blogspot.com\/2009\/07\/evolution-of-gmail-labels.html\">el porcentaje de usuarios de <\/a><strong><a href=\"https:\/\/googleblog.blogspot.com\/2009\/07\/evolution-of-gmail-labels.html\">GMail<\/a><\/strong><a href=\"https:\/\/googleblog.blogspot.com\/2009\/07\/evolution-of-gmail-labels.html\"> que utilizan etiquetas en sus correos<\/a>.<\/li><li><strong>Retenci\u00f3n (<\/strong><strong><i>Retention<\/i><\/strong><strong>)<\/strong>: es la tasa con la que los usuarios regresan a utilizar un producto. Por ejemplo: el n\u00famero de usuarios activos en un periodo de tiempo que siguen utilizando el producto en un periodo de tiempo posterior. Una m\u00e9trica interesante es la tasa del fracaso en la retenci\u00f3n, com\u00fanmente conocida como \u201c<a href=\"https:\/\/en.wikipedia.org\/wiki\/Churn_rate\"><i>churn<\/i><\/a>\u201d.<\/li><li><strong>Tareas exitosas (<\/strong><strong><i>Task success<\/i><\/strong><strong>)<\/strong>: incluye m\u00e9tricas tradicionales de comportamiento en experiencia de usuario, como eficiencia (el tiempo que toma terminar una tarea), efectividad (el porcentaje de tareas completadas) y la tasa de errores. Esta categor\u00eda puede aplicar en las \u00e1reas de un producto que est\u00e1n enfocadas a tareas para el usuario, como un buscador, un formulario o la creaci\u00f3n de un perfil en el sistema.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">En la pr\u00e1ctica no es necesario crear m\u00e9tricas para todas las categor\u00edas de <strong>HEART, <\/strong>sino que se pueden elegir una o dos que sean importantes para el proyecto que se est\u00e1 analizando. El modelo <strong>HEART<\/strong> puede ayudar a decidir si vale la pena agregar o no una categor\u00eda en particular. Por ejemplo, la categor\u00eda de <i>engagement<\/i> puede que no sea relevante en un contexto corporativo donde se espera que los usuarios utilicen un producto como parte de su trabajo diario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este caso, el dise\u00f1ador de UX puede elegir enfocarse en la categor\u00eda de <i>felicidad <\/i>o la de <i>tareas<\/i>, aunque a\u00fan podr\u00eda considerarse \u00fatil la categor\u00eda de <i>engagement<\/i> para caracter\u00edsticas espec\u00edficas del producto como un indicador de su utilidad.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">El proceso de Objetivos-Se\u00f1ales-M\u00e9tricas<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La definici\u00f3n de las m\u00e9tricas para <strong>HEART<\/strong> no es directa, ya que es espec\u00edfica para cada proyecto dependiendo de sus caracter\u00edsticas, objetivos y de la informaci\u00f3n que est\u00e9 disponible. Para decidir con mayor facilidad cu\u00e1les m\u00e9tricas definir y rastrear se utiliza el proceso <strong>Objetivos-Se\u00f1ales-M\u00e9tricas <\/strong>(<i>Goals-Signals-Metrics<\/i>)<strong>.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Los <strong>objetivos (<i>goals<\/i>) <\/strong>deben ser claros y estar alineados, ya que diferentes personas en el proyecto pueden tener objetivos diferentes. Este proceso es una oportunidad para alinearlos y definir de manera conjunta hacia d\u00f3nde se quiere llevar el producto. Un error com\u00fan es definir los objetivos de un proyecto usando las m\u00e9tricas que ya existen, por ejemplo: \u00ab<i>nuestro objetivo es aumentar el tr\u00e1fico del sitio web<\/i>\u00ab.<br>Es obvio que todo el equipo quiere eso, pero <strong>\u00bfc\u00f3mo es que el dise\u00f1o de experiencia de usuario puede ayudar a mejorar esta m\u00e9trica?<\/strong> El objetivo de UX podr\u00eda ser \u00ab<i>atraer nuevos usuarios<\/i>\u00bb o \u00ab<i>aumentar el engagement de usuarios existentes<\/i>\u00ab.<\/li><li>Las <strong>se\u00f1ales (<\/strong><i><strong>signals<\/strong><\/i><strong>)<\/strong> son indicadores que reflejan las actitudes o sentimientos de los usuarios hacia un sistema por medio de acciones, y que son sensibles a los cambios en el&nbsp; dise\u00f1o, por ejemplo, una se\u00f1al de <i>engagement<\/i> puede ser el n\u00famero de usuarios que no terminan de ver un video, o el tiempo de permanencia en una p\u00e1gina con una densidad de informaci\u00f3n alta. Un objetivo puede tener una o varias se\u00f1ales asociadas.<\/li><li>Las <strong>m\u00e9tricas (<\/strong><i><strong>metrics<\/strong><\/i><strong>)<\/strong> nos dan al final informaci\u00f3n valiosa en la interacci\u00f3n entre los usuarios y nuestro producto. Es importante <a href=\"https:\/\/tesseractspace.com\/blog\/sobre-metricas-de-usabilidad\/\">utilizar el criterio <\/a><strong><a href=\"https:\/\/tesseractspace.com\/blog\/sobre-metricas-de-usabilidad\/\">SMART <\/a><\/strong><a href=\"https:\/\/tesseractspace.com\/blog\/sobre-metricas-de-usabilidad\/\">en la creaci\u00f3n de estas m\u00e9tricas<\/a> y evitar incluir informaci\u00f3n solo \u00abporque es interesante\u00bb y en su lugar alinearlas con las m\u00e9tricas de usabilidad generales del proyecto.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">El modelo <strong>HEART<\/strong> junto con el proceso de <strong>objetivos-se\u00f1ales-m\u00e9tricas<\/strong> pueden ayudarnos a definir y priorizar de manera natural las m\u00e9tricas para obtener informaci\u00f3n que se pueda utilizar en el dise\u00f1o centrado en el usuario. Al final, se puede utilizar como una tabla para hacer el mapa de an\u00e1lisis:<\/p>\n\n\n\n<div class=\"wp-block-image size-full wp-image-606\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"350\" src=\"https:\/\/i0.wp.com\/tesseractspace.com\/blog\/wp-content\/uploads\/2019\/03\/Ejemplo-de-una-tabla-HEART.png?resize=640%2C350\" alt=\"Ejemplo de una tabla HEART\" class=\"wp-image-81\" srcset=\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/03\/Ejemplo-de-una-tabla-HEART.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/03\/Ejemplo-de-una-tabla-HEART.png?resize=300%2C164&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>Ejemplo de una tabla HEART<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Este modelo se puede implementar de manera muy sencilla y ayuda a enfocar las m\u00e9tricas de otras \u00e1reas en un proceso de mejora de dise\u00f1o, al tiempo que ayuda a tener informaci\u00f3n que refleje la calidad de la experiencia de los usuarios junto a los objetivos de negocio.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El modelo HEART es una herramienta que sirve para definir objetivos y m\u00e9tricas simples y obtener informaci\u00f3n valiosa sobre la experiencia de los usuarios en medios y productos digitales.<\/p>\n","protected":false},"author":1,"featured_media":31,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[71],"tags":[29,21,17,19,16,81],"class_list":["post-30","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-negocio","tag-analytics","tag-google","tag-kpis","tag-medicion","tag-metricas","tag-objetivos","entry"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/03\/heart.jpg?fit=800%2C378&ssl=1","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":10,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions\/418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media\/31"}],"wp:attachment":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}