{"id":10077,"date":"2019-02-08T15:29:36","date_gmt":"2019-02-08T13:29:36","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=10077"},"modified":"2023-11-28T11:13:29","modified_gmt":"2023-11-28T10:13:29","slug":"checklist-ux-mejorar-experiencia-de-usuarios","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/checklist-ux-mejorar-experiencia-de-usuarios\/","title":{"rendered":"Checklist UX: 16 tips para mejorar la experiencia de tus usuarios"},"content":{"rendered":"<p>\u00bfQuieres ofrecer la mejor experiencia a los usuarios de tu producto? En esta <strong>checklist UX<\/strong> recogemos algunos puntos importantes que deber\u00edas tener en cuenta para <strong>mejorar la UX de tu p\u00e1gina web<\/strong>.<\/p>\n<h2>1. La informaci\u00f3n se encuentra jerarquizada guiando al usuario en las acciones a realizar<\/h2>\n<p>El usuario llega al producto con un objetivo, pero <strong>conf\u00eda en que \u00e9ste le indique lo que tiene que hacer y c\u00f3mo para conseguirlo<\/strong>. Por esta raz\u00f3n, es importante que el contenido se encuentre claramente <strong>ordenado y jerarquizado<\/strong>, destacando las acciones principales y asegurando que los elementos situados en la parte superior son los m\u00e1s importantes. Esta jerarqu\u00eda visual permite al usuario escanear informaci\u00f3n r\u00e1pidamente, priorizando el contenido seg\u00fan sus necesidades inmediatas. Deber\u00e1s <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/3-tecnicas-testear-usabilidad-web\/\">testear tus p\u00e1ginas web<\/a> para verificar que la informaci\u00f3n est\u00e1 estructurada correctamente.<\/p>\n<p>Para comprobar si nuestro producto cumple este punto, hay dos cosas que podemos hacer:<\/p>\n<ul>\n<li>En primer lugar, <strong>entender c\u00f3mo funcionan los diferentes procesos de nuestro producto<\/strong>, asegurando que las acciones clave se encuentran favorecidas por una jerarqu\u00eda visual.<\/li>\n<li>Otra comprobaci\u00f3n que puedes hacer es realizar una captura de pantalla de tu producto digital y<strong> aplicarle un desenfoque gaussiano de un radio de alrededor de 5px<\/strong>. Al observar el resultado, podr\u00e1s ver claramente la jerarqu\u00eda visual y los elementos que m\u00e1s destacan. \u00bfSon los m\u00e1s importantes?<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10108\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/unnamed.jpg\" alt=\"desenfoque ux\" width=\"640\" height=\"400\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/unnamed.jpg 640w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/unnamed-300x188.jpg 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/unnamed-360x225.jpg 360w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>2. El contenido y controles en primer plano se distinguen f\u00e1cilmente del fondo<\/h2>\n<p>Este es un factor especialmente importante para las personas con alg\u00fan tipo de discapacidad visual si hablamos, por ejemplo, de la <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/accesibilidad-videos-contenidos-multimedia\/\">accesibilidad multimedia<\/a>, pero, adem\u00e1s, <strong>mejora la comprensi\u00f3n y el aprendizaje por parte del usuario<\/strong>. Una clara diferenciaci\u00f3n facilita la navegaci\u00f3n, ofrece m\u00e1s atenci\u00f3n a los botones y aumenta la usabilidad en general. Para asegurar que se cumple, podemos utilizar el desenfoque gaussiano como en el punto anterior, pero en este caso nos preguntaremos <strong>\u00bfse distingue claramente lo que est\u00e1 en primer plano y lo que est\u00e1 en el fondo?<\/strong><\/p>\n<p><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-tripadvisor-accion-fondo.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10080 aligncenter\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-tripadvisor-accion-fondo.png\" alt=\"\" width=\"492\" height=\"439\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-tripadvisor-accion-fondo.png 492w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-tripadvisor-accion-fondo-300x268.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-tripadvisor-accion-fondo-360x321.png 360w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>3. Los elementos est\u00e1n agrupados y alineados de forma adecuada<\/h2>\n<p>Los usuarios tienden a <strong>agrupar funcional o contextualmente los elementos que est\u00e1n cerca unos de otros<\/strong>. Esto es lo que ocurre, por ejemplo, en una<strong> barra de navegaci\u00f3n<\/strong>. Seguir este patr\u00f3n agrupando elementos que est\u00e1n conectados hace que el usuario entienda la interfaz al momento. Esto es especialmente necesario en la <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/navegacion-movil\/\">navegaci\u00f3n m\u00f3vil<\/a>, donde la pantalla reducida obliga a presentar todos los elementos de modo \u00f3ptimo.<\/p>\n<p><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-elementos-agrupados.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10082 aligncenter\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-elementos-agrupados.png\" alt=\"\" width=\"749\" height=\"562\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-elementos-agrupados.png 800w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-elementos-agrupados-300x225.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-elementos-agrupados-768x576.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-elementos-agrupados-360x270.png 360w\" sizes=\"auto, (max-width: 749px) 100vw, 749px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Fuente: <a href=\"https:\/\/uxplanet.org\/mobile-typography-8-steps-toward-powerful-ui-deaf205274c5\" target=\"_blank\" rel=\"noopener noreferrer\">\u00abMobile Typography: 8 Steps Toward Powerful UI.\u00bb<\/a><\/p>\n<h2>4. El producto est\u00e1 preparado para crecer en el futuro<\/h2>\n<p><strong>No<\/strong> se puede redise\u00f1ar la navegaci\u00f3n del producto o su arquitectura cada vez que se quieran incluir nuevas funcionalidades o contenido. <strong>Los men\u00fas de navegaci\u00f3n y el dise\u00f1o en general deben admitir m\u00e1s informaci\u00f3n.<\/strong> Por esta raz\u00f3n, es importante dise\u00f1ar teniendo en cuenta que el contenido puede crecer con el tiempo dise\u00f1ando un espacio preparado para este crecimiento.<\/p>\n<h2>5. No se utiliza el color por s\u00ed solo para expresar jerarqu\u00eda, contenido o funcionalidad<\/h2>\n<p>Tener un producto que sea accesible no es una ventaja sino una obligaci\u00f3n. Confiar \u00fanicamente en el color para definir una jerarqu\u00eda, mostrar el contenido o destacar una funcionalidad implica que aquellas personas que experimenten dificultades a la hora de ver o diferenciar algunos colores, no puedan usar el producto y sean, por tanto, un grupo demogr\u00e1fico excluido. Por tanto, <strong>aunque nos apoyemos en el color, habr\u00e1 otros aspectos que deberemos tener en cuenta<\/strong>.<\/p>\n<h2>6. La tipograf\u00eda ayuda a diferenciar el contenido de los controles<\/h2>\n<p>Es necesario <strong>que el usuario reconozca a simple vista el contenido y los controles<\/strong>, es decir, aquellos elementos con los que puede interactuar. Para pon\u00e9rselo m\u00e1s f\u00e1cil, se pueden utilizar una serie de indicadores como pueden ser el tama\u00f1o, color, posici\u00f3n, fuente (diferentes estilos o familias)&#8230; de manera que no se confunda e identifique f\u00e1cilmente con qu\u00e9 elementos puede interactuar.<\/p>\n<p>\u00bfC\u00f3mo lo comprobamos? Es necesario identificar todos los controles y asegurar que destacan por encima del contenido. Tambi\u00e9n, al hacer <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/test-con-usuarios-que-es-pasos\/\">tests con usuarios<\/a>, podemos analizar si los usuarios experimentan dificultades a la hora de interactuar con los controles.<\/p>\n<h2>7. El tama\u00f1o y peso de la fuente diferencian los tipos de contenido<\/h2>\n<p>Adem\u00e1s de poder distinguir claramente los controles del contenido, otro tip importante en la checklist UX es poder <strong>identificar f\u00e1cilmente los diferentes tipos de contenido<\/strong>, mejorando as\u00ed la legibilidad y la comprensi\u00f3n. Hacer una distinci\u00f3n entre encabezados, subt\u00edtulos y p\u00e1rrafos reduce el esfuerzo que tiene que hacer el usuario a la hora de consumir la informaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10107\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-fuente-jerarquia-visual.gif\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p style=\"text-align: center;\">Fuente: <a href=\"https:\/\/medium.com\/@KrishaWeb\/top-7-microinteractions-and-also-their-effect-on-ux-c4cf8feef278\" target=\"_blank\" rel=\"noopener noreferrer\">\u00abTop 7 microinteractions and also their effect on UX\u00bb<\/a><\/p>\n<h2>8. La acci\u00f3n principal es visualmente distinta de las acciones secundarias<\/h2>\n<p>Es importante definir y<strong> diferenciar visualmente la acci\u00f3n principal de las acciones secundarias<\/strong>, por ejemplo, mediante el dise\u00f1o de los botones, su color, posici\u00f3n, tama\u00f1o&#8230; Esto evitar\u00e1 que el usuario se confunda cuando interact\u00fae con el producto, siendo menos propenso a cometer errores. Por ejemplo, los botones \u201cContinuar\u201d y \u201cCancelar\u201d deben ser claramente distintos.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/accion-principal-secundaria.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10087 aligncenter\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/accion-principal-secundaria.png\" alt=\"\" width=\"856\" height=\"666\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/accion-principal-secundaria.png 1000w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/accion-principal-secundaria-300x233.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/accion-principal-secundaria-768x598.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/accion-principal-secundaria-360x280.png 360w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Fuente: \u00abProgress Trackers in UX Design\u00bb<\/p>\n<p>Este es otro punto que podemos poner a prueba en los tests con usuarios, observando los errores que resultan de acciones principales y secundarias poco diferenciadas.<\/p>\n<h2>9. El usuario conoce el progreso y el estado en el que se encuentra el proceso<\/h2>\n<p>Uno de los principios heur\u00edsticos de usabilidad de Jakob Nielsen en un <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/analisis-heuristico-para-ux-evalua-la-usabilidad-de-tu-web\/\">an\u00e1lisis heur\u00edstico para UX<\/a> se basa en la importancia de mostrar al usuario en todo momento el estado del sistema. Este principio es especialmente importante en aquellos procesos que cuentan con varios pasos, de modo que el usuario no se sienta abrumado ni se pregunte cu\u00e1nto tiempo va a tardar en completar el proceso.<\/p>\n<p><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-pasos-proceso.gif\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10089 aligncenter\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-pasos-proceso.gif\" alt=\"\" width=\"600\" height=\"358\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Fuente: \u00abProgress Trackers in UX Design\u00bb<\/p>\n<p>Tambi\u00e9n es importante que reciba feedback sobre las acciones que realiza para que no sienta que ha cometido un error o que el producto no funciona correctamente. Un ejemplo de esto puede ser un mensaje de confirmaci\u00f3n a la hora de enviar un formulario.<\/p>\n<h2>10. Los elementos interactivos son reconocibles<\/h2>\n<p>Al usar un nuevo producto, <strong>los usuarios vienen con un conjunto de expectativas creadas a partir de su experiencia previa<\/strong> con otros productos digitales, por ejemplo, c\u00f3mo deben ser los botones y c\u00f3mo deben funcionar. Cumplir estas expectativas significa no crear situaciones desconocidas que pueden resultar inc\u00f3modas o complicadas para el usuario. Por esta raz\u00f3n, es importante revisar el producto en busca de aquellos elementos que no cumplan patrones comunes, por ejemplo, links que no lo parecen.<\/p>\n<h2>11. La navegaci\u00f3n es consistente<\/h2>\n<p>La manera en que se orientan los usuarios y navegan a trav\u00e9s del producto influye directamente en si pueden completar sus objetivos, independientemente de la p\u00e1gina en la que se encuentren. Por eso es importante verificar la arquitectura de la informaci\u00f3n, siendo accesible desde todas las p\u00e1ginas y asegurando que no cambia ni desaparece.<\/p>\n<h2>12. Las acciones repetidas o frecuentes no suponen un esfuerzo extra<\/h2>\n<p>Las acciones repetidas para alcanzar el mismo resultado (como rellenar diferentes formularios con la misma informaci\u00f3n) suponen una tarea engorrosa que no ayudan al usuario a lograr sus objetivos mejor o m\u00e1s r\u00e1pido. Por esta raz\u00f3n, es probable que el usuario intente encontrar una forma de evitarlo, por ejemplo, buscando competidores que puedan ayudarle a conseguir sus objetivos de manera m\u00e1s eficiente.<\/p>\n<p>Para que esto no ocurra, debemos <strong>analizar todos los procesos del producto observando el comportamiento del usuario<\/strong> y, en aquellos casos en los que haya acciones repetidas, facilit\u00e1rselas en la medida de lo posible. Por ejemplo, mediante una opci\u00f3n que permita usar la informaci\u00f3n introducida previamente en un formulario.<\/p>\n<h2>13. Los mensajes de alerta son consistentes y se diferencian claramente del resto de elementos<\/h2>\n<p>Es importante que todos los mensajes de alerta tengan el mismo estilo visual y aparezcan siempre en la misma ubicaci\u00f3n y de igual manera, diferenci\u00e1ndose visualmente del resto de contenido. De esta forma, el usuario sabr\u00e1 al momento que ese tipo de mensajes requieren atenci\u00f3n inmediata.<\/p>\n<p><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-mensaje-error.jpeg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10091 aligncenter\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-mensaje-error.jpeg\" alt=\"\" width=\"860\" height=\"573\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-mensaje-error.jpeg 1000w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-mensaje-error-300x200.jpeg 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-mensaje-error-768x511.jpeg 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-mensaje-error-360x240.jpeg 360w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Fuente: <a href=\"https:\/\/uxdesign.cc\/creating-error-messages-best-practice-in-ux-design-cda3be0f5e16\" target=\"_blank\" rel=\"noopener noreferrer\">\u00abCreating Error Messages | Best practice in UX Design\u00bb<\/a><\/p>\n<p>No ser consistentes en este aspecto supone que el usuario tenga que realizar un esfuerzo adicional innecesario cada vez que aparece un mensaje de alerta.<\/p>\n<h2>14. Los usuarios pueden recuperarse f\u00e1cilmente de los errores<\/h2>\n<p>Otro de los principios heur\u00edsticos de Jakob Nielsen y fundamental en la checklist UX\u00a0seg\u00fan el cual es importante tener en cuenta que a menudo los <strong>usuarios realizan acciones no intencionadas o que no provocan los resultados deseados<\/strong>. Permitir que puedan volver atr\u00e1s y probar de nuevo supone que no se sientan frustrados o culpables y se recuperen f\u00e1cilmente para continuar con el proceso.<\/p>\n<p>Para asegurar que cumplimos este principio heur\u00edstico, debemos comprobar en primer lugar que nuestro producto permite volver atr\u00e1s y que las acciones se pueden deshacer. Despu\u00e9s, cuando realicemos tests con usuarios, podemos plantear escenarios en los que el usuario probablemente realice una acci\u00f3n incorrecta para verificar si puede recuperarse f\u00e1cilmente.<\/p>\n<p><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-estado-error.gif\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10097 aligncenter\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-estado-error.gif\" alt=\"\" width=\"788\" height=\"570\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Fuente: <a href=\"https:\/\/uxdesign.cc\/creating-error-messages-best-practice-in-ux-design-cda3be0f5e16\" target=\"_blank\" rel=\"noopener noreferrer\">\u00abCreating Error Messages | Best practice in UX Design\u00bb<\/a><\/p>\n<h2>15. Los usuarios tienen el apoyo adecuado de acuerdo a su nivel de expertise<\/h2>\n<p>Es importante que los usuarios tengan una experiencia de aprendizaje fluida pero, una vez est\u00e1n familiarizados con el producto, deber\u00edan tener herramientas que les ayuden a moverse m\u00e1s r\u00e1pido a trav\u00e9s de este. Por ejemplo, que los usuarios novatos siempre tengan accesible informaci\u00f3n sobre la herramienta o disponer de atajos para los usuarios m\u00e1s expertos.<\/p>\n<h2>16. El acceso a la ayuda no impide que el usuario pueda avanzar<\/h2>\n<p>Los usuarios pueden necesitar ayuda cuando se queden atascados utilizando el producto, pero es importante que esta ayuda se muestre como algo adicional y les permita reanudar el trabajo donde lo dejaron. Para asegurar que esto se cumple, crea escenarios de prueba en los que los usuarios necesiten la ayuda y observa si se interrumpe su flujo de trabajo y c\u00f3mo es su progreso.<\/p>\n<p><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-help.gif\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10099 aligncenter\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/02\/ux-help.gif\" alt=\"\" width=\"744\" height=\"558\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Fuente:\u00a0<a href=\"https:\/\/dribbble.com\/RamakrishnaUX\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dribbble.com\/RamakrishnaUX<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Si tu producto cumple todos estos puntos, probablemente hayas mejorado la experiencia de tus usuarios. Pero recuerda que debes continuar realizando pruebas y recopilando informaci\u00f3n que te ayuden a seguir ofreci\u00e9ndoles lo mejor.\u00a0En\u00a0<a href=\"https:\/\/www.hiberus.com\/agencia-digital\">Hiberus Digital<\/a>, nuestro equipo experto en usabilidad te ayuda a revisar el estado de la usabilidad de tu proyecto y detectar mejoras.<\/p>\n        <div class=\"row\">\n            <div class=\"block-cta-form\" style=\"background-color: #003664;\">\n                <div class=\"content-cta-form\">\n                    <div class=\"text-cta-form\">\n                        <p class=\"title-cta-form\">\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de UX\/UI?<\/p>\n                        <p>Contacta con nuestro equipo de User Research, User Experience y User Interface<\/p>\n                    <\/div>\n                    <div class=\"form-fields\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f33973-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"33973\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/10077#wpcf7-f33973-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"33973\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f33973-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div id=\"responsive-form\" class=\"clearfix\">\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre *\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"apellido\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Apellido *\" value=\"\" type=\"text\" name=\"apellido\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"correo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo corporativo *\" value=\"\" type=\"email\" name=\"correo\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"telf-contacto\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono *\" value=\"\" type=\"tel\" name=\"telf-contacto\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"compania\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Compa\u00f1ia *\" value=\"\" type=\"text\" name=\"compania\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Mensaje *\" name=\"mensaje\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"politica\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"politica\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"https:\/\/www.hiberus.com\/politica\" target=\"_blank\"><u>Pol\u00edtica de privacidad<\/u><\/a><\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"marketing\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"marketing\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Me gustar\u00eda recibir comunicaciones de marketing de Hiberus y sobre sus productos, servicios y eventos.<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Contacta con nosotros\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div id=\"campos_ocultos\" class=\"hidden\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new1\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new3\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new3\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new3\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new4\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new4\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new4\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new_p\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new_p\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new_p\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!--end responsive-form--><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuieres ofrecer la mejor experiencia a los usuarios de tu producto? En esta checklist UX recogemos algunos puntos importantes que deber\u00edas tener&#8230;<\/p>\n","protected":false},"author":117,"featured_media":10109,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_ayudawp_aiss_exclude":false,"footnotes":""},"categories":[3,230],"tags":[91],"class_list":{"0":"post-10077","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-negocio-electronico","8":"category-ux-analitica","9":"tag-usabilidad"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/10077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/comments?post=10077"}],"version-history":[{"count":5,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/10077\/revisions"}],"predecessor-version":[{"id":36353,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/10077\/revisions\/36353"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media\/10109"}],"wp:attachment":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media?parent=10077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/categories?post=10077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/tags?post=10077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}