{"id":19271,"date":"2014-10-06T00:00:00","date_gmt":"2014-10-05T22:00:00","guid":{"rendered":"https:\/\/trilogi.com\/blog\/ecommerce-forms-the-great-forgotten-element\/"},"modified":"2014-10-06T00:00:00","modified_gmt":"2014-10-05T22:00:00","slug":"ecommerce-forms-the-great-forgotten-element","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/","title":{"rendered":"eCommerce forms: the great forgotten element"},"content":{"rendered":"

They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard is… a huge effort! Like filling out a poorly designed eCommerce form.<\/p>\n

Nobody wants to fill out forms! What users really want is to achieve their goals: complete a purchase, send a message, subscribe to a newsletter<\/a> or blog, log in to a social network, etc.<\/p>\n

\"eCommerce<\/h3>\n

\u00abForms are where eCommerce or website owners interact with users. They make purchases, sign-ups and feedback happen. Thanks to forms, eCommerce businesses feed their databases and deepen their knowledge of users and their preferences.\u00bb<\/h3>\n

However, to obtain this precious \u201ctreasure\u201d, you first need the user to:<\/p>\n

1)<\/strong> Pay close attention<\/strong>, as they have to identify fields and how to fill them in
\n2) Use the keyboard<\/strong>. To fill in the form fields, users have to type, whereas \u201creading navigation\u201d is mainly done with the mouse.
\n3) Make decisions<\/strong> when choosing product options (shipping methods, sizes, colors, quantities, times, dates)
\n4)<\/strong> Share personal data<\/strong>. Always a very sensitive issue<\/p>\n

And design a form that takes these considerations into account:<\/p>\n

a)<\/strong> Indicate which fields are required
\nb)<\/strong> Include form validation to help users complete fields without errors.
\nc)<\/strong> Include help icons that provide more information without opening a new window.
\nd)<\/strong> Group fields into concepts familiar to users (name, account, address, contact details, etc.)
\ne)<\/strong> Confirm when actions have been completed.<\/p>\n

\"eCommerce<\/p>\n

If you\u2019ve read this far and still want to know whether your eCommerce forms are well designed, ask yourself these three questions:<\/p>\n

1)<\/strong> Are you sure you\u2019re only asking strictly essential questions?<\/strong> A good eCommerce form is based on prior analysis to determine which questions to ask to reach your goal (a subscription, a sign-up, a sale, etc.).
\n2)<\/strong> Is the path through the form fields clear?<\/strong> We must organize fields logically, creating a flow where users naturally know what comes next.
\n3) Is our form hard for users to fill in?<\/strong> Rather than users seeing the form as a long to-do list, we should create a gradual experience where fields appear bit by bit and each step offers something that invites them to continue.<\/p>\n

If you\u2019ve reached the end of this post and still aren\u2019t sure what your eCommerce forms should look like, it\u2019s time for your biggest effort: Take your hand off the mouse! And fill in the forms to share this post!<\/strong> You\u2019ll see they ask for very little data, the path to completing the share is simple and clear, and the process, far from being long and tedious, is quick and smooth.<\/p>\n","protected":false},"excerpt":{"rendered":"

They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard is… a huge effort! Like filling out a poorly designed eCommerce form. Nobody wants to fill out forms! What users really want is to achieve their goals: complete […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2503],"tags":[1911,1909],"class_list":["post-19271","post","type-post","status-publish","format-standard","hentry","category-customer-experience","tag-customer-data-form","tag-ecommerce-form-design"],"yoast_head":"\neCommerce forms: the great forgotten element | Blog Trilogi \u2013 The Digital Agency<\/title>\n<meta name=\"description\" content=\"They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard\u2026\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"eCommerce forms: the great forgotten element | Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"og:description\" content=\"They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Trilogi.eCommerce\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-05T22:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/foto-1-formularios-ecommerce-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Trilogi \u2013 The Digital Agency\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@trilogicommerce\" \/>\n<meta name=\"twitter:site\" content=\"@trilogicommerce\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Trilogi \u2013 The Digital Agency\" \/>\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:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/\"},\"author\":{\"name\":\"Trilogi \u2013 The Digital Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"eCommerce forms: the great forgotten element\",\"datePublished\":\"2014-10-05T22:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/\"},\"wordCount\":443,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/foto-1-formularios-ecommerce-scaled.jpg\",\"keywords\":[\"customer data form\",\"eCommerce form design\"],\"articleSection\":[\"Customer Experience\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/\",\"name\":\"eCommerce forms: the great forgotten element | Blog Trilogi \u2013 The Digital Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/foto-1-formularios-ecommerce-scaled.jpg\",\"datePublished\":\"2014-10-05T22:00:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"description\":\"They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#primaryimage\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/foto-1-formularios-ecommerce-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/foto-1-formularios-ecommerce-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"formularios ecommerce\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/ecommerce-forms-the-great-forgotten-element\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"eCommerce forms: the great forgotten element\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\",\"name\":\"Blog Trilogi \u2013 The Digital Agency\",\"description\":\"Mant\u00e9ngase actualizado con las \u00faltimas noticias de eCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\",\"name\":\"Trilogi \u2013 The Digital Agency\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"caption\":\"Trilogi \u2013 The Digital Agency\"},\"description\":\"Trilogi es una agencia especializada en tiendas online, marketing y estrategia para eCommerce. 22 a\u00f1os y +700 proyectos nos avalan. \u00bfTe ayudamos en tu negocio digital?\u00a0\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"eCommerce forms: the great forgotten element | Blog Trilogi \u2013 The Digital Agency","description":"They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard\u2026","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:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/","og_locale":"es_ES","og_type":"article","og_title":"eCommerce forms: the great forgotten element | Blog Trilogi \u2013 The Digital Agency","og_description":"They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard\u2026","og_url":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/","og_site_name":"Blog Trilogi \u2013 The Digital Agency","article_publisher":"https:\/\/www.facebook.com\/Trilogi.eCommerce\/","article_published_time":"2014-10-05T22:00:00+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/foto-1-formularios-ecommerce-scaled.jpg","type":"image\/jpeg"}],"author":"Trilogi \u2013 The Digital Agency","twitter_card":"summary_large_image","twitter_creator":"@trilogicommerce","twitter_site":"@trilogicommerce","twitter_misc":{"Escrito por":"Trilogi \u2013 The Digital Agency","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/"},"author":{"name":"Trilogi \u2013 The Digital Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"eCommerce forms: the great forgotten element","datePublished":"2014-10-05T22:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/"},"wordCount":443,"commentCount":0,"image":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/foto-1-formularios-ecommerce-scaled.jpg","keywords":["customer data form","eCommerce form design"],"articleSection":["Customer Experience"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/","url":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/","name":"eCommerce forms: the great forgotten element | Blog Trilogi \u2013 The Digital Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#primaryimage"},"image":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/foto-1-formularios-ecommerce-scaled.jpg","datePublished":"2014-10-05T22:00:00+00:00","author":{"@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"description":"They say good programmers mostly use the keyboard rather than the mouse. For me, however, taking my hand off the mouse while browsing to use the keyboard\u2026","breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#primaryimage","url":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/foto-1-formularios-ecommerce-scaled.jpg","contentUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/foto-1-formularios-ecommerce-scaled.jpg","width":2560,"height":1707,"caption":"formularios ecommerce"},{"@type":"BreadcrumbList","@id":"https:\/\/trilogi.com\/blog\/en\/ecommerce-forms-the-great-forgotten-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"eCommerce forms: the great forgotten element"}]},{"@type":"WebSite","@id":"https:\/\/trilogi.com\/blog\/#website","url":"https:\/\/trilogi.com\/blog\/","name":"Blog Trilogi \u2013 The Digital Agency","description":"Mant\u00e9ngase actualizado con las \u00faltimas noticias de eCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trilogi.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405","name":"Trilogi \u2013 The Digital Agency","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","caption":"Trilogi \u2013 The Digital Agency"},"description":"Trilogi es una agencia especializada en tiendas online, marketing y estrategia para eCommerce. 22 a\u00f1os y +700 proyectos nos avalan. \u00bfTe ayudamos en tu negocio digital?\u00a0"}]}},"acf":[],"lang":"en","translations":{"en":19271,"es":11951,"ca":18935},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/19271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/comments?post=19271"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/19271\/revisions"}],"wp:attachment":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/media?parent=19271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=19271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=19271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}