{"id":2237,"date":"2012-07-16T18:15:55","date_gmt":"2012-07-16T16:15:55","guid":{"rendered":"http:\/\/www.4webs.es\/blog\/?p=2237"},"modified":"2012-07-16T18:15:57","modified_gmt":"2012-07-16T16:15:57","slug":"jerarquia-visual-en-una-tienda-online","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online","title":{"rendered":"Jerarqu\u00eda visual en una tienda online."},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p><a href=\"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online\/jeararquia-visual-tienda-online\" rel=\"attachment wp-att-2238\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2238\"  src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg\" alt=\"\" width=\"603\" height=\"271\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg 603w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online-300x134.jpg 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online-500x224.jpg 500w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><\/p>\n<p>Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen. Tenemos que tratar que el usuario de la tienda sepa navegar claramente por ella o sepa en todo momento donde hay llamadas a la acci\u00f3n.<br \/>\nSiguiendo estas explicaciones podemos definir tres l\u00edneas importantes a lo hora de <a  href=\"https:\/\/www.4webs.es\/tiendas-virtuales.php\">crear una tienda online<\/a> y que deben ser la base de nuestro proyecto de comercio electr\u00f3nico.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Divisi\u00f3n de la p\u00e1gina<\/strong>, la p\u00e1gina debe seguir una estructura similar en todo el sitio o por lo menos que permita al usuario localizar los elementos principales, la cabecera de la web y el pie de p\u00e1gina generalmente son elementos que son fijos en todas las p\u00e1ginas internas de un tienda, la columna izquierda o derecha, todos los elementos suelen guardar una misma armon\u00eda en cuanto a estilo y dise\u00f1o, en definitiva se trata de que todo este con un dise\u00f1o similar y en armon\u00eda, que guarde una jerarqu\u00eda que nos permita visualizar correctamente todos los elementos de la tienda. Un ejemplo de una jerarqu\u00eda err\u00f3nea puede ser en un men\u00fa sin subsecciones y que visualmente la primera categor\u00eda fuese m\u00e1s grande que el resto, esto dar\u00eda una sensaci\u00f3n<\/li>\n<li><strong>Encabezados<\/strong>, muy importante que el usuario tenga claro en donde se encuentra o que est\u00e1 viendo, por lo que es muy importante indicarle claramente al usuario que si est\u00e1 en la ficha del producto, su nombre se vea claramente, este deber\u00eda tener el tama\u00f1o de fuente m\u00e1s claro y diferenciarse del resto de textos, por ejemplo con negritas , con m\u00e1s m\u00e1rgenes o con un color que le permita diferenciarse del resto.<\/li>\n<li><strong>Potenciar los enlaces o botones de acci\u00f3n<\/strong>, debemos dejar bien claro al usuario donde puede hacer clic y donde no, si hay una categor\u00eda podemos subrayarlo al pasar el rat\u00f3n por encima, podemos cambiarlo de color y que al pasar el rat\u00f3n cambie de color, los botones de comprar pueden llevar iconos de carritos, cestas o similares que identifiquen claramente que ah\u00ed se puede hacer \u201calgo\u201d, en este caso comprar en la tienda.<\/li>\n<\/ul>\n<p>Como veis hay cosas muy simples, pero a veces son tan obvias que en muchas ocasiones al realizar el dise\u00f1o de una <a  href=\"https:\/\/www.4webs.es\/tiendas-virtuales.php\"><strong>tienda online<\/strong><\/a> se nos olvidan, en comercio electr\u00f3nico debemos premiar por encima de cualquier concepto la usabilidad del usuario y la experiencia de compra que puede tener.<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen.<\/p>\n","protected":false},"author":1,"featured_media":2238,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,4],"tags":[],"class_list":{"0":"post-2237","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-actualidad","8":"category-tiendas-online"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jerarqu\u00eda visual en una tienda online. | 4webs.es<\/title>\n<meta name=\"description\" content=\"Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jerarqu\u00eda visual en una tienda online. | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-16T16:15:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-07-16T16:15:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"603\" \/>\n\t<meta property=\"og:image:height\" content=\"271\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Jerarqu\u00eda visual en una tienda online.\",\"datePublished\":\"2012-07-16T16:15:55+00:00\",\"dateModified\":\"2012-07-16T16:15:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online\"},\"wordCount\":444,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/07\\\/jeararquia-visual-tienda-online.jpg\",\"articleSection\":[\"Actualidad\",\"E-commerce\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online\",\"name\":\"Jerarqu\u00eda visual en una tienda online. | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/07\\\/jeararquia-visual-tienda-online.jpg\",\"datePublished\":\"2012-07-16T16:15:55+00:00\",\"dateModified\":\"2012-07-16T16:15:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/07\\\/jeararquia-visual-tienda-online.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/07\\\/jeararquia-visual-tienda-online.jpg\",\"width\":603,\"height\":271},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/jerarquia-visual-en-una-tienda-online#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jerarqu\u00eda visual en una tienda online.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jerarqu\u00eda visual en una tienda online. | 4webs.es","description":"Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online","og_locale":"es_ES","og_type":"article","og_title":"Jerarqu\u00eda visual en una tienda online. | 4webs.es","og_description":"Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen.","og_url":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2012-07-16T16:15:55+00:00","article_modified_time":"2012-07-16T16:15:57+00:00","og_image":[{"width":603,"height":271,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Jerarqu\u00eda visual en una tienda online.","datePublished":"2012-07-16T16:15:55+00:00","dateModified":"2012-07-16T16:15:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online"},"wordCount":444,"commentCount":1,"image":{"@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg","articleSection":["Actualidad","E-commerce"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online","url":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online","name":"Jerarqu\u00eda visual en una tienda online. | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg","datePublished":"2012-07-16T16:15:55+00:00","dateModified":"2012-07-16T16:15:57+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"Cuando creamos una tienda online debemos seguir una jerarqu\u00eda bien diferenciada para que el usuario sepa en todo momentos la importancia de los diferentes elementos que en ella se incluyen.","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/07\/jeararquia-visual-tienda-online.jpg","width":603,"height":271},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/jerarquia-visual-en-una-tienda-online#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Jerarqu\u00eda visual en una tienda online."}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/2237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=2237"}],"version-history":[{"count":2,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/2237\/revisions"}],"predecessor-version":[{"id":2240,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/2237\/revisions\/2240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/2238"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=2237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=2237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=2237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}