{"id":32977,"date":"2023-01-24T14:11:29","date_gmt":"2023-01-24T13:11:29","guid":{"rendered":"https:\/\/www.makingscience.com\/?p=32977"},"modified":"2023-01-24T14:11:29","modified_gmt":"2023-01-24T13:11:29","slug":"consejos-para-reducir-la-carga-cognitiva-de-tu-web","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/es\/blog\/consejos-para-reducir-la-carga-cognitiva-de-tu-web\/","title":{"rendered":"Consejos para reducir la carga cognitiva de tu web"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Cada vez que visitamos una web, se inicia un proceso de aprendizaje en nuestro cerebro. Ya sea por la navegaci\u00f3n, el dise\u00f1o o cualquier elemento de la web, el cerebro tiene que aprender a utilizar el sitio sin olvidar la raz\u00f3n por la que lo visitamos en primer lugar.<\/span><\/p>\n<p><b>El esfuerzo mental requerido durante este tiempo se denomina carga cognitiva<\/b><span style=\"font-weight: 400;\">. Pero hay algo m\u00e1s: <\/span><b>la memoria de trabajo en la que se procesa y almacena esta informaci\u00f3n es limitada.<\/b><span style=\"font-weight: 400;\"> El cerebro empieza a ralentizarse o incluso a abandonar la tarea cuando recibe m\u00e1s informaci\u00f3n de la que puede manejar. Aunque la carga cognitiva no es totalmente evitable, los dise\u00f1adores deben esforzarse por gestionar y adaptarse a estos l\u00edmites.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>\u00bfQu\u00e9 causa la carga cognitiva?\u00a0<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Para saber c\u00f3mo reducir la carga cognitiva, primero debemos entender qu\u00e9 la provoca. En t\u00e9rminos generales, las causas de la carga cognitiva se remontan a tres factores principales:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Demasiadas opciones<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Demasiada reflexi\u00f3n necesaria<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Falta de claridad<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Cada uno de estos factores requiere un esfuerzo propio y consume recursos mentales que en realidad no ayudan a los usuarios a comprender el contenido.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>La ley de Miller<\/strong><\/h3>\n<p>La Ley de Miller <b>afirma que un ser humano solo puede retener entre 5 y 9 elementos de conocimiento a la vez<\/b><span style=\"font-weight: 400;\">. A ra\u00edz de este principio han surgido muchos malentendidos, como la restricci\u00f3n de un men\u00fa de interfaz a 7 elementos. A menudo se interpreta como un argumento de que el n\u00famero de objetos que un ser humano medio puede retener en la memoria a corto plazo es de 7 \u00b1 2.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>La ley de Hick<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">La Ley de Hick (tambi\u00e9n conocida como Ley de Hick-Hyman) es un principio psicol\u00f3gico que examina la relaci\u00f3n entre el n\u00famero de opciones y el tiempo que se tarda en tomar una decisi\u00f3n. En pocas palabras, <\/span><b>cuantas m\u00e1s opciones hay, m\u00e1s tiempo se tarda en tomar una decisi\u00f3n. <\/b><span style=\"font-weight: 400;\">Por eso, como dise\u00f1adores, debemos integrar los datos y mostrarlos de forma que no resulten abrumadores para el usuario, buscando la claridad.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Estas dos leyes se pueden resumir en tres consejos que ayudan a disminuir la carga cognitiva:<\/span><\/p>\n<ul>\n<li><strong>Agrupar<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Para que la informaci\u00f3n sea m\u00e1s f\u00e1cil de procesar y memorizar, podemos dividirla en un n\u00famero reducido de unidades o trozos. <\/span><b>La fragmentaci\u00f3n nos permite compensar nuestra capacidad limitada para procesar y almacenar informaci\u00f3n en la memoria a corto plazo. <\/b><span style=\"font-weight: 400;\">Un ejemplo de c\u00f3mo fragmentamos informaci\u00f3n puede ser la visualizaci\u00f3n de un n\u00famero de tel\u00e9fono:<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-large wp-image-32978\" src=\"https:\/\/www.makingscience.es\/wp-content\/uploads\/2023\/01\/img1-1024x206.png\" alt=\"\" width=\"1024\" height=\"206\" \/><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Descomponer grandes cantidades de datos en partes m\u00e1s peque\u00f1as para que el usuario pueda entenderlos y hacerse una idea de lo que est\u00e1 pasando. La perspectiva del usuario sobre lo que es importante y merece la pena recordar puede depender de c\u00f3mo se reagrupe la informaci\u00f3n.<\/span><\/p>\n<ul>\n<li><strong>Categorizar<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"alignnone wp-image-32983\" src=\"https:\/\/www.makingscience.es\/wp-content\/uploads\/2023\/01\/img2-1024x484.png\" alt=\"\" width=\"709\" height=\"335\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Organizar la informaci\u00f3n en agrupaciones l\u00f3gicas es otro m\u00e9todo para disminuir la carga cognitiva. <\/span><b>Agrupar los elementos divididos en varias categor\u00edas pueden ayudar a los usuarios a centrarse con mayor eficacia<\/b><span style=\"font-weight: 400;\">. Esto ayuda a evitar la sobrecarga cognitiva al reducir la cantidad de material a la que se expone el usuario. As\u00ed, el usuario puede concentrarse en el grupo que le interesa e ignorar el resto de elementos<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Limitar el n\u00famero de opciones<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Como ya vimos en la ley de Hick, la dificultad para tomar decisiones del usuario es directamente proporcional al n\u00famero de opciones con el que se encuentra. <\/span><b>La forma m\u00e1s f\u00e1cil de solucionar esto ser\u00eda reduciendo las opciones cuando es posible<\/b><span style=\"font-weight: 400;\">, una decisi\u00f3n entre 3 o 4 elementos siempre tendr\u00e1 un mejor ratio de conversi\u00f3n que una con 6 o 7.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En las ocasiones en las que esto no es posible podemos adoptar los consejos anteriores y agrupar o categorizar. Por ejemplo, si un formulario tiene demasiados campos, para evitar el abandono podemos dividirlo en pasos.<\/span><\/p>\n<h2><img decoding=\"async\" class=\"alignnone wp-image-32988\" src=\"https:\/\/www.makingscience.es\/wp-content\/uploads\/2023\/01\/img3-1024x538.png\" alt=\"\" width=\"620\" height=\"326\" \/><\/h2>\n<h3><\/h3>\n<h3><strong>Conclusi\u00f3n<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Siguiendo los principios anteriores, <strong>se puede reducir considerablemente la carga cognitiva del usuario y asegurarse de que su atenci\u00f3n no se desperdicie en elementos que no le ayudan.<\/strong> Es siempre importante recordar que el usuario tiene un objetivo, ya sea comprar un producto, entender algo o simplemente aprender m\u00e1s sobre el contenido de la web.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cada vez que visitamos una web, se inicia un proceso de aprendizaje en nuestro cerebro. Ya sea por la navegaci\u00f3n, el dise\u00f1o o cualquier elemento de la web, el cerebro tiene que aprender a utilizar el sitio sin olvidar la raz\u00f3n por la que lo visitamos en primer lugar. El esfuerzo mental requerido durante este [&hellip;]<\/p>\n","protected":false},"author":40,"featured_media":33449,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[910],"tags":[179,279],"class_list":["post-32977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology-ai-es","tag-ux","tag-web"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/32977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/comments?post=32977"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/32977\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media\/33449"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media?parent=32977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/categories?post=32977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/tags?post=32977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}