{"id":1685,"date":"2013-05-28T14:55:21","date_gmt":"2013-05-28T18:55:21","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/ylambert\/?p=1685"},"modified":"2013-05-28T14:55:21","modified_gmt":"2013-05-28T18:55:21","slug":"la-navegabilidad-un-factor-importante-a-la-hora-de-trabajar-con-diseno-web","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/ylambert\/2013\/05\/28\/la-navegabilidad-un-factor-importante-a-la-hora-de-trabajar-con-diseno-web\/","title":{"rendered":"LA NAVEGABILIDAD UN FACTOR IMPORTANTE A LA HORA DE TRABAJAR CON DISE\u00d1O WEB"},"content":{"rendered":"<div style=\"width: 250px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\" \" src=\"http:\/\/www.smooth-step.com\/images\/content\/web_sketch_spa.jpg\" alt=\"Navegabilidad Web\" width=\"240\" height=\"177\" \/><p class=\"wp-caption-text\">Navegabilidad Web<\/p><\/div>\n<p><strong>Dentro del dise\u00f1o web tenemos cinco criterios importantes a la hora de crear un sitio web que son la navegabilidad, usabilidad , interactividad, arquitectura de la informaci\u00f3n y la interacci\u00f3n de medios<\/strong> como el audio, texto, imagen, enlaces y v\u00eddeo; me quiero centrar en la<span style=\"color: #ff0000\"><strong> \"navegabilidad\"<\/strong> <\/span>que debemos tener presente a la hora de manejar Dise\u00f1o Web.<\/p>\n<p>Para entender mejor <strong>este criterio llamado \u201cnavegabilidad\u201d dir\u00e9 que es la forma donde damos todas las facilidades en un sitio para que nuestro usuario se desplace por todos los documentos que lo componen<\/strong>, para lo cual debemos usar una diversidad de recursos y estrategias de navegaci\u00f3n.<\/p>\n<p><!--more--><\/p>\n<p>El objetivo es que <strong>nuestro usuario pueda localizar la informaci\u00f3n que necesita de una manera \u00f3ptima y f\u00e1cil;<\/strong> debe siempre estar orientado dentro de nuestro sitio a trav\u00e9s de esos recursos que como mencionada ser\u00e1n estrategias de navegabilidad, adem\u00e1s <strong>comparto con ustedes las tres preguntas importantes que la navegabilidad <\/strong>debe responder al usuario:<\/p>\n<ul>\n<li><strong>\u00bfD\u00f3nde estoy?<\/strong><\/li>\n<li><strong>\u00bfD\u00f3nde he estado?<\/strong><\/li>\n<li><strong>\u00bfD\u00f3nde puedo ir?<\/strong><\/li>\n<\/ul>\n<p>As\u00ed que <strong>para responder a estas preguntas tomemos en cuenta la facilidad con que est\u00e1 dise\u00f1ada la interfaz de nuestro sitio web; que tan intuitiva es para nuestro usuario o internauta y sobre todo que tan c\u00f3modo se siente nuestro usuario y que le atrae de nuestro sitio;<\/strong> recordemos que el usuario busca la sencillez para localizar la informaci\u00f3n que el requiere y en ello entran en juego el tiempo o la rapidez con que la obtiene.<\/p>\n<p>Para responder a la <strong>pregunta \u00bfD\u00f3nde estoy? Debemos dar pistas visuales a los usuarios, por ejemplo si tenemos una barra de men\u00fa para la navegaci\u00f3n esta deber\u00e1 indicar que opci\u00f3n se ha dado clic, debemos resaltarla en todo momento,<\/strong> no solo basta los t\u00edpicos efectos Rollover, para ellos en el caso de Adobe Dreamweaver <strong>las barra se navegaci\u00f3n incluye el estado Abajo o tambi\u00e9n llamado en ingles \u201cDown\u201d<\/strong>, por poner un ejemplo.<\/p>\n<p>En cambio para responder a la pregunta <strong>\u00bfD\u00f3nde he estado?, podemos usar barra de navegaci\u00f3n de tipo texto poniendo los temas y subtemas que nuestro usuario va dando clic de tal manera que parezca un sistema de navegaci\u00f3n de archivos y carpetas<\/strong>; nuestro usuario en cualquier momento sabr\u00e1 donde ha estado y tambi\u00e9n r\u00e1pidamente podr\u00e1 ir con un solo clic hacia un tema o subtema directamente por citar otro ejemplo.<\/p>\n<p>Y por \u00faltimo la pregunta de <strong>\u00bfD\u00f3nde puedo ir?, debemos ubicar estrat\u00e9gicamente dicha barra de navegaci\u00f3n con texto claro y conciso; opciones como \u201cProductos\u201d, \u201cCat\u00e1logo\u201d, \u201cServicios\u201d, o \u201cContactos\u201d debe estar a la vista del usuario<\/strong> para que sepa en todo momento que puede visitar y que ofrece mi sitio para \u00e9l.<\/p>\n<p>Para concluir este art\u00edculo <strong>no pretendo dar todas las directrices del dise\u00f1o web en cuanto a la navegabilidad pero si aportar con algunos \u201ctips\u201d en cuanto al uso de barras de navegaci\u00f3n tipo men\u00fa<\/strong> en el dise\u00f1o de sitios web, en otro art\u00edculo me centrar\u00e9 en los otros conceptos.<\/p>\n<p><em><strong>Fuente: Mundo Digital por Tom Chatfield, Wikipedia y experiencia propia.<\/strong><\/em><\/p>\n<form id=\"vozme_form_ccece5a6ea73c42963d87e22a0177470\" method=\"post\" name=\"vozme_form_ccece5a6ea73c42963d87e22a0177470\" target=\"ccece5a6ea73c42963d87e22a0177470\" action=\"http:\/\/vozme.com\/text2voice.php\"><input name=\"text\" type=\"hidden\" value=\"LA NAVEGABILIDAD UN FACTOR IMPORTANTE A LA HORA DE TRABAJAR CON DISE\u00d1O WEB. [caption id=&quot;&quot; align=&quot;alignright&quot; width=&quot;240&quot;] Navegabilidad Web[\/caption]\nDentro del dise\u00f1o web tenemos cinco criterios importantes a la hora de crear un sitio web que son la navegabilidad, usabilidad , interactividad, arquitectura de la informaci\u00f3n y la interacci\u00f3n de medios como el audio, texto, imagen, enlaces y v\u00eddeo; me quiero centrar en la &quot;navegabilidad&quot; que debemos tener presente a la hora de manejar Dise\u00f1o Web.\nPara entender mejor este criterio llamado \u201cnavegabilidad\u201d dir\u00e9 que es la forma donde damos todas las facilidades en un sitio para que nuestro usuario se desplace por todos los documentos que lo componen, para lo cual debemos usar una diversidad de recursos y estrategias de navegaci\u00f3n.\n\nEl objetivo es que nuestro usuario pueda localizar la informaci\u00f3n que necesita de una manera \u00f3ptima y f\u00e1cil; debe siempre estar orientado dentro de nuestro sitio a trav\u00e9s de esos recursos que como mencionada ser\u00e1n estrategias de navegabilidad, adem\u00e1s comparto con ustedes las tres preguntas importantes que la navegabilidad debe responder al usuario:\n\n\u00bfD\u00f3nde estoy?\n\u00bfD\u00f3nde he estado?\n\u00bfD\u00f3nde puedo ir?\n\nAs\u00ed que para responder a estas preguntas tomemos en cuenta la facilidad con que est\u00e1 dise\u00f1ada la interfaz de nuestro sitio web; que tan intuitiva es para nuestro usuario o internauta y sobre todo que tan c\u00f3modo se siente nuestro usuario y que le atrae de nuestro sitio; recordemos que el usuario busca la sencillez para localizar la informaci\u00f3n que el requiere y en ello entran en juego el tiempo o la rapidez con que la obtiene.\nPara responder a la pregunta \u00bfD\u00f3nde estoy? Debemos dar pistas visuales a los usuarios, por ejemplo si tenemos una barra de men\u00fa para la navegaci\u00f3n esta deber\u00e1 indicar que opci\u00f3n se ha dado clic, debemos resaltarla en todo momento, no solo basta los t\u00edpicos efectos Rollover, para ellos en el caso de Adobe Dreamweaver las barra se navegaci\u00f3n incluye el estado Abajo o tambi\u00e9n llamado en ingles \u201cDown\u201d, por poner un ejemplo.\nEn cambio para responder a la pregunta \u00bfD\u00f3nde he estado?, podemos usar barra de navegaci\u00f3n de tipo texto poniendo los temas y subtemas que nuestro usuario va dando clic de tal manera que parezca un sistema de navegaci\u00f3n de archivos y carpetas; nuestro usuario en cualquier momento sabr\u00e1 donde ha estado y tambi\u00e9n r\u00e1pidamente podr\u00e1 ir con un solo clic hacia un tema o subtema directamente por citar otro ejemplo.\nY por \u00faltimo la pregunta de \u00bfD\u00f3nde puedo ir?, debemos ubicar estrat\u00e9gicamente dicha barra de navegaci\u00f3n con texto claro y conciso; opciones como \u201cProductos\u201d, \u201cCat\u00e1logo\u201d, \u201cServicios\u201d, o \u201cContactos\u201d debe estar a la vista del usuario para que sepa en todo momento que puede visitar y que ofrece mi sitio para \u00e9l.\nPara concluir este art\u00edculo no pretendo dar todas las directrices del dise\u00f1o web en cuanto a la navegabilidad pero si aportar con algunos \u201ctips\u201d en cuanto al uso de barras de navegaci\u00f3n tipo men\u00fa en el dise\u00f1o de sitios web, en otro art\u00edculo me centrar\u00e9 en los otros conceptos.\nFuente: Mundo Digital por Tom Chatfield, Wikipedia y experiencia propia.\n\" \/><input name=\"lang\" type=\"hidden\" value=\"es\" \/><input name=\"gn\" type=\"hidden\" value=\"ml\" \/><input type=\"hidden\" id=\"interface\" name=\"interface\" value=\"full\" \/>\n\t\t\t<div style=\"margin-left:40%;\">\n\t\t\t\n\t\t\t\t<input style=\"float:left;\" type=\"image\" width=\"40\" height=\"40\" src=\"http:\/\/blog.espol.edu.ec\/ylambert\/wp-content\/plugins\/vozme\/img\/megaphone40x40w.gif\" alt=\"Escucha este post\" onclick=\"window.open('', 'ccece5a6ea73c42963d87e22a0177470', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes');\">\n\t\t\t\t<div style=\"margin-left:48px; text-align:left;\"><a style=\"font-size:12px;\" href=\"javascript:void(0);\" onclick=\"window.open('', 'ccece5a6ea73c42963d87e22a0177470', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes'); document.getElementById('vozme_form_ccece5a6ea73c42963d87e22a0177470').submit();\">Escucha<br\/>este post<\/a><\/div>\n\t\t\t<\/div><\/form>","protected":false},"excerpt":{"rendered":"<p>Dentro del dise\u00f1o web tenemos cinco criterios importantes a la hora de crear un sitio web que son la navegabilidad, usabilidad , interactividad, arquitectura de la informaci\u00f3n y la interacci\u00f3n de medios como el audio, texto, imagen, enlaces y v\u00eddeo; me quiero centrar en la \"navegabilidad\" que debemos tener presente a la hora de manejar [&hellip;]<\/p>\n","protected":false},"author":135,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,272],"tags":[22492,9860,697320,601953,697319,502678,15978,17729],"class_list":["post-1685","post","type-post","status-publish","format-standard","hentry","category-espol","category-informacion","tag-adobe-dreamweaver","tag-diseno-web","tag-espol","tag-navegabilidad","tag-navegabilidad-web","tag-profesor-lambert","tag-ucsg","tag-yamil-lambert"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts\/1685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/users\/135"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/comments?post=1685"}],"version-history":[{"count":2,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts\/1685\/revisions"}],"predecessor-version":[{"id":1687,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/posts\/1685\/revisions\/1687"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/media?parent=1685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/categories?post=1685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ylambert\/wp-json\/wp\/v2\/tags?post=1685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}