Avoid these 13 worst UX designs in your SaaS

2022-05-06 0 By

If a product does not provide the experience that users expect, it is likely to lose a lot of users.In order to avoid such situations, products can combine existing cases and try to think from the perspective of users.Take a look at this article, which summarizes some of the most important design mistakes to avoid in SaaS products.From Amazon’s navigation bar to WhatsApp delete messages, we consumers are all too familiar with bad UX design.From a SaaS perspective, a bad user experience can sometimes mean the loss of a paying customer, or hundreds of customers.Therefore, it is crucial to know which design black holes are there so that they can be avoided in your product.In this article, we list 13 of the worst design mistakes we’ve seen so far.Let’s get started.Don’t put new features on a new page every time. You’ll interfere with automated training for new employees and confuse your customers.Don’t use drop-down menus with hundreds of options.There should be no more than 3-4 items in the new employee training list.Always make sure your template has an “X” and if your users aren’t interested, turn it off.Don’t block the rest of the UI with your tooltip text box.Make sure that all the features you include are visually visible to your customers.Limit the number of passwords, such as character length.Do not give customers a linear product tour that introduces all features in the same way.As soon as your customers add their own content to your product, any demo content in your product should disappear immediately.Keep your writing simple and avoid industry jargon.Don’t bombard users with popovers they didn’t set up themselves.Keep video autoplay to a minimum as a way to respect user autonomy.Padding empty states with fake data or presentations.Imagine this scenario: you’re browsing your project management software as usual when you discover a new time-tracking feature.Out of curiosity, you click on it to see how it works and a new TAB opens.From the user’s point of view, this is annoying because the user is taken away from what they were doing.From a SaaS company’s perspective, this is a disaster, especially if you’re using an onboarding program like Userpilot.More often than not, if your users open a page in a new TAB, the new changes to that page will not be noticed.So, when a user clicks on a new feature and you set up an auto-onboarding system to try to get their attention with a tooltip, they don’t see it at all.This means that all your hard work in orientation has been wasted.So, as a UX designer, this is something you want to avoid.Bad UX Design #2: Long drop-down menus Have you ever clicked on a drop-down menu and this happened?The fact that you see a huge wall of text and what you’re looking for is at the bottom of the wall doesn’t inspire customer loyalty.This kind of long drop-down menu is especially common on sites that ask you to insert your nationality.If you’re from the United States, please roll happily!Sometimes, as in this case, it’s better to ask the user to enter the first letter of their country and then have the drop-down menu jump to the country that starts with that letter.But more often than not, it’s better to skip the drop-down menu entirely and let the user just write what they need.If you want to add automation, auto-location filling may be a better option.We know you want to simplify your sign-up process, but in this case, you should ask yourself how much new difficulty you’re adding.In an ideal world, the onboarding checklist would be used to give customers 3-4 activation tasks, nothing too complicated, just to show them the basics of using the product.And then you have this checklist: Do you really think your client is going to do all of these tasks, rather than just lose them in a day?If it’s their first time using your app, they won’t want to continue, and it’s not a good user experience at all.Try not to overwhelm the user, give them a short to-do list to help them get up to speed on the process.Here is a good example of user experience.Backlinkmanager’s short, concise checklist prompts users to use a feature.Want to improve the user experience with a short and elegant checklist?Take a Userpilot demo to see how simple it is.As we wrote on this blog, many modern sites use pop-ups to interrupt users and get their attention.As a result, popovers are too big to be distracting.But this advantage of popovers can quickly become a weakness if you can’t close them.If the user is forced to take an action because they have no choice, it’s a bad user experience.Imagine you’re doing something important, like a financial audit, and a pop-up pops up.Although the production system you’re using thinks this is really important right now, you have other priorities.So you look for the X button to turn off…I can’t find it.Advice to all UX designers out there: We know you really want your users to click on your CTA on your template.But please, for the sake of your customers’ autonomy, give them the option to opt out of mode.Moving away from these bad user experience patterns should be considered common sense.In an ideal world, tooltips would provide only a short, context-specific guide to a SINGLE UI element.They are one of the smallest user experience patterns for a reason: they should be subtly integrated into the original user interface.They should not be placed this way and will obscure the rest of the UI: even worse, imagine a tooltip that obscures the user interface it’s supposed to explain!It shouldn’t be!This is a direct counter to the existence of tooltips and is sure to make your customers want to quit.If you agree that a slow-loading page is a problem (and who doesn’t), then add low discoverability to the mix and you have a recipe for a bad user experience.We live in an age of instant gratification, where we expect to find what we’re looking for immediately.So if your user interface looks like this, finding what they need is going to be a huge problem for most users.Looking for analytics in this context is like looking for a needle in a haystack.This is the opposite of a good user experience.In general, it is best to set up some product features and make them visible to the user at a glance.Instead of setting up so many functions that the user is dazzled.If your product is designed for large corporate teams and absolutely must have all the features they require, you should at least have a search bar so users can find what they need.You can also apply this logic to help centers.If your help center is hard to find, it won’t be of much value to your users.That means a lot of annoying customers — and lots of inquiries to your customer service team.Bad USER Experience Design #7: Complex Passwords Require us to understand that you want your customers to create secure passwords so that no one can hack into their user data.So a six-digit password or something like “password 123” is out of the question.A degree of caution is warranted here.However, hopefully you will agree with us that this is going too far.Consider that your average user probably already has a lot of passwords to remember.If you make so many demands on creating passwords, you’re only putting pressure on them.Plus, they may not be able to remember their new 16-letter password and six special characters after a day or two.There is a middle line between security and ease of use.Have you ever signed up for a new product, read all their specs, and thought to yourself, “What does this have to do with me?”We asked some SaaS fans what they thought of linear Tours, and this is what they told us.This is exactly what happens when SaaS companies end up providing the same interactive browsing to all users without doing any user research or segmentation of their customers.You can think of linear product navigation as going through the same product features in the same order and in the same way for every user.In other words, it’s a bit like your old college teacher, who talks a lot and has probably been lecturing exactly the same way for 30 years.This is a bad user experience and best not to do it.In particular, it can easily be replaced by a short interactive walkthrough with a series of short tooltips to guide users through your product’s specific features and how to use it.Want to replace hard-coded product Tours with interactive walkthroughs without coding?Take a Userpilot demo to see how you do it.Bad UX design #9: Permanent Demos Demos are great for showing customers what your platform looks like after they enter some data.If used properly, the demo will disappear as soon as you replace it with real user data.At this point, it has served its purpose, and you can use the app however you want.But, sadly, sometimes demos just don’t go away, no matter what you do, especially when you want a personalized product experience, which is not a good thing.From the user’s point of view, this can be both confusing and frustrating.Neither reaction is a sign of quality design.Poor UX Design #10: Industry Terminology In SaaS business, there are many times when concise expressions are needed.Think of terms like “pop-ups,” “tooltips,” “microsurveys.”You don’t have much time to explain to your audience what you mean, so you need to get to the point quickly.As a result, clients are less likely to be impressed when they see copywriting that reads, “One click for multi-stakeholder coordination and collaboration through application programming interfaces.”Wouldn’t it be easier to say “sync with third-party software”?As we mentioned earlier, pop-ups are intrusive by nature.They are large, have a bold pattern, and have a CTA that asks to be clicked.As a result, users are unlikely to fail to notice.If your popover is user-initiated, that’s fine.In other words, customers are less likely to be surprised by pop-ups when they click “Get Started on the product” themselves.But there is another class of modes: pop-ups that appear automatically because your system is programmed to do so, regardless of the user’s Settings.Surfer, for example, “shouts” to me after logging in.Is this new feature so important that it takes up my entire screen before I can even blink?So, given that popovers are intrusive by nature, and given that users as a whole tend to be more in control of their applications, overuse of system-generated popovers like this is bound to be annoying.Pop-ups are best used only occasionally in important situations, such as when you want to double-check with your customers whether they really want to cancel their accounts.An example of a popover initiated by the system is when the system repeatedly tries to sell the customer on a new feature that has nothing to do with him.Although you want to increase the lifetime value of your customers, it’s normal to do so.But from your users’ perspective, it’s not urgent, and it’s not relevant.By its very nature, video content is very engaging, which is probably why more and more tools are emerging for SaaS companies to incorporate short videos into their orientation programs.This level of engagement can be a benefit when it comes to getting your customers interested in them.But it can also be a problem if you are manipulatively trying to use the participatory nature of a video to get users to do something unrelated.The company thinks it’s okay to let the video play automatically, no matter what the user is doing.Yes, sometimes you’ll get lucky with a user who’s interested in what you’re showing, but more often than not, a lack of autonomy will spur your customer to hit the X button.So it’s not recommended.Bad UX Design #13: Blank State When you sign up for a new platform, you want to see it filled with other users you can interact with.At the very least, you’ll be curious to see demos that show what the platform looks like as you enter more data.Either way, you don’t want to see a blank ghost.In UX design, this is called “blank state”.Blank states are frustrating because they require more activation energy than platforms that already have other users.It’s a bit like an art exam at school where you’re asked to start drawing on a blank piece of paper.Psychologically, it’s hard to start from scratch.That’s why Self-driving car co-founder Shiv Patel cautioned in his recent product-driven talk that white space should be replaced with demos.The whole lecture is very useful and I suggest you all read it.Conclusion Now you know some of the worst designs to avoid when designing SaaS products.If you want to emulate some good design while saving time by not coding, you might want to look at Userpilot.Our templates are set up in such a way that they make it harder for you to commit design problems like the ones in this article.Get a demo of Userpilot and see how you can build an engaging, contextual in-app experience.The original address: https://userpilot.medium.com/bad-ux-design-13-worst-ux-design-fails-to-avoid-in-your-saas-973431a26208 the original author:This article is translated and published by @Qibo, a product manager intern, from Unsplash, based on THE CC0 protocol