{"id":5185,"date":"2017-06-09T10:14:44","date_gmt":"2017-06-09T10:14:44","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=5185\/"},"modified":"2017-08-11T21:11:42","modified_gmt":"2017-08-11T11:41:42","slug":"6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/","title":{"rendered":"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer"},"content":{"rendered":"<p style=\"text-align: justify;\">UI (interfaz de usuario) y UX (experiencia del usuario) tienen un papel importante en la conversi\u00f3n de dise\u00f1o web amigable. Interfaz de usuario hace que su sitio web bello y UX se concentra en la usabilidad y facilidad de la p\u00e1gina web. Si cualquiera de estos dos se encuentra o no est\u00e1 equilibrada, el resultado est\u00e1 rebotando clientes. formulario de la p\u00e1gina de dise\u00f1o es que parte del dise\u00f1o web que garantiza la generaci\u00f3n de plomo sin problemas y recopilaci\u00f3n de informaci\u00f3n con la satisfacci\u00f3n del usuario en un sitio web adecuado. En este blog nos centraremos principalmente en UX como interfaz de usuario es algo que es muy subjetiva y que se define por las directrices de marca de su empresa o su elecci\u00f3n de colores, banderas y fuentes.<\/p>\n<p style=\"text-align: justify;\"><strong>Wikipedia dice:<\/strong><\/p>\n<p style=\"text-align: justify;\">\u201c <em>La experiencia del usuario de dise\u00f1o (UX, UXD, UED o XD) es el proceso de aumentar la satisfacci\u00f3n del usuario con un producto mediante la mejora de la facilidad de uso, la accesibilidad, y el placer proporcionado en la interacci\u00f3n con el producto<\/em> .\u201d<\/p>\n<p style=\"text-align: justify;\">Utilizamos diferentes formas en nuestros sitios web en casi todas las partes. De formas de retroalimentaci\u00f3n a <a href=\"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/como-hacer-que-su-pagina-de-pago-mas-facil-de-usar\/\">la P\u00e1gina del pago<\/a> todo tiene su fin, y si no se dise\u00f1an de acuerdo a lo que se ha dise\u00f1ado, van a dejar de servir a su prop\u00f3sito.<\/p>\n<p style=\"text-align: justify;\">En este post, voy a explicar 6 de tales errores en un dise\u00f1o de formularios web que nunca se debe cometer si se quiere evitar devoluciones de mensajes, y peores experiencias de los usuarios en su sitio web.<\/p>\n<h2 style=\"text-align: justify;\">1. Solicitud de un exceso de informaci\u00f3n por parte del usuario<\/h2>\n<p style=\"text-align: justify;\">\u201c <em>40% de la gente abandona un sitio web que tiene m\u00e1s de 3 segundos en cargar. <\/em>\u201d- <a href=\"https:\/\/blog.kissmetrics.com\/loading-time\/\">KISSmetrics<\/a>. Esto es cuando el sitio web de frenado por 1 segundo, imag\u00ednese lo que ser\u00eda la reacci\u00f3n si sus residuos de sitios web mucho m\u00e1s tiempo de lo que con s\u00f3lo pedir detalles innecesarios para rellenar los formularios.<\/p>\n<p style=\"text-align: justify;\">Por lo tanto, no pierda su tiempo y su conversi\u00f3n al pedir informaci\u00f3n &#8216;no es tan importante&#8217;.Tenga en cuenta que hay una diferencia entre la informaci\u00f3n &#8216;innecesario&#8217; y la informaci\u00f3n &#8216;no es tan importante&#8217;.<\/p>\n<p style=\"text-align: justify;\">La informaci\u00f3n como la &#8216;etnicidad&#8217; o &#8216;Lugar de nacimiento&#8217; de la persona puede ser considerada innecesaria para un sitio web de comercio electr\u00f3nico, pero podr\u00eda ser importante para el sitio web de un partido pol\u00edtico. As\u00ed que esto tambi\u00e9n es discutible y subjetivo, pero creo que tienes la idea.<\/p>\n<p style=\"text-align: justify;\">campos &#8221; no es tan importante pueden ser:<\/p>\n<ul style=\"text-align: justify;\">\n<li>Adicional ID de correo electr\u00f3nico<\/li>\n<li>N\u00famero de tel\u00e9fono adicionales<\/li>\n<li>Fecha de nacimiento<\/li>\n<li>N\u00famero de fax<\/li>\n<li>pregunta y respuesta de seguridad<\/li>\n<li>N\u00famero de seguro social, etc.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Incluso si usted necesita estos detalles no es necesario pedir en una sola vez, siempre se puede dar una opci\u00f3n al usuario que actualice su \/ su perfil. Piense como Linkedin o Facebook no preguntan todo de una vez, sino que se adquiere por primera vez se inscribi\u00f3 con un m\u00ednimo de 3-5 campos y luego le dan una opci\u00f3n para actualizar su perfil m\u00e1s tarde.<\/p>\n<p style=\"text-align: justify;\">Todo es cuesti\u00f3n de presentaci\u00f3n, por lo que s\u00f3lo se debe preguntar a los detalles m\u00e1s importantes que usted necesita como: Si est\u00e1 utilizando la forma de retroalimentaci\u00f3n, a continuaci\u00f3n, preguntar acerca de sus puntos de vista y comentarios antes de pedir su nombre o correo electr\u00f3nico de identificaci\u00f3n. Del mismo modo, si se trata de una forma de pago, y ya tiene cierta informaci\u00f3n sobre el usuario, entonces no pida a los de nuevo, en lugar de ellos tienen pre-llenados en el formulario. Por ejemplo, se puede rellenar previamente la informaci\u00f3n de la direcci\u00f3n de facturaci\u00f3n de auto-llenar el formulario de direcci\u00f3n de entrega si ambas direcciones son iguales.<\/p>\n<figure id=\"attachment_4154\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4154\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/drupal-commerce-shipping-copy-profile-info-checkou.png\" sizes=\"auto, (max-width: 509px) 100vw, 509px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/drupal-commerce-shipping-copy-profile-info-checkou.png 509w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/drupal-commerce-shipping-copy-profile-info-checkou-300x241.png 300w\" alt=\"el env\u00edo de factura-informaci\u00f3n\" width=\"509\" height=\"409\" \/><figcaption class=\"caption wp-caption-text\">Informaci\u00f3n previa a la poblaci\u00f3n de una forma a otra puede ahorrar tiempo y esfuerzo de los usuarios<\/figcaption><\/figure>\n<h2 style=\"text-align: justify;\">2. positioning- etiqueta Ambiguous o no responde<\/h2>\n<p style=\"text-align: justify;\">Las etiquetas se utilizan en los formularios del sitio web para hacer m\u00e1s f\u00e1cil para el usuario para llenar la informaci\u00f3n requerida. As\u00ed que aseguran que las etiquetas se colocan en una posici\u00f3n correcta que no confunda al usuario sobre lo que llenar en ella. Una alineaci\u00f3n de la etiqueta correcta se requiere esencialmente cuando se est\u00e1 dise\u00f1ando un formulario de respuesta que sirve para diferentes tama\u00f1os de pantalla. Aseg\u00farese de que las etiquetas permanecen alineados correctamente en todos los tama\u00f1os de la pantalla se abre el formulario.<\/p>\n<figure id=\"attachment_4155\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4155 size-medium\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/1-291x300.jpeg\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/1-291x300.jpeg 291w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/1-768x791.jpeg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/1.jpeg 795w\" alt=\"Formulario de contacto m\u00f3vil\" width=\"291\" height=\"300\" \/><figcaption class=\"caption wp-caption-text\">Formulario de contacto m\u00f3vil<\/figcaption><\/figure>\n<figure id=\"attachment_4156\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4156 size-medium\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/yyy-300x221.jpeg\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/yyy-300x221.jpeg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/yyy-768x567.jpeg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/yyy.jpeg 1024w\" alt=\"screen-tama\u00f1os-opci\u00f3n recomendada\" width=\"300\" height=\"221\" \/><figcaption class=\"caption wp-caption-text\">La mayor\u00eda de los formularios de sitios web utilizan las mismas ubicaciones de etiquetas en todos los tama\u00f1os de pantalla que no es una opci\u00f3n recomendada<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Los usuarios en el uso del zoom m\u00f3vil para ver claramente las etiquetas de las formas para que llenen la informaci\u00f3n correcta. Sin embargo, como se muestra en la imagen de arriba si se mantiene la misma alineaci\u00f3n tanto en el escritorio y las versiones m\u00f3viles de la forma, se ocultar\u00e1 todas las etiquetas mientras hace clic en el formulario en modo de zoom. Que obligar\u00e1 al usuario a alejar el formulario cada vez que se mueve a la siguiente entrada.<\/p>\n<p style=\"text-align: justify;\">Una mejor opci\u00f3n para la manija esto ser\u00eda usar dos alineaciones diferentes en el escritorio y la versi\u00f3n m\u00f3vil de la forma. Hacer las etiquetas de la parte superior alineados en las versiones m\u00f3viles y mantenerlo alineado a la derecha en el escritorio.<\/p>\n<h2 style=\"text-align: justify;\">3. Sustituci\u00f3n de etiquetas con placeholders-<\/h2>\n<p style=\"text-align: justify;\">Con HTML 5, marcadores de posici\u00f3n en atributo de texto eran una adici\u00f3n valiosa. Se utilizan con eficacia para proporcionar una breve pista acerca de un valor esperado en el campo.<\/p>\n<figure id=\"attachment_4157\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4157 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/3.png\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/3.png 620w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/3-300x168.png 300w\" alt=\"-pista acerca de lo esperado-valor en forma de campo\" width=\"620\" height=\"347\" \/><figcaption class=\"caption wp-caption-text\">Los marcadores de posici\u00f3n proporcionan una corta pista acerca de los valores esperados en campo de formulario<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Normalmente, un marcador de posici\u00f3n permanece visible hasta que el usuario hace clic en el campo. Tan pronto como el usuario hace clic en el campo para escribir algo, el marcador de posici\u00f3n se desvanece. El uso de marcadores de posici\u00f3n en el dise\u00f1o de formularios web es altamente confunde con el de las etiquetas. Muchos dise\u00f1adores utilizan estos marcadores de posici\u00f3n en lugar de etiquetas para describir los campos de entrada con la esperanza de conseguir un dise\u00f1o m\u00e1s limpio. Esto es un gran error que compromete con la experiencia del usuario.<\/p>\n<p style=\"text-align: justify;\">Vamos a echar una situaci\u00f3n cuando el usuario rellena un formulario muy largo, como una forma de pago. Despu\u00e9s de rellenar el formulario, puede ser que desee revisar los detalles antes de que pueda enviar el formulario. Ahora, si no hay una etiqueta en forma, \u00e9l simplemente se confunden acerca de los detalles que ha rellenado.<\/p>\n<figure id=\"attachment_4158\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4158\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/4.png\" sizes=\"auto, (max-width: 529px) 100vw, 529px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/4.png 529w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/4-300x145.png 300w\" alt=\"marcadores de posici\u00f3n\" width=\"529\" height=\"256\" \/><figcaption class=\"caption wp-caption-text\">El uso de marcadores de posici\u00f3n en lugar de etiquetas confundir\u00e1 a sus clientes sobre todo en las formas largas<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Por lo tanto, siempre use una etiqueta. No utilizar etiquetas podr\u00eda ser un ahorro de espacio, pero se sorprender\u00eda saber con qu\u00e9 facilidad la gente olvida lo que la etiqueta era una vez que se complete la informaci\u00f3n en el campo.<\/p>\n<h2 style=\"text-align: justify;\">4. Uso insuficiente Espaciado y el dise\u00f1o distorsionada<\/h2>\n<p style=\"text-align: justify;\">Otro gran error que hacemos en el dise\u00f1o de formularios web es mediante la colocaci\u00f3n de demasiados elementos en una sola p\u00e1gina. M\u00e1s son el n\u00famero de elementos en una sola p\u00e1gina m\u00e1s es la competencia entre ellos para llamar la atenci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">La soluci\u00f3n es dejar un poco de espacio para respirar entre los elementos manteniendo espacios en blanco. Un flujo adecuado para sus usuarios se har\u00e1 efectiva s\u00f3lo cuando se mantiene un amplio espacio alrededor de los campos y las diferentes secciones.<\/p>\n<p style=\"text-align: justify;\">Esta forma de pago \u00fanica p\u00e1gina muestra c\u00f3mo las diferentes secciones pueden ser segregados incluso si hay demasiados elementos en una sola p\u00e1gina. El formulario utiliza etiquetas de secci\u00f3n para separar diferentes secciones como Opciones de conexi\u00f3n, direcci\u00f3n de facturaci\u00f3n, Confirmar pedido, forma de env\u00edo y m\u00e9todo de pago. Por otra parte, el dise\u00f1o de tres columnas hace que la forma incluso m\u00e1s limpio.<\/p>\n<figure id=\"attachment_4159\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4159 size-large\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/5-1024x863.png\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/5-1024x863.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/5-300x253.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/5-768x647.png 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/5.png 1188w\" alt=\"segregando-prevenir-estorbar\" width=\"648\" height=\"546\" \/><figcaption class=\"caption wp-caption-text\">La segregaci\u00f3n de las diferentes secciones evitar\u00e1 estorbar entre las diferentes secciones<\/figcaption><\/figure>\n<h2 style=\"text-align: justify;\">5. mensajes de error incierto y validaciones de entrada<\/h2>\n<p style=\"text-align: justify;\">Mientras que la cumplimentaci\u00f3n de los formularios de sitios web, hay ciertas posibilidades de que los usuarios van a cometer algunos errores debido a que no estar\u00eda sometido formulario. Se pueden producir errores por falta de una entrada, o llenar una informaci\u00f3n incorrecta, etc. Para hacer frente a este sitio web, los dise\u00f1adores utilizan las validaciones de entrada que muestran el mensaje (s) error al enviar el formulario. Utilizan las validaciones del lado del servidor que espera generalmente para la respuesta del servidor para comprobar los errores en el formulario. Este es un error m\u00e1s grande que incluso puede frustrar al usuario cuando ven un mensaje de error despu\u00e9s de enviar el formulario.<\/p>\n<p style=\"text-align: justify;\">En su lugar, puede utilizar la validaci\u00f3n del lado del usuario en l\u00ednea que le dice sobre el terreno si el usuario est\u00e1 llenando una entrada incorrecta en un campo. Al hacer esto, los usuarios no se perder\u00e1n si han entrado algo mal en un campo.<\/p>\n<figure id=\"attachment_4160\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4160 size-large\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-1024x486.jpeg\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-1024x486.jpeg 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-300x142.jpeg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-768x365.jpeg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6.jpeg 1268w\" alt=\"Inline-validaci\u00f3n\" width=\"648\" height=\"308\" \/><figcaption class=\"caption wp-caption-text\">la validaci\u00f3n en l\u00ednea para comprobar y demostrar los errores sobre el terreno impiden la forma posterior presentaci\u00f3n frustraci\u00f3n<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Por otra parte, no use declaraciones confusas en los mensajes de validaciones. S\u00f3lo explicar por qu\u00e9 la entrada es incorrecto con la descripci\u00f3n de la forma en la entrada correcta se ver\u00eda as\u00ed.<\/p>\n<h2 style=\"text-align: justify;\">6. El uso de Captcha que no est\u00e1n dise\u00f1ados para los seres humanos<\/h2>\n<p style=\"text-align: justify;\">Captchas son utilizados por los sitios web para prevenir los ataques de spam, distinguiendo un bot de los seres humanos. Estos captchas se supone que presentar un reto que ser\u00eda f\u00e1cil para los seres humanos, mientras que los robots no pueden pasar a ellos. Para la prevenci\u00f3n de spam, a veces, los dise\u00f1adores se vuelven tan desesperados que integran los captchas que son un reto incluso para los seres humanos.<\/p>\n<figure id=\"attachment_4161\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4161\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/8.jpeg\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/8.jpeg 319w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/8-300x135.jpeg 300w\" alt=\"Prevenir SPAM\" width=\"319\" height=\"144\" \/><figcaption class=\"caption wp-caption-text\">Captcha que evitar el spam, pero frustrar a los usuarios humanos<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Entiendo la prevenci\u00f3n de spam es importante, pero c\u00f3digo de imagen puede ser confuso y dif\u00edcil para los usuarios para descifrar ellos. Se puede utilizar una soluci\u00f3n alternativa del llamado Google re-Captcha, que es una versi\u00f3n m\u00e1s avanzada y simple. El nuevo Google re-Captcha simplemente pide al usuario que haga clic en una casilla de verificaci\u00f3n y comprobaci\u00f3n se realiza sin introducir un dif\u00edcil ver el mensaje de texto.<\/p>\n<figure id=\"attachment_4162\" class=\"thumbnail wp-caption aligncenter\" style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4162\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/9.png\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/9.png 319w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/9-271x300.png 271w\" alt=\"Google re-Captcha\" width=\"319\" height=\"353\" \/><figcaption class=\"caption wp-caption-text\">Google re-Captcha es comparativamente m\u00e1s f\u00e1cil de usar a pesar de que es dif\u00edcil para los robots<\/figcaption><\/figure>\n<p style=\"text-align: justify;\"><strong>Por \u00faltimo<\/strong> ,<\/p>\n<p style=\"text-align: justify;\">La experiencia del usuario mejora es un proceso continuo que s\u00f3lo se puede lograr con actualizaciones regulares utilizando los mejores m\u00e9todos disponibles. Espero que describe estos errores de dise\u00f1o le ayudar\u00e1 a lograr esa mejora no cometiendo estos errores en cualquiera de las formas que utiliza en su sitio web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UI (interfaz de usuario) y UX (experiencia del usuario) tienen un papel importante en la conversi\u00f3n de dise\u00f1o web amigable. Interfaz de usuario hace que su sitio web bello y UX se concentra en la usabilidad y facilidad de la p\u00e1gina web. Si cualquiera de estos dos se encuentra o no est\u00e1 equilibrada, el resultado [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4153,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[288,218],"tags":[374,373],"class_list":["post-5185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comercio-electronico","category-sin-categorizar","tag-de-diseno-que-nunca-se-debe-hacer","tag-forma-de-pagina"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer - Knowband Blog | Ecommerce Modules<\/title>\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.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"UI (interfaz de usuario) y UX (experiencia del usuario) tienen un papel importante en la conversi\u00f3n de dise\u00f1o web amigable. Interfaz de usuario hace que su sitio web bello y UX se concentra en la usabilidad y facilidad de la p\u00e1gina web. Si cualquiera de estos dos se encuentra o no est\u00e1 equilibrada, el resultado [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-09T10:14:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-08-11T11:41:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-mistakes-in-website-form-design-you-should-never.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"760\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\"},\"headline\":\"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer\",\"datePublished\":\"2017-06-09T10:14:44+00:00\",\"dateModified\":\"2017-08-11T11:41:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/\"},\"wordCount\":1930,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/6-mistakes-in-website-form-design-you-should-never.jpeg\",\"keywords\":[\"de dise\u00f1o que nunca se debe hacer\",\"forma de p\u00e1gina\"],\"articleSection\":[\"comercio electr\u00f3nico\",\"Sin categorizar\"],\"inLanguage\":\"es-ES\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/\",\"name\":\"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/6-mistakes-in-website-form-design-you-should-never.jpeg\",\"datePublished\":\"2017-06-09T10:14:44+00:00\",\"dateModified\":\"2017-08-11T11:41:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/6-mistakes-in-website-form-design-you-should-never.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/6-mistakes-in-website-form-design-you-should-never.jpeg\",\"width\":760,\"height\":300,\"caption\":\"6-mistakes-in-website-form-design-you-should-never-make\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/comercio-electronico\\\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/author\\\/joe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer - Knowband Blog | Ecommerce Modules","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.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/","og_locale":"es_ES","og_type":"article","og_title":"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer - Knowband Blog | Ecommerce Modules","og_description":"UI (interfaz de usuario) y UX (experiencia del usuario) tienen un papel importante en la conversi\u00f3n de dise\u00f1o web amigable. Interfaz de usuario hace que su sitio web bello y UX se concentra en la usabilidad y facilidad de la p\u00e1gina web. Si cualquiera de estos dos se encuentra o no est\u00e1 equilibrada, el resultado [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2017-06-09T10:14:44+00:00","article_modified_time":"2017-08-11T11:41:42+00:00","og_image":[{"width":760,"height":300,"url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-mistakes-in-website-form-design-you-should-never.jpeg","type":"image\/jpeg"}],"author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8"},"headline":"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer","datePublished":"2017-06-09T10:14:44+00:00","dateModified":"2017-08-11T11:41:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/"},"wordCount":1930,"commentCount":0,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-mistakes-in-website-form-design-you-should-never.jpeg","keywords":["de dise\u00f1o que nunca se debe hacer","forma de p\u00e1gina"],"articleSection":["comercio electr\u00f3nico","Sin categorizar"],"inLanguage":"es-ES"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/","url":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/","name":"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-mistakes-in-website-form-design-you-should-never.jpeg","datePublished":"2017-06-09T10:14:44+00:00","dateModified":"2017-08-11T11:41:42+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-mistakes-in-website-form-design-you-should-never.jpeg","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/04\/6-mistakes-in-website-form-design-you-should-never.jpeg","width":760,"height":300,"caption":"6-mistakes-in-website-form-design-you-should-never-make"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/es\/comercio-electronico\/6-errores-en-forma-de-pagina-de-diseno-que-nunca-se-debe-hacer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"6 errores en forma de p\u00e1gina de dise\u00f1o que nunca se debe hacer"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..","url":"https:\/\/www.knowband.com\/blog\/es\/author\/joe\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/5185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=5185"}],"version-history":[{"count":3,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/5185\/revisions"}],"predecessor-version":[{"id":7743,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/5185\/revisions\/7743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/media\/4153"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=5185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=5185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=5185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}