{"id":509,"date":"2007-05-21T13:15:40","date_gmt":"2007-05-21T11:15:40","guid":{"rendered":"http:\/\/www.simdalom.com\/blog\/2007\/05\/21\/usted-esta-aqui-o-como-hacer-que-el-usuario-no-se-pierda\/"},"modified":"2007-05-21T13:15:40","modified_gmt":"2007-05-21T11:15:40","slug":"usted-esta-aqui-o-como-hacer-que-el-usuario-no-se-pierda","status":"publish","type":"post","link":"https:\/\/simdalom.com\/blog\/2007\/05\/21\/usted-esta-aqui-o-como-hacer-que-el-usuario-no-se-pierda\/","title":{"rendered":"Usted est\u00e1 aqu\u00ed o como hacer que el usuario no se pierda"},"content":{"rendered":"<p>En el dise\u00f1o de interacci\u00f3n se siguen utilizando aun las migas de pan (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Breadcrumb_(navigation)\">breadcrumbs<\/a>) como ayudar al usuario en la navegaci\u00f3n. Es el famoso &#8220;Usted est\u00e1 aqu\u00ed&#8221; del que habla <a href=\"http:\/\/clk.tradedoubler.com\/click?p=17460&#038;a=1000380&#038;g=16185056&#038;url=http:\/\/www.casadellibro.com\/fichas\/fichabiblio\/0,1094,2900001113532,00.html?codigo=2900001113532&#038;titulo=NO+ME+HAGAS+PENSAR%3A+UNA+APROXIMACION+A+LA+USABILIDAD+EN+LA+WEB+%282+%C2%AA+ED.%29\">Steve Krug en No me hagas pensar<\/a> con el que evitamos que el usuario se sienta perdido en el espacio infinito de la web.<\/p>\n<p>Pienso que la utilizaci\u00f3n de las migas de pan como sistema de navegaci\u00f3n solo tienen sentido en unos pocos casos y que para orientar al usuario es mejor servirse de la jerarqu\u00eda visual.<\/p>\n<p><img decoding=\"async\" align=\"right\" id=\"image625\" alt=\"jerarquia-visual.gif\" src=\"http:\/\/www.simdalom.com\/blog\/wp-content\/uploads\/2007\/05\/jerarquia-visual.gif\" \/>Adem\u00e1s de la jerarqu\u00eda interna de la p\u00e1gina, los elementos de navegaci\u00f3n como los men\u00fas, pesta\u00f1as, etc. deben incluir ciertas ayudas visuales:<\/p>\n<ul>\n<li>Colocar un puntero junto a la opci\u00f3n seleccionada<\/li>\n<li>Cambiar el color del texto<\/li>\n<li>Usar la negrita<\/li>\n<li>Invertir el color<\/li>\n<li>Cambiando el color del bot\u00f3n<\/li>\n<li>Modificar ligeramente la posici\u00f3n<\/li>\n<li>Aumentar el tama\u00f1o de letra<\/li>\n<\/ul>\n<p>La jerarqu\u00eda visual supone una gu\u00eda m\u00e1s completa para el usuario porque los elementos le sit\u00faan en un contexto determinado que le permite conocer que hay m\u00e1s all\u00e1 del lugar en el que se encuentra actualmente.<\/p>\n<p>Las migas de pan en cambio eliminan ese contexto, aunque pueden ser utilizadas como apoyo en el contexto visual. Sin embargo las migas de pan (breadcrumbs) son \u00fatiles cuando se utilizan en forma de asteroide.<\/p>\n<div style=\"text-align: center\"><img decoding=\"async\" id=\"image626\" alt=\"breadcrumb_asteroid.gif\" src=\"http:\/\/www.simdalom.com\/blog\/wp-content\/uploads\/2007\/05\/breadcrumb_asteroid.gif\" \/><\/div>\n<p>De esta forma el usuario puede navegar a trav\u00e9s de las distintas categor\u00edas sin que se pierda el contexto, conoce donde est\u00e1 y todo lo que se dej\u00f3 atr\u00e1s. As\u00ed en caso de p\u00e9rdida podr\u00e1 rectificar r\u00e1pidamente y con la seguridad de no llevarse ninguna sorpresa.<\/p>\n<p><a href=\"http:\/\/www.motive.co.nz\/glossary\/breadcrumb.php\">M\u00e1s informaci\u00f3n sobre bredcrumbs<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En el dise\u00f1o de interacci\u00f3n se siguen utilizando aun las migas de pan (breadcrumbs) como ayudar al usuario en la navegaci\u00f3n. Es el famoso &#8220;Usted est\u00e1 aqu\u00ed&#8221; del que habla Steve Krug en No me hagas pensar con el que evitamos que el usuario se sienta perdido en el espacio infinito de la web. Pienso [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-509","post","type-post","status-publish","format-standard","hentry","category-diseno"],"_links":{"self":[{"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/posts\/509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/comments?post=509"}],"version-history":[{"count":0,"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/posts\/509\/revisions"}],"wp:attachment":[{"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/media?parent=509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/categories?post=509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simdalom.com\/blog\/wp-json\/wp\/v2\/tags?post=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}