{"id":2593,"date":"2013-11-16T15:00:10","date_gmt":"2013-11-16T15:00:10","guid":{"rendered":"http:\/\/pingler.com\/blog\/?p=2593"},"modified":"2014-06-16T23:15:09","modified_gmt":"2014-06-16T23:15:09","slug":"ui-design-what-is-microcopy-and-is-yours-harming-your-site","status":"publish","type":"post","link":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/","title":{"rendered":"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-4199\" src=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s-300x224.jpg\" alt=\"Microcopy\" width=\"300\" height=\"224\" srcset=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s-300x224.jpg 300w, https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg 450w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>If you are designing or running a website, then chances are you put a lot of time and effort into the overall user experience. You may even have done some usability studies, formally or informally, to see how well people from outside of your sphere react to the design and how intuitive they find your interface. This is all well and good, and is something everybody should be doing, after all a site with a good user interface is better for everybody \u2013 it&#8217;s better for your users because they won&#8217;t be frustrated, and it&#8217;s better for you because people will keep on coming back to your site. But, while people tend to put a lot of stock in what their navigation approach is, how they display different types of content, and how easy it is for users to complete actions like writing comments or submitting forms, there is one area of UI design that is all too often overlooked \u2013 Microcopy.<\/p>\n<h2>What Is Classed As Microcopy?<\/h2>\n<p>Microcopy, like all other copy, is words. But these are not the words your user reads as part of your latest insightful blog post or as a review of the product you are promoting. These are the words that allow your user to use your site in the way you intended. Microcopy can be the labels on your form fields, the little bits of instructive text about what they need to enter, the names of navigational links, and error messages. Microcopy exists everywhere, and because it is small, people tend to put very little thought into it. But it does actually present not only a way in which you can get things wrong and confuse your user, but also an opportunity to do some branding.<\/p>\n<h2>Bad Microcopy<\/h2>\n<p>When micrcopy goes bad, it can make a person very confused. A simple example is on an address field in a form. You may see some that have three lines labelled &#8216;Address 1&#8217;, &#8216;Address 2&#8217; and &#8216;Address 3&#8217;. Now, is the first one for just your apartment number and building, or is it for the number and the street? What if your house has a name instead of a number, do you put that in &#8216;Address 1&#8217; and then the street in &#8216;Address 2&#8217;? Is &#8216;Address 3&#8217; mandatory, even if you only need two lines to enter your address? Think how much easier it would be if &#8216;Address 1&#8217; was &#8216;House number or name&#8217;, &#8216;Address 2&#8217; was &#8216;Street name&#8217;, and &#8216;Address 3&#8217; was &#8216;Area (optional)&#8217;? The more you can do to help your user without being overly verbose in your microcopy, the more they will enjoy using your site and the fewer forms you will have returned with mistakes on them.<\/p>\n<h2>Branded Microcopy<\/h2>\n<p>Another reason to think carefully about your microcopy is that it can be a way to use the tone your business uses to enforce a little brand recognition. While this should never take precedence over usability, things like error messages or form submission confirmation screens where the user isn&#8217;t actually being asked to do anything can be great places to inject some personality.<\/p>\n<p><i><html><br \/>\n\t<head><br \/>\n\t\t<title><\/title><br \/>\n\t<\/head><br \/>\n\t<body><\/p>\n<p style=\"text-align: center;\">\n\t\t\t<a href=\"http:\/\/www.pingler.com\/account\/register\/\" data-wpel-link=\"external\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/www.pingler.com\/affiliates\/banners\/Pingler-468x60-01A.gif\" style=\"width: 468px; height: 60px;\" \/><\/a><\/p>\n<p>\t<\/body><br \/>\n<\/html><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are designing or running a website, then chances are you put a lot of time and effort into the overall user experience. You may even have done some usability studies, formally or informally, to see how well people from outside of your sphere react to the design and how intuitive they find your [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":4199,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[172],"tags":[752,1070],"class_list":["post-2593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-microcopy","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site? - Pingler Blog<\/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:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site? - Pingler Blog\" \/>\n<meta property=\"og:description\" content=\"If you are designing or running a website, then chances are you put a lot of time and effort into the overall user experience. You may even have done some usability studies, formally or informally, to see how well people from outside of your sphere react to the design and how intuitive they find your [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingler Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/pinglerdotcom\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-16T15:00:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-06-16T23:15:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"450\" \/>\n\t<meta property=\"og:image:height\" content=\"337\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pingler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/\"},\"author\":{\"name\":\"Pingler\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9\"},\"headline\":\"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site?\",\"datePublished\":\"2013-11-16T15:00:10+00:00\",\"dateModified\":\"2014-06-16T23:15:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/\"},\"wordCount\":530,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/pingler.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg\",\"keywords\":[\"Microcopy\",\"Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/\",\"url\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/\",\"name\":\"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site? - Pingler Blog\",\"isPartOf\":{\"@id\":\"https:\/\/pingler.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg\",\"datePublished\":\"2013-11-16T15:00:10+00:00\",\"dateModified\":\"2014-06-16T23:15:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage\",\"url\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg\",\"contentUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg\",\"width\":450,\"height\":337},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pingler.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingler.com\/blog\/#website\",\"url\":\"https:\/\/pingler.com\/blog\/\",\"name\":\"Pingler.com\",\"description\":\"Ping\",\"publisher\":{\"@id\":\"https:\/\/pingler.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingler.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pingler.com\/blog\/#organization\",\"name\":\"Pingler.com\",\"url\":\"https:\/\/pingler.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg\",\"contentUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg\",\"width\":300,\"height\":160,\"caption\":\"Pingler.com\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/pinglerdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9\",\"name\":\"Pingler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g\",\"caption\":\"Pingler\"},\"sameAs\":[\"http:\/\/www.pingler.com\"],\"url\":\"https:\/\/pingler.com\/blog\/author\/pingler\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site? - Pingler Blog","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:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/","og_locale":"en_US","og_type":"article","og_title":"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site? - Pingler Blog","og_description":"If you are designing or running a website, then chances are you put a lot of time and effort into the overall user experience. You may even have done some usability studies, formally or informally, to see how well people from outside of your sphere react to the design and how intuitive they find your [&hellip;]","og_url":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/","og_site_name":"Pingler Blog","article_publisher":"http:\/\/facebook.com\/pinglerdotcom","article_published_time":"2013-11-16T15:00:10+00:00","article_modified_time":"2014-06-16T23:15:09+00:00","og_image":[{"width":450,"height":337,"url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg","type":"image\/jpeg"}],"author":"Pingler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pingler","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#article","isPartOf":{"@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/"},"author":{"name":"Pingler","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9"},"headline":"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site?","datePublished":"2013-11-16T15:00:10+00:00","dateModified":"2014-06-16T23:15:09+00:00","mainEntityOfPage":{"@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/"},"wordCount":530,"commentCount":0,"publisher":{"@id":"https:\/\/pingler.com\/blog\/#organization"},"image":{"@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage"},"thumbnailUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg","keywords":["Microcopy","Web Design"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/","url":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/","name":"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site? - Pingler Blog","isPartOf":{"@id":"https:\/\/pingler.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage"},"image":{"@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage"},"thumbnailUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg","datePublished":"2013-11-16T15:00:10+00:00","dateModified":"2014-06-16T23:15:09+00:00","breadcrumb":{"@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#primaryimage","url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg","contentUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2013\/11\/7835382_s.jpg","width":450,"height":337},{"@type":"BreadcrumbList","@id":"https:\/\/pingler.com\/blog\/ui-design-what-is-microcopy-and-is-yours-harming-your-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pingler.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UI Design \u2013 What Is Microcopy, And Is Yours Harming Your Site?"}]},{"@type":"WebSite","@id":"https:\/\/pingler.com\/blog\/#website","url":"https:\/\/pingler.com\/blog\/","name":"Pingler.com","description":"Ping","publisher":{"@id":"https:\/\/pingler.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingler.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pingler.com\/blog\/#organization","name":"Pingler.com","url":"https:\/\/pingler.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg","contentUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg","width":300,"height":160,"caption":"Pingler.com"},"image":{"@id":"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/pinglerdotcom"]},{"@type":"Person","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9","name":"Pingler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g","caption":"Pingler"},"sameAs":["http:\/\/www.pingler.com"],"url":"https:\/\/pingler.com\/blog\/author\/pingler\/"}]}},"_links":{"self":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/2593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/comments?post=2593"}],"version-history":[{"count":3,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/2593\/revisions"}],"predecessor-version":[{"id":4200,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/2593\/revisions\/4200"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/media\/4199"}],"wp:attachment":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/media?parent=2593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/categories?post=2593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/tags?post=2593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}