{"id":9482,"date":"2011-03-15T21:45:16","date_gmt":"2011-03-15T13:45:16","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=9482"},"modified":"2022-09-21T16:52:41","modified_gmt":"2022-09-21T08:52:41","slug":"how-to-ruin-good-user-experience","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/","title":{"rendered":"How to Ruin Good User Experience in 20 Steps"},"content":{"rendered":"<p>Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are unfortunate, you\u2019d walked into a downright terrible experiences.<\/p>\n<p><em>What is it that makes one experience better than another?<\/em><\/p>\n<p><strong>A site doesn\u2019t have to be the pinnacle of fantastic design; it doesn\u2019t have to have more information than Wikipedia; all it needs (and not to understate how difficult this is) is a good user experience<\/strong>.<\/p>\n<p>Now developing a straightforward and simple user experience is something that can take a considerable amount of work \u2013 if not, then companies like Apple would have a lot more competition \u2013 but there are lots of little things you can do to try and help out your users, and something that doesn\u2019t have to take up a lot of time or money on your end.<\/p>\n<p>People often say it\u2019s the little things that count \u2013 the same is true of user experience on the web; each little change or optimization you make can have a big impact on your users.<\/p>\n<p>Here are a few things you can do to make the experience that much better for your users:<\/p>\n<h2>1. More \"Sign Up\" Options<\/h2>\n<p>Let me sign up with whatever method I see fit: Email Address, Username, <a rel=\"nofollow\" href=\"https:\/\/openid.net\/add-openid\/add-getting-started\/\">Open ID<\/a>, Twitter or Facebook login, etc. You want users on your site.<\/p>\n<p>You want to make the signup process as easy as possible. The easier it is, the more users that will sign up.<\/p>\n<p>It\u2019s that simple.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/multiple-sign-in-methods.jpg\" width=\"341\" height=\"292\" alt=\"multiple sign-in methods\"><\/figure>\n<h2>2. More \"Sign In\" Options<\/h2>\n<p>Let me sign in however I want. I don\u2019t care if you make me use both a username and email address when signing up, but you should still let me sign in with both of them.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/sign-in-with-username-email.jpg\" width=\"300\" height=\"278\" alt=\"sign in username email\"><\/figure>\n<h2>3. Avoid Limiting Password Length<\/h2>\n<p>Don\u2019t ever limit these fields for pointless reasons. I was signing up to a site recently and came across the following error: <em>\u201cYour password must be between 6 and 8 characters\u201d<\/em>.<\/p>\n<p>Ok, maybe less than six means the password isn\u2019t secure enough, but I can\u2019t have a password longer than eight characters? Really?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/password-6-8-characters.jpg\" alt=\"password characters\" width=\"492\" height=\"189\"><\/figure>\n<h2>4. Sending Confirmation Email<\/h2>\n<p>Do you need an email confirmation? Yes, some sites probably should confirm your email address, but there are a ton that doesn\u2019t need to and yet still ask me to confirm. At least if you ask me to verify my address, let me play around with your web app\/site\/whatever first and see the value in it.<\/p>\n<p>Of course, you could send me an email to confirm my signup so we all know I entered the right email address.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/4.jpg\" alt=\"confirmation email\" width=\"605\" height=\"148\"><\/figure>\n<h2>5. CAPTCHA Field<\/h2>\n<p>Do you need a CAPTCHA?<\/p>\n<p>A <a target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/CAPTCHA\" rel=\"noopener noreferrer\">CAPTCHA<\/a> is an often incomprehensible text you find in many signs up forms and a range of other strange locations. When checking their pricing, I\u2019ve discovered airlines that want me to enter a CAPTCHA.<\/p>\n<p>Someone tried to explain it to me as a method to stop their competitors from checking their airfares, but is it worth stopping people from being able to check themselves or sign up to your site?<\/p>\n<p>If you do need a CAPTCHA, ensure that it\u2019s one that people can read, or try coming up with some interesting questions of your own \u2013 a China-oriented site, I frequently use a range of questions such as \u2018What is the capital city of China.\u2019 If someone has made it this far in your signup process, you don\u2019t want to prevent them from signing up now.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/5.jpg\" alt=\"captcha\" width=\"331\" height=\"163\"><\/figure>\n<h2>6. Sign Up & Sign In: Same Page<\/h2>\n<p>Make it as simple as possible: On the signup page, let me choose login. On the log-in page, let me choose signup. On the home page, make both of these options visible.<\/p>\n<p>The quicker and easier I can accomplish something, the more likely I will do it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/register-sign-in.jpg\" alt=\"sign in sign up page\" width=\"500\" height=\"160\"><\/figure>\n<h2>7. Avoid Redundant Questions<\/h2>\n<p>Don\u2019t ask for unnecessary details: Do you need my address? Do you need my postcode (which we barely even use in New Zealand)? Why are you asking me all these questions? I want to sign up! Keep it to the bare minimum, please.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/7.jpg\" alt=\"redundant question\" width=\"208\" height=\"203\"><\/figure>\n<h2>8. Be Sociable<\/h2>\n<p>Try and make it social: You should like publicity \u2013 it\u2019s good for you, and it\u2019s helpful for me to be able to share it with my friends. Just about every man and his dog are on Facebook these days, and a pretty good number are on Twitter as well.<\/p>\n<p>Are there more relevant options for your site too? Add these as well. A few buttons here and there aren\u2019t going to hurt you, and the more others can get the word, the better it is for you.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/8.jpg\" alt=\"be sociable\"><\/figure>\n<h2>9. Fail Gracefully<\/h2>\n<p>More or less, every website has bugs, every website will fall over at one time or another, and your users will always find a way to break something you didn\u2019t think of in advance.<\/p>\n<p>You might not be able to predict all of the different ways that things will go wrong, but you can make it so that people can find the information they are looking for when things do go wrong.<\/p>\n<p>Make <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/funny-creative-error-404\/\" rel=\"noopener noreferrer\">helpful 404 pages<\/a> that link to relevant information and have a search bar. Make it easy for me to reset or get a reminder if I forget my password. At least if you are going to fail (which is more or less inevitable), try and fail well.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/fail-gracefully.jpg\" alt=\"fail gracefully\" width=\"500\" height=\"147\"><\/figure>\n<h2>10. Logical User Interface<\/h2>\n<p>Think about how your users are going to interact with your site.<\/p>\n<p>What information is essential? What information are they looking for? How do other sites of the same genre lay out the information?<\/p>\n<p>Do some usability and A\/B testing to see what information you can find. Tweak and optimize your site. A little experimentation will go a long way and lead to much better user experience.<\/p>\n<p>Testing your website throughout the design process, creating personas, and constant feedback is your friend.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/10.jpg\" alt=\"logical user interface\" width=\"319\" height=\"150\"><\/figure>\n<h2>11. Know Your Users<\/h2>\n<p>You (should) know your users \u2013 their interests, their style, things they are interested in\u2026 Use this information to your advantage: a design for them, make the layout for them, think about wording that they will understand. Knowledge is power, after all.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/know-your-users.jpg\" alt=\"know your users\" width=\"500\" height=\"170\"><\/figure>\n<h2>12. Think About Goals<\/h2>\n<p>What are you trying to achieve with your site? How can your website help you accomplish your goals?<\/p>\n<p>Make a list and see how your site compares. Ask your users and see how your site compares. Does your site meet these goals? If not, how can you make changes to meet your own and users\u2019 expectations?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/12.jpg\" alt=\"think about goals\" width=\"418\" height=\"193\"><\/figure>\n<h2>13. Good content<\/h2>\n<p>This is very obvious, but the amount of sites with terrible content, terrible style, atrocious spelling and grammar, and generally just poorly written content is astounding.<\/p>\n<p>At the very least, try and run a spelling and grammar check over it, and if you can, ask a friend, workmate or relative to have a read of it for you. It\u2019s surprisingly easy to miss mistakes in your writing.<\/p>\n<p>There are plenty of forums you can find online to get inspiration for writing, critique your writing, and great tips. Make the most of it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/lifehacker.jpg\" alt=\"Lifehacker\" width=\"500\" height=\"272\"><\/figure>\n<h2>14. Keep It Fresh<\/h2>\n<p>There\u2019s nothing worse than coming to a site and finding years-old content wallowing on the blog. Even making small updates keeps things fresh.<\/p>\n<p>Feed into your website from your Twitter feed. Link to news or content relevant to your site. Do something, and your users (and Google) will love you for it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/inactive.jpg\" alt=\"keep it fresh\" width=\"500\" height=\"124\"><\/figure>\n<h2>15. Make It Fun<\/h2>\n<p>Think about how you can develop more of a community around your site and make your site or app part of your users\u2019 daily internet flow.<\/p>\n<p>If the experience is more enjoyable, people will keep coming back and recommend it to friends as well.<\/p>\n<p>There are lots of ways to do this, but I think the way StackExchange gives <a target=\"_blank\" href=\"https:\/\/apple.stackexchange.com\/help\/badges\" rel=\"noopener noreferrer nofollow\">badges<\/a>, <a target=\"_blank\" href=\"https:\/\/apple.stackexchange.com\/help\/privileges\" rel=\"noopener noreferrer nofollow\">reputation, and extra functionality<\/a>, the more you use and contribute to the site is a great motivator. Would something like that work for you? It certainly makes users want to return.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/15.jpg\" alt=\"make it fun\" width=\"469\" height=\"127\"><\/figure>\n<h2>16. Use Social Proof<\/h2>\n<p>Do you have hundreds or thousands of followers on Twitter or your Facebook fan page? Make the most of them, and show the numbers on your site.<\/p>\n<p>Even if you\u2019ve only got a few followers, showing them on your website can help to build trust, help to market your site, and also helps integrate your site into your users\u2019 everyday flow.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/16.jpg\" alt=\"use social proof\" width=\"491\" height=\"61\"><\/figure>\n<h2>17. Make It \u2013 Not Suck<\/h2>\n<p>Ok, this can be somewhat subjective, but at least try and make it not offensive to the eyes and other senses.<\/p>\n<p>Think about how you can make it easily readable and easy for people to scan information. Try and make the most relevant content to stand out. Try and make sure you have all the information that will help people decide to use your site.<\/p>\n<p>Again, it doesn\u2019t have to be the pinnacle of design, but making it not suck takes it a long way towards being a more functional website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/17.jpg\" alt=\"make it not suck\" width=\"474\" height=\"108\"><\/figure>\n<h2>18. Usability Test<\/h2>\n<p>I can\u2019t stress this enough, and it doesn\u2019t matter what <a target=\"_blank\" href=\"https:\/\/spyrestudios.com\/usability-and-you-the-design-process\/\" rel=\"noopener noreferrer nofollow\">stage of the process<\/a> (from an idea in your head to a website that\u2019s been live for years) your website is at, it\u2019s always a good time to get out and do some testing.<\/p>\n<p>Even if your testing shows you have a perfect website, you still can\u2019t rest on your laurels \u2013 the way people are using the internet is continually changing \u2013 look at the increased use of touch screens and mobile that\u2019s currently going on \u2013 and if testing shows up some issues, do something about them and get them fixed as soon as you can.<\/p>\n<p>Keep testing regularly (monthly to quarterly) for existing sites that are working well) to ensure everything keeps running smoothly.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/18.jpg\" alt=\"usability test\" width=\"500\" height=\"191\"><\/figure>\n<h2>19. Use Feedback<\/h2>\n<p>When you get feedback from your users, keep track of it, use it, and make the most of it. If someone has gone to the effort of giving you feedback, they are interested enough in your site to care.<\/p>\n<p>You don\u2019t necessarily have to take every suggestion your users offer. Still, if you get lots of comments about certain aspects of your site, it\u2019s time to consider doing something about it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/19.jpg\" alt=\"use feedback\" width=\"500\" height=\"59\"><\/figure>\n<h2>20. Do It \u2013 Now!<\/h2>\n<p>The worst thing you can do after reading all this is not to do anything about it. After you\u2019ve finished reading this, pick just a couple of points to try and get yourself started.<\/p>\n<p>If you choose one or two ideas to try out every day, it could take only a few minutes of your time but lead to a massive return for your site. Make your website better, one step at a time.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/start-now.jpg\" alt=\"do it now\" width=\"500\" height=\"346\"><\/figure>\n<h2>Great! Now What?<\/h2>\n<p>Each of these steps in and of itself is a relatively quick, simple thing to get up and started. Each one can make a big difference to the experience your site has to offer.<\/p>\n<p>The better the background of your website, the more people will use it, the more they will recommend it to their friends, and the more they will invest in it in terms of both time and money.<\/p>\n<p>Take on a couple of steps at a time, and keep tweaking your site. Keep usability testing as you continue to make changes in your website to ensure you are providing the best experience you possibly can.<\/p>\n<p>A more useful web does start with you. As more designers and developers focus on usability and user experience, it will lead to a better internet experience for all of us. Now isn\u2019t that a grand goal to work towards?<\/p>","protected":false},"excerpt":{"rendered":"<p>Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are unfortunate, you\u2019d walked into a downright terrible experiences. What is it that makes one experience better than another? A site doesn\u2019t have to be the pinnacle of fantastic design; it&hellip;<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[1527],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Ruin Good User Experience in 20 Steps - Hongkiat<\/title>\n<meta name=\"description\" content=\"Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are\" \/>\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.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Ruin Good User Experience in 20 Steps\" \/>\n<meta property=\"og:description\" content=\"Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2011-03-15T13:45:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-21T08:52:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/multiple-sign-in-methods.jpg\" \/>\n<meta name=\"author\" content=\"Jacob Creech\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jacob Creech\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/\"},\"author\":{\"name\":\"Jacob Creech\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/a9e49808d5e2a64fb387899197f53ff2\"},\"headline\":\"How to Ruin Good User Experience in 20 Steps\",\"datePublished\":\"2011-03-15T13:45:16+00:00\",\"dateModified\":\"2022-09-21T08:52:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/\"},\"wordCount\":1923,\"commentCount\":61,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ruin-user-experience\\\/multiple-sign-in-methods.jpg\",\"keywords\":[\"user\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/\",\"name\":\"How to Ruin Good User Experience in 20 Steps - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ruin-user-experience\\\/multiple-sign-in-methods.jpg\",\"datePublished\":\"2011-03-15T13:45:16+00:00\",\"dateModified\":\"2022-09-21T08:52:41+00:00\",\"description\":\"Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ruin-user-experience\\\/multiple-sign-in-methods.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ruin-user-experience\\\/multiple-sign-in-methods.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/how-to-ruin-good-user-experience\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Ruin Good User Experience in 20 Steps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/a9e49808d5e2a64fb387899197f53ff2\",\"name\":\"Jacob Creech\",\"description\":\"Jacob is a usability geek at intuitionhq.com -- a simple usability testing service by designers, for designers, that's quick and easy to use. When he's not indulging his passion for the Internet, he is studying Chinese (having spent three years in China) or reading about design.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jacobcreech\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Ruin Good User Experience in 20 Steps - Hongkiat","description":"Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are","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.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/","og_locale":"en_US","og_type":"article","og_title":"How to Ruin Good User Experience in 20 Steps","og_description":"Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are","og_url":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2011-03-15T13:45:16+00:00","article_modified_time":"2022-09-21T08:52:41+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/multiple-sign-in-methods.jpg","type":"","width":"","height":""}],"author":"Jacob Creech","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jacob Creech","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/"},"author":{"name":"Jacob Creech","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/a9e49808d5e2a64fb387899197f53ff2"},"headline":"How to Ruin Good User Experience in 20 Steps","datePublished":"2011-03-15T13:45:16+00:00","dateModified":"2022-09-21T08:52:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/"},"wordCount":1923,"commentCount":61,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/multiple-sign-in-methods.jpg","keywords":["user"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/","url":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/","name":"How to Ruin Good User Experience in 20 Steps - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/multiple-sign-in-methods.jpg","datePublished":"2011-03-15T13:45:16+00:00","dateModified":"2022-09-21T08:52:41+00:00","description":"Every day, we access several new or familiar sites and encounter different experiences. Sometimes, you may have pleasant and average ones, but if you are","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/multiple-sign-in-methods.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/ruin-user-experience\/multiple-sign-in-methods.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/how-to-ruin-good-user-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Ruin Good User Experience in 20 Steps"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/a9e49808d5e2a64fb387899197f53ff2","name":"Jacob Creech","description":"Jacob is a usability geek at intuitionhq.com -- a simple usability testing service by designers, for designers, that's quick and easy to use. When he's not indulging his passion for the Internet, he is studying Chinese (having spent three years in China) or reading about design.","url":"https:\/\/www.hongkiat.com\/blog\/author\/jacobcreech\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-2sW","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=9482"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9482\/revisions"}],"predecessor-version":[{"id":62380,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9482\/revisions\/62380"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=9482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=9482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=9482"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=9482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}