{"id":667,"date":"2019-01-09T07:47:49","date_gmt":"2019-01-09T12:47:49","guid":{"rendered":"https:\/\/www.marketerosagencia.com\/blog\/?p=667"},"modified":"2024-05-14T11:40:41","modified_gmt":"2024-05-14T16:40:41","slug":"jerarquia-necesidades-diseno-web","status":"publish","type":"post","link":"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/","title":{"rendered":"Esta es la jerarqu\u00eda de necesidades del dise\u00f1o web"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-669 size-large\" src=\"https:\/\/cdn.marketerosagencia.com\/wp-content\/uploads\/2021\/11\/29114939\/jerarquia-de-necesidades-de-la-experiencia-de-usuario.jpg\" alt=\"jerarqu\u00eda de necesidades del dise\u00f1o web\" width=\"640\" height=\"671\" \/><\/p>\n<p>El <a href=\"https:\/\/www.marketerosagencia.com\/blog\/diseno-web\/\"><strong>dise\u00f1o de p\u00e1ginas web<\/strong><\/a> se ha transformado significativamente a lo largo de las \u00faltimas d\u00e9cadas, pues actualmente nos encontramos en un entorno digital sumamente personalizado y pensado especialmente para el usuario. Somos testigos, pues, de una humanizaci\u00f3n de la web, donde aquellos que no ofrecen mensajes en el contexto adecuado caen r\u00e1pidamente en el olvido.<\/p>\n<p>Esto me trae algunos recuerdos bastante particulares, donde se pueden incluso alinear la teor\u00eda de las necesidades humanas, con las necesidades de un buen <strong>dise\u00f1o web<\/strong> capaz de garantizar los mejores resultados.<\/p>\n<p>Veamos\u2026<\/p>\n<p>A\u00f1os atr\u00e1s, durante mi experiencia personal como estudiante universitario, tuve la oportunidad \u2013 y ciertamente el placer \u2013 de encontrarme en una clase de psicolog\u00eda donde nuestro maestro explicaba apasionadamente la <a href=\"https:\/\/es.wikipedia.org\/wiki\/Abraham_Maslow\" target=\"_blank\" rel=\"noopener\">Teor\u00eda Humanista de la Autorrealizaci\u00f3n de Abraham Maslow<\/a> expuesta en 1943.<\/p>\n<p>Seg\u00fan el psic\u00f3logo estadounidense, es posible comprender el comportamiento y las motivaciones del ser humano al estructurar de una pir\u00e1mide donde se jerarquizan nuestras necesidades seg\u00fan su peso e influencia en nuestro desarrollo y autorrealizaci\u00f3n como seres humanos. En la base de la pir\u00e1mide nos encontramos con las necesidades m\u00e1s fundamentales (fisiol\u00f3gicas) y a medida que subimos vemos c\u00f3mo las necesidades dejan de ser funcionales y se transforman en algo m\u00e1s significativo y transformativo para nosotros.<\/p>\n<p>Un tema bastante interesante y en el que vale la pena profundizar, a decir verdad.<\/p>\n<p>Ahora bien, para nadie es un secreto que es un gran reto \u2013 es, tal vez, imposible \u2013 poder establecer un <strong>dise\u00f1o de p\u00e1ginas web<\/strong> atractivo, funcional, \u00fatil y f\u00e1cil de comprender en cuestiones de la noche a la ma\u00f1ana. De hecho, se trata de un complejo proceso que debe ser llevado a cabo y cuyas necesidades han de tenerse en cuenta para asegurar la mejor experiencia del usuario.<\/p>\n<blockquote><p><strong>Te puede interesar: <a href=\"https:\/\/www.marketerosagencia.com\/blog\/diseno-web\/ux-ui\/\">Dise\u00f1o web: \u00bfQu\u00e9 son el UX y el UI?<\/a><\/strong><\/p><\/blockquote>\n<p>Entonces, as\u00ed como la pir\u00e1mide de Maslow propone los niveles de necesidades fisiol\u00f3gicas, de seguridad, de aceptaci\u00f3n social, de estima y reconocimiento y, finalmente, de autorrealizaci\u00f3n, un buen <strong>dise\u00f1o de p\u00e1ginas web<\/strong> tambi\u00e9n tiene una pir\u00e1mide de necesidades que deben ser tenidas en cuenta para que el sitio ofrezca una experiencia de usuario \u00f3ptima y, asimismo, tenga un excelente desempe\u00f1o (obtenci\u00f3n de leads, generaci\u00f3n de clientes, etc.)<\/p>\n<p>Desde las m\u00e1s b\u00e1sicas a las m\u00e1s significativas, esta es la jerarqu\u00eda de necesidades del <strong>dise\u00f1o web<\/strong>:<\/p>\n<ul>\n<li><strong>Que sea funcional: <\/strong>Debe trabajar seg\u00fan se ha programado.<\/li>\n<li><strong>Confiable:<\/strong> Debe estar disponible cuando se necesite.<\/li>\n<li><strong>Usable:<\/strong> Debe ofrecer resultados sin dificultad.<\/li>\n<li><strong>Conveniente:<\/strong> <em>\u201cEs s\u00faper f\u00e1cil de usar, y funciona como yo pienso\u201d<\/em>.<\/li>\n<li><strong>Placentera<\/strong>: Ofrece una experiencia memorable que vale la pena compartir.<\/li>\n<li><strong>Significativa<\/strong>: Ofrece un valor personal.<\/li>\n<\/ul>\n<p>Pero no nos quedemos con explicaciones apresuradas. Veamos el detalle de cada uno de los niveles de la pir\u00e1mide.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice de Contenido<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a0455016483e\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a0455016483e\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/#Que_sea_funcional\" title=\"Qu\u00e9 sea funcional\">Qu\u00e9 sea funcional<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/#Confiable\" title=\"Confiable\">Confiable<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/#Usable\" title=\"Usable\">Usable<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/#Conveniente\" title=\"Conveniente\">Conveniente<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/#Placentero\" title=\"Placentero\">Placentero<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/#Significativo\" title=\"Significativo\">Significativo<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/jerarquia-necesidades-diseno-web\/#Para_obtener_una_buena_experiencia_de_usuario_es_fundamental_establecer_las_necesidades_basicas_del_diseno_web_y_posteriormente_estructurar_los_diferenciales_y_elementos_que_generen_engagement\" title=\"Para obtener una buena experiencia de usuario, es fundamental establecer las necesidades b\u00e1sicas del dise\u00f1o web y, posteriormente, estructurar los diferenciales y elementos que generen engagement\">Para obtener una buena experiencia de usuario, es fundamental establecer las necesidades b\u00e1sicas del dise\u00f1o web y, posteriormente, estructurar los diferenciales y elementos que generen engagement<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Que_sea_funcional\"><\/span>Qu\u00e9 sea funcional<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En primera estancia, la funcionalidad es el elemento que soporta a todos los dem\u00e1s. Pues si tu sitio web no funciona como se ha planeado, naturalmente tus clientes no querr\u00e1n permanecer ah\u00ed y t\u00fa no recibir\u00e1s ning\u00fan tipo de ganancia.<\/p>\n<p>Claro, esto puede sonar obvio, pero hay que tener en cuenta que la tecnolog\u00eda avanza a pasos agigantados actualmente, y si antes contabas con un dise\u00f1o de p\u00e1gina web est\u00e1tico sin facultades adaptativas a otros dispositivos, puede que la experiencia desde m\u00f3viles se vea gravemente afectada \u2013 sin mencionar el da\u00f1o en la identidad de la marca \u2013.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Confiable\"><\/span>Confiable<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>No nos referimos a un asunto de seguridad de datos \u2013 aunque sea un elemento de suma importancia \u2013, sino al hecho de poder contar con una p\u00e1gina web que siempre est\u00e1 disponible y presta a solucionar nuestras necesidades. Es decir, una p\u00e1gina que sea capaz de estar en l\u00ednea siempre y cuyos errores se vean solventados en tiempo record para que el usuario no pueda detectarlos.<\/p>\n<p>Cuando una persona accede a un sitio y se encuentra con un error recurrente \u2013 si es que decide darle una segunda oportunidad \u2013, es de esperar que deje de ingresar a \u00e9ste al cabo de un tiempo.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Usable\"><\/span>Usable<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nuevamente, teniendo en cuenta el vertiginoso avance tecnol\u00f3gico, las maneras de consumir informaci\u00f3n han evolucionado abruptamente. Esto ha causado una variaci\u00f3n en las necesidades del usuario, y es el trabajo de un experto trazar una l\u00ednea que pueda unir arm\u00f3nicamente dichas necesidades y los objetivos de la empresa, acomod\u00e1ndose a las condiciones del dispositivo.<\/p>\n<p>Aunque es posible seguir creando <strong>dise\u00f1o de p\u00e1ginas web<\/strong> exclusivos para equipos de escritorio, ignorar que el usuario ha migrado a los dispositivos m\u00f3viles puede convertirse en un enorme da\u00f1o en una buena estrategia de marketing digital.<\/p>\n<p>Recuerda que se trata acondicionar nuestra comunicaci\u00f3n seg\u00fan el usuario, y no al contrario; obligar a las personas a usar lo que tenemos y afectar sus h\u00e1bitos.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conveniente\"><\/span>Conveniente<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pong\u00e1moslo as\u00ed: si tu p\u00e1gina web es funcional, el usuario podr\u00e1 hacer uso de ella c\u00f3modamente, pero si \u00e9sta es conveniente la navegabilidad ser\u00e1 tan fluida que se podr\u00e1 llevar a cabo sin siquiera pensar en ello. De este modo tus prospectos no solo estar\u00e1n a gusto, sino que aprender\u00e1n a encontrar las soluciones en poco tiempo.<\/p>\n<p>En este orden de ideas, procura aligerar el trabajo del usuario automatizando procesos repetitivos. As\u00ed no solo aprender\u00e1n con rapidez, sino que tambi\u00e9n podr\u00e1n compartir su conocimiento e incrementar\u00e1 la conexi\u00f3n cliente \u2013 marca de un modo m\u00e1s natural.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Placentero\"><\/span>Placentero<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ofrecer un <strong>dise\u00f1o web<\/strong> capaz de ofrecer experiencias placenteras no solo se convertir\u00e1 en un elemento de importante <em>engagement<\/em>, sino que tambi\u00e9n har\u00e1 que el usuario aprenda y navegue con total sencillez, e incluso algo de motivaci\u00f3n y curiosidad.<\/p>\n<p>Seg\u00fan la psicolog\u00eda, cuando una persona recibe un \u201cpremio\u201d, se siente m\u00e1s motivada a seguir trabajando para obtener m\u00e1s y m\u00e1s. Tambi\u00e9n es posible aplicar dicha metodolog\u00eda en el <strong>dise\u00f1o web<\/strong>, pues a partir de cursos gratis, contenidos descargables o incluso medallas, podemos motivar al usuario a registrarse y adquirir el material ofrecido en la web.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Significativo\"><\/span>Significativo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aunque muchos puedan creer que la experiencia que un usuario recibe en un sitio web no alcanza el nivel de algo <em>significativo<\/em>, es posible hacer que los elementos de una p\u00e1gina pasen de ser algo netamente placentero, a un elemento que ofrece se conecta a partir de significado personal.<\/p>\n<p>\u00bfC\u00f3mo?<\/p>\n<p>Por medio del asunto central del <strong>Inbound Marketing<\/strong>: la personalizaci\u00f3n.<\/p>\n<p>Cuando el contenido y la <a href=\"https:\/\/www.marketerosagencia.com\/blog\/diseno-web\/como-crear-una-pagina-web\/\"><strong>creaci\u00f3n de la pagina web<\/strong><\/a> son acordes a las necesidades puntuales del usuario seg\u00fan su etapa en el proceso de compra, la experiencia ser\u00e1 infinitamente memorable. Esto no solo ayudar\u00e1 al usuario a llegar a su objetivo con mayor rapidez, sino que incrementar\u00e1 significativamente el \u00edndice de conversiones de tu web.<\/p>\n\n<h3 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Para_obtener_una_buena_experiencia_de_usuario_es_fundamental_establecer_las_necesidades_basicas_del_diseno_web_y_posteriormente_estructurar_los_diferenciales_y_elementos_que_generen_engagement\"><\/span>Para obtener una buena experiencia de usuario, es fundamental establecer las necesidades b\u00e1sicas del dise\u00f1o web y, posteriormente, estructurar los diferenciales y elementos que generen <em>engagement<\/em><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><em>\u00a0<\/em><\/p>\n<p>Si est\u00e1s pensando en dise\u00f1ar un sitio web estructurado especialmente en ofrecer una experiencia de usuario memorable, capaz de incrementar tus \u00edndices de conversi\u00f3n, es fundamental tener en cuenta, pues, el orden de elementos que debes proponer para que dicha experiencia no tenga falencias en ning\u00fan punto.<\/p>\n<blockquote><p><strong>Te puede interesar: <a href=\"https:\/\/www.marketerosagencia.com\/blog\/diseno-web\/growth-driven-design-vs-diseno-web\/\">Growth Driven Design Vs dise\u00f1o de p\u00e1ginas web tradicionales<\/a><\/strong><\/p><\/blockquote>\n<p>De ser as\u00ed, te invitamos a ponerte en <a href=\"https:\/\/www.marketerosagencia.com\/contactanos\/\"><strong>contacto con un equipo de expertos<\/strong><\/a> que puedan asesorarte a lo largo de todo el proceso para generar un sitio web que te ponga muy por delante de tu competencia.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o de p\u00e1ginas web se ha transformado significativamente a lo largo de las \u00faltimas d\u00e9cadas, pues actualmente nos encontramos en un entorno digital sumamente personalizado y pensado especialmente para el usuario. Somos testigos, pues, de una humanizaci\u00f3n de la web, donde aquellos que no ofrecen mensajes en el contexto adecuado caen r\u00e1pidamente en el [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":854,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-667","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"_links":{"self":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/667"}],"collection":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/comments?post=667"}],"version-history":[{"count":5,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/667\/revisions"}],"predecessor-version":[{"id":5768,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/posts\/667\/revisions\/5768"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/media\/854"}],"wp:attachment":[{"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/media?parent=667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/categories?post=667"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.marketerosagencia.com\/blog\/wp-json\/wp\/v2\/tags?post=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}