{"id":467,"date":"2019-04-22T14:06:00","date_gmt":"2019-04-22T19:06:00","guid":{"rendered":"https:\/\/www.tesseractspace.com\/blog\/?p=467"},"modified":"2019-04-22T16:54:37","modified_gmt":"2019-04-22T21:54:37","slug":"la-piramide-de-diseno-de-ux","status":"publish","type":"post","link":"https:\/\/www.tesseractspace.com\/blog\/la-piramide-de-diseno-de-ux\/","title":{"rendered":"La pir\u00e1mide de dise\u00f1o de UX"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Para obtener los mejores resultados en la creaci\u00f3n de un buen dise\u00f1o de Experiencia de Usuario es necesario hablar de los principales requerimientos de dise\u00f1o que deben cumplirse en diferentes niveles. Hablemos de la Pir\u00e1mide de UX y las necesidades de los usuarios.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La pir\u00e1mide de UX<\/strong> se utiliza para clasificar los esfuerzos en el dise\u00f1o de UX y realizar un seguimiento de su avance e integraci\u00f3n. Basada en <a href=\"https:\/\/es.wikipedia.org\/wiki\/Pir%C3%A1mide_de_Maslow\">la jerarqu\u00eda de necesidades de <\/a><strong><a href=\"https:\/\/es.wikipedia.org\/wiki\/Pir%C3%A1mide_de_Maslow\">Maslow<\/a><\/strong>, en la parte inferior de la pir\u00e1mide de UX se pueden encontrar los requerimientos fundamentales, y en la parte de arriba, las necesidades del orden superior.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/piramide-diseno-ux.svg\" alt=\"Pir\u00e1mide de dise\u00f1o de UX\" class=\"wp-image-476\" width=\"732\" height=\"411\"\/><figcaption>Pir\u00e1mide de dise\u00f1o de UX<\/figcaption><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Nivel 1: funcionalidad<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">En este nivel el producto o servicio que se est\u00e1 dise\u00f1ando debe cumplir los requerimientos para resolver la necesidad de su usuario. El dise\u00f1o debe tener un prop\u00f3sito e incluir las funcionalidades b\u00e1sicas y cumplir con un nivel b\u00e1sico de accesibilidad. En este punto y desde la perspectiva del usuario <strong>la funcionalidad del producto es binaria: o funciona o no funciona<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para hacer un mejor dise\u00f1o de la funcionalidad de un dise\u00f1o es necesario enfocarse en entregar las funcionalidades cr\u00edticas para que puedan utilizarse con la menor fricci\u00f3n posible, evitando que los usuarios realicen tareas repetitivas o que requieran demasiada concentraci\u00f3n o trabajo de su parte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nivel 2: confiable<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">El producto que se est\u00e1 dise\u00f1ando debe estar disponible cuando se le necesita y deber\u00eda operar de manera precisa, limpia y confiable. Para mejorar la confiabilidad de un dise\u00f1o es mejor conocer las plataformas, dispositivos y contextos en los que estar\u00e1 disponible el producto para hacer que su dise\u00f1o se ajuste y pueda usarse en ellos. El dise\u00f1o de interfaz visual (UI) juega un papel cr\u00edtico en este nivel.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nivel 3: usabilidad<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La usabilidad es la capacidad que tienen las personas de utilizar un producto o un servicio para lograr un objetivo espec\u00edfico. La usabilidad es cr\u00edtica para que los usuarios no se pierdan ni se confundan mientras usan un producto, y para que puedan encontrar f\u00e1cilmente el contenido o las cosas que necesitan. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para mejorar la usabilidad de un dise\u00f1o existen muchos m\u00e9todos diferentes que se pueden utilizar. En primer lugar, es necesario definir <a href=\"https:\/\/www.tesseractspace.com\/blog\/sobre-metricas-de-usabilidad\/\">m\u00e9tricas de usabilidad<\/a> de la mano de expertos y realizar pruebas con usuarios reales para explorar la usabilidad del dise\u00f1o. En segundo lugar, se puede realizar <a href=\"https:\/\/www.tesseractspace.com\/blog\/heuristicas-de-usabilidad\/\">una evaluaci\u00f3n heur\u00edstica de usabilidad<\/a>. El uso de <a href=\"https:\/\/www.tesseractspace.com\/blog\/diseno-tactico-y-patrones-de-diseno\/\">patrones de dise\u00f1o<\/a> o de <a href=\"https:\/\/www.tesseractspace.com\/blog\/sistemas-de-diseno\/\">sistemas de dise\u00f1o<\/a> puede mejorar mucho la usabilidad de un producto.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nivel 4: conveniencia<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Este nivel es el primero del grupo de caracter\u00edsticas <em>intangibles <\/em>en la pir\u00e1mide, y se resuelve si los usuarios <em>desean <\/em>usar el producto y pueden encontrar situaciones en las que pueden usarlo con frecuencia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es necesario entender que el nivel correcto de conveniencia en el dise\u00f1o es diferente para cada producto y para cada usuario. Para encontrarlo se deben <br>definir expectativas sean claras para el usuario, e investigar cu\u00e1les son las barreras f\u00edsicas y cognitivas que dificultan el uso del producto o servicio y eliminarlas. La mejor conveniencia se logra al dar a los usuarios el control para gestionar sus propias experiencias.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nivel 5: disfrute<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">En este nivel los usuarios invierten en el producto y lo promocionan, lo comparten con sus amigos y lo hacen parte de la vida cotidiana, porque  creen que vale la pena compartirlo. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para lograr que el dise\u00f1o pueda ser disfrutado por sus usuarios es necesario fortalecer <a href=\"https:\/\/www.tesseractspace.com\/blog\/los-12-principios-de-animacion\/\">el dise\u00f1o con animaciones y transiciones<\/a>, <a href=\"https:\/\/www.tesseractspace.com\/blog\/microinteracciones\/\">micro interacciones<\/a>, <a href=\"https:\/\/www.tesseractspace.com\/blog\/webp-una-alternativa-a-jpg-y-png\/\">im\u00e1genes de alta resoluci\u00f3n<\/a>, interacciones sonoras, <a href=\"https:\/\/www.tesseractspace.com\/blog\/tiempo-de-carga-en-la-experiencia-del-usuario\/\">un tiempo de carga corto<\/a>, buena redacci\u00f3n, ayuda interactiva, navegaci\u00f3n sencilla, entre muchas otras. El <em>gozo <\/em>en el dise\u00f1o se logra poniendo atenci\u00f3n en los detalles y haciendo cada interacci\u00f3n un momento extraordinario.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nivel 6: significativo<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando un producto alcanza este nivel se convierte en algo que los usuarios realmente aprecian y que es parte de su vida. En este punto hablamos principalmente sobre apegos emocionales y del nivel reflexivo de c\u00f3mo se percive el funcionamiento del producto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para alcanzar este nivel significativo en la pir\u00e1mide de dise\u00f1o de UX, un producto deber\u00eda ayudar a los usuarios a mejorar sus habilidades, su salud y sus vidas. Debe sentirse \u00fanico y poder ser personalizado. Debe ser capaz de adaptarse a las necesidades de sus usuarios y ofrecerles retroalimentaci\u00f3n valiosa. Para alcanzar todo esto, se deben hacer investigaciones peri\u00f3dicas sobre los usuarios, sus h\u00e1bitos e intereses.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">El dise\u00f1o de UX no es una escalera<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Muchos dise\u00f1adores o l\u00edderes de producto ven la pir\u00e1mide de dise\u00f1o de UX como una lista de atributos en los que deben enfocarse manera secuencial, pensando que antes de enfocarse en hacer un producto confiable primero deben resolver el 100% de su funcionalidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9sta es la raz\u00f3n por la que muchos productos nunca pasan de la tercera capa: enfocan su tiempo y recursos en la <strong>funcionalidad <\/strong>(<em>tangible<\/em>) y dejan al final los aspectos de <strong>dise\u00f1o emocional<\/strong> (<em>subjetivas<\/em>) del producto, que es donde se encuentran los beneficios del dise\u00f1o de UX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este es un enfoque incorrecto: la pir\u00e1mide de dise\u00f1o de UX es una gu\u00eda que muestra como cada principio de dise\u00f1o se apoya en otros, <strong>pero es mejor en el proceso de dise\u00f1o adoptar un acercamiento lateral a estos puntos desde sus etapas tempranas. <\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"578\" height=\"302\" src=\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/ux-no-es-una-piramide.png?resize=578%2C302&#038;ssl=1\" alt=\"\" class=\"wp-image-471\" srcset=\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/ux-no-es-una-piramide.png?w=578&amp;ssl=1 578w, https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/ux-no-es-una-piramide.png?resize=300%2C157&amp;ssl=1 300w\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" \/><figcaption>Es mejor trabajar la pir\u00e1mide de dise\u00f1o de UX de manera lateral en lugar de forma vertical. <strong>Cr\u00e9dito: Aarron Walter y Jussi Pasanen<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.tesseractspace.com\/blog\/metodologias-de-diseno-de-producto\/\">Las metodolog\u00edas \u00e1giles para dise\u00f1o de producto<\/a> toman este factor en cuenta, para comenzar a dise\u00f1ar desde el principio con todo el espectro de requerimientos tangibles y subjetivos del dise\u00f1o de UX.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La pir\u00e1mide de UX se utiliza para definir y priorizar el trabajo creativo y las necesidades de los usuarios en el dise\u00f1o de una buena Experiencia de Usuario<\/p>\n","protected":false},"author":1,"featured_media":470,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[123,125,122],"class_list":["post-467","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-experiencia-de-usuario","tag-maslow","tag-mvp","tag-piramide","entry"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/piramide-de-dise%C3%B1o-de-ux-1.png?fit=960%2C540&ssl=1","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/467","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=467"}],"version-history":[{"count":4,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/467\/revisions"}],"predecessor-version":[{"id":477,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/467\/revisions\/477"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media\/470"}],"wp:attachment":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media?parent=467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/categories?post=467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/tags?post=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}