12 UX Nightmares you MUST Avoid!

[@DesignCourse]

What other UX nightmare did I leave out?

[@JonathanDeCollibus]

nice one man!

[@ashwinshenoy6360]

The link given has the wrong name (It's React & not Vue). Also for medium articles, I always open them in incognito mode ;)

[@DesignCourse]

@@ashwinshenoy6360 Oopsy! Thanks, fixed.

[@hamtaroyt]

When people block you from accessing the website because you have an adblocker.

[@nathanrey]

When the links of the website are not synced with the actual content...

[@crooker2]

You forgot to mention auto-play videos or music on a website. I hate that stuff... :)

[@slipoch6635]

oh yeah, autoplay videos suck.

[@guusgeluk3693]

God damn that makes my blood boils

[@sadatnafis2032]

Yeah autoplay video ads

[@Soniboy84]

I watched a youtube video at some point somewhere where they showed a heatmap of a site. There was a massive 'red blob' on the heatmap at the "close" button of the video indicating that that's the first thing people do on that page 😂 It still blows my mind that news sites use that shitty design.

[@slipoch6635]

@@Soniboy84 Lol! it's so true

[@achtube85]

So he lists... 00:00 Intro 01:13 Forcing to register to read articles 02:19 Splash screen 03:00 Lack of contact form 03:33 Excessive parallax 04:12 Order forms that make you sign up to purchase 05:07 Hard-to-access custom scrollbar 05:40 Long forms 06:40 Low contrast 08:00 Excessive ads 08:44 Lack of call to action 09:42 Captchas on unimportant forms 10:48 Unresponsive design

[@JefersonSBrito]

Some other nightmares: - Long menus and options just to find what I want - Not being able to go back to the top or to the homepage - No search box on large sites

[@alikahaei9305]

Really good points!

[@CloudyyYT]

you can just press ctrl + f for search bar

[@lasfito]

@@CloudyyYT that will only search for content in the current page, not the whole website

[@thevividversatilechannel4807]

Same things

[@ArisFilms]

Breaking up giant forms into breadcrumbs is a good tip and often overlooked

[@dgloria]

15 different pages/subpages with repetitive content. Eg. About us has the same as teams and contact me.

[@ziyadkader6767]

this is so true , i cant cout the times ive been frustrated the medium fading article or the sign in before completion of the form.

[@XTANCE]

Ctrl+Shift+N or "view cached version" from google

[@alikahaei9305]

5:44 "Your mother's name". Ha ha ha really funny.

[@CodingJourney]

My heart rate increased just by watching this video :) Great list!! ;)

[@MilanB]

You should watch his video about forms. You will get a heart attack.🤗😆

[@CodingJourney]

@@MilanB Ahahahahah!! Love it!!! ;)

[@tautologicalnickname]

to keep reading medium articles, just clear your cookies ;)

[@tedspens]

You would be amazed at how many people don't know how to clear cookies, especially when using their phone.

[@BlueJDev]

Regarding captchas on contact forms, one way I've found to minimise spambots is to have a visible but off screen, non tabbed, checkbox with a random name tag within the form tag. Most bots will check this field so all you have to do is check for its value in POST and react accordingly.

[@tedspens]

Great idea! I'll remember that one.

[@zvuk]

Interesting. I know the background of his presentation is light gray, but when i move my eyes on him talking, the background seem to turn a bit greenish.

[@guinerb7753]

Actually sticky footers and those "don't leave, stay here" pop ups. This two for me are annoying as hell.

[@mobiledesign2429]

Um, when I had a contact form, I would get thousands of emails from India with job leads as a developer...I am a Product Designer. I forward inquiries to LinkedIn.

[@ipelengmolete161]

I like the idea of honeypots for the forms. A hidden input field that the user won't see but a bot will fill out. Other ones I've seen use timers, if a form is filled out too quickly, that's a flag.

[@indrajitsarkar3169]

Lol, I just open that article in incognito.

[@devilaoszwann7970]

I''ll be honest, I almost panicked when he klicked the ad at 8:43. Don't klick ad's on shady websites with tons of ad's folks!

[@crooker2]

I disagree with "no captcha on a contact form". I've had more complaints from clients about spam from a contact form. Recaptcha (for me) on a contact form is a necessity. They don't eliminate spam, but they do reduce it, and with Google's recaptcha (or invisible recaptcha) they are pretty unintrusive.

[@DesignCourse]

I suppose I should have been more clear. If it's like a personal portfolio, I personally remove them because I'm willing to deal with spam in order to make it as easy as possible for potential clients.

[@crooker2]

@@DesignCourse I know what you mean. If you are willing to handle the spam, lose the captcha (or go for the invisible captcha). I don't know how invisible captcha works. 1 part programming to 4 parts dark sorcery I think. But I don't give my clients the option unless they specify it. Too much headache. :) It's still not perfect.

[@buzzikea]

to be honest I hate when I fill out a form and then it asks me to pick images with buses, trains, or planes. I usually just gtfo of there

[@edismr4181]

You can solve it with a simple verification: show the captcha when the IP sent more than two messages

[@gabiold]

GDPR cookie consent modals. If it doesn't allow me to read the content because blocks the screen, and there is no "Reject all" button, I close the page. As per GDPR, you have to ask permission, nothing should be preselected and should be as easy to reject/unsubscribe as allow/subscribe. These cookie bars/screens are the winners of "The most annoying ever (tm)" contest in the first place, and if I can't ignore them or close in 0.5s, then I leave.

[@m12652]

Re your last point on GDPR modals, slight sidetrack perhaps but have you noticed a lot of big companies (e.g Curry’s electrical and Vodafone) pop up an accept/deny cookies modal, some even with the option to manage preferences etc. and regardless of what you click, and even if you don’t click and just close the window, the damned cookies get installed anyway. Vodafone, in the uk at least, installs more than 20 third party cookies/trackers while pretending you have a choice...

[@dgloria]

I hate VS Code's horizontal ruler to readjust the built in terminal window. Same with chrome vertical readjust size bar, impossible to grip.

[@Thomas-mm5fr]

Your comments on the scrollbars.. You think apple doing UX bad there? In macOS you don't even see the scrollbar as default before you start scrolling and no one is complains over that. The web is all about scrolling today and everyone knows that. I don't think people looks after a scrollbar to see if they can scroll (not many use it either). I think its fine to have custom scrollbars to make Windows horrible scollbars fit in the design :)

[@mcauliffe99]

I HATE gigantic navbars. There are sites - Verizon - that have navbars that take up nearly half the page. Some of these sites - Optimum - further insult us with massive font sizes so that only 2 or 3 lines of text is visible on the screen at a time. If your site needs a large navbar, make it shrink on down scroll.

[@buzzikea]

You just said you should never make people create an account for things like buying. I agree, I also think if you have FREE stuff on your web site there is no reason for people to register. I was just trying to watch one of your FREE courses up on your website and you asked me to log in or create an account - guess what, exactly, I left.

[@tedspens]

Invisible or almost invisible form fields. It's no fun clicking or tapping around to find where to enter the information. I have personally taken my business to a different website for this very reason.

[@farn451]

paywalls and whackamole popups and popovers. nothing is guaranteed to get me to click away in seconds as effectively as this. i hate parallax, it's a really annoying gimmick that browsers seem to implement either really well or really badly...

[@GoMathewVideo]

Some other bad ux designs, navigation that takes several clicks to get where you are going. You should really only have 2 to 3 clicks at the most. Another one is, excessive text on an image. People who are blind cannot read text on an image unless it has alt text. Allot of people will use images that have allot of information on it that is the only way to get information. The Kiesel Guitars website is currently doing this on their website. Really anything related to WCAG is good to focus on, at the very least you get better seo.

[@ivanschekoldin7315]

I hate fullscreen or otherwise right into the face offers to subscribe to some mailing list. People use it everywhere, so they probably work but they usually just piss me off and even if I wanted to subscribe to something, I wouldn’t when I got an offer like that.

[@jacksonnadar7223]

if u want to read medium articles for free all u have to do is sign-out and clear the local storage

[@robertkaminski1781]

For first. You can count how many times given person visit your site and then display something like : "you visited our site 10 times in this month, maybe you consider create account"

[@AmodeusR]

4:58 Really true, when I want to download something but it's in a website that requires you to make an account to "order and download", I just close it instantly xD

[@bromide01]

I can't code my own contact forms because I'm not a coder. Guess I have to pay someone or use a service or Wordpress or something or give up and work at 7-11.

[@gamasierra]

Is nobody going to talk about the thumbnail photo?? 😂 It cracks me up so much! I need it as a sticker or something 😂

[@sadatnafis2032]

In my school website, if you click the hamburger menu button it opens an ad in a new tab, you have to close the tab and click the menu button 2nd time to access the menu. Very bad UX.

[@eUploads]

I don't have a captcha on my contact form and I get multiple spam messages pr day..

[@sudynlj]

CLS or any page that requires you to have javascript active to view the content. any page that forces me to disable my script blocker in order to view the content or use the page is a gonner. i just don't bother

[@Underhills]

Another bad thing to do is to wait over a minute before you start your actual video content. If you feel that you MUST communicate something totally off topic to your audience then at least wait until the end, that way people can view what the video was actually sold as from the beginning. If you feel no one is around to see your tailout info then perhaps that is a valuable signal that people don't normally want all the fluff.

[@martianwoodpecker]

I hate trying to use bluray.com on my phone. I can't believe they haven't moved to a responsive design yet.

[@NisargPandyaUXDesigner]

but without Captcha we get lots of fake/spam inquires. What should we do in that case?

[@vuufke4327]

Parallax and Splash screen won't buy you good design

[@Alphadec]

recaptcha is'nt something we want to add but is a demand from ISP!

[@KevJaques]

The GDPR cookie issue should have been handled by the browser vendors and not individual sites imho. Hey Gary, have you checked out Andy James?, cracking Kiesel guitarist

[@insoYT]

I agree. Browsers should bring GDPR tools available to web devs. Over time these things would become less painful. Meanwhile GDPR is a god's gift for privacy also for people outside of EU but I don't really agree how using basic cookies requires user's approval. Users literally don't care and they probably don't even have technical skills to understand.

[@gabiold]

@@insoYT Actually the cookies required for proper operation of the site and do not track are not require approval. If I understand the law correctly. So the cart data on a webshop, does not. If its sole purpose of making tha particular order. It contains no personal data. Once the customer reaches to the checkout point where shares personal data, it could be considered as consent and technical necessity. As long as you delete the cookie when the user finishes the order, so not used for further tracking. The login session cookies does not require allowance, because it is a technical requirement to handle session, the user willingly wanted to login, could be considered as consent. But sharing personal data or identifier with third parties, or tracking without login requires consent. Am I wrong in these?

[@gabiold]

Kev Jaques - I wish I could upvote your idea by 10000. It should be amongst the browser data protection settings!!!

[@KevJaques]

@@gabiold thanks :) I believe it was the governments not understanding on how the web works and would have been so much easier for a handful of browser vendors, it's quite astonishing if they never even thought of that or did but dismiss it as it makes sense, then it wouldn't matter about implementing it on millions of websites as it would have been handled automatically and with proper rule-sets according to their specs. This would have also meant companies would be better aligned and it would have been easier to apply the GDPR regardless of site (rather than a hacky add on).

[@weshuiz1325]

"Adding recapcha to contact forms is bad ux" Well getting drug and wapeon sale in a country where both are illigal is fine then

[@gabiold]

It is bad UX, as a visitor, I hate them, but on the other side as a receiver, I hate spam, so actually I am in the tolerant side. And sometimes you don't want all customers. Sometimes you want to filter. And if one has no time to fill out a contact form properly, and has no email client either, etc, maybe I don't have time for them too. 😉

[@Simon-xi8tb]

Make a deal with kiesel, they give you a guitar, you make a better website for them

[@infodawg]

Search is another huge issue. Poor metadata management, rigid algorithms that don't match the needs of the end users.

[@udaynarayanmukherjee5208]

FREE TIP: you can put the videos you mention during a particular video as an info. For example, you talked about the video where you talked about form design. You can put the link of this video in the info button (the little i on top right) Also, thanks ... I'm learning so much

[@blackpurple9163]

I checked the description for that video link too 🤦🏻‍♂️

[@rafaelveggi]

Ads that stalls your scrolling and are unintentionally clicked on mobile

[@eUploads]

KZbin now has a custom scrollbar ._.

[@GoMathewVideo]

bahaha! the guitar company now has a responsive website!

[@tomvolkmann1294]

The latest ReCaptcha doesn't need you to do anything..

[@noskerdycatUSA]

omg, the scroll bars have only gotten worse!

[@davydevries1601]

@DesignCourse I agree on the reCAPTCHA v2. But that shouldn't be a problem with reCAPTCHA v3.

[@justingolden21]

"Responsive websites, although this isn't that common" I see and have to use websites just like the one you presented on a daily basis... It takes me ten times longer to pay my rent on my phone because the website is a third of the width of the phone. Not height, WIDTH... God I hate people...

[@Currentlyreigning]

I visited lucid motors and definitely a lot of parallax

[@ir4640]

Fun fact, clear your cookies and you can read the full article on medium

[@naftalimurgor9767]

Even paid?

[@ir4640]

@@naftalimurgor9767 afaik there are no paida articles

[@edismr4181]

When you don't have a dark mode and big typography option

[@saeed6993]

your mothers name :)))))

[@Trazynn]

That cookie acceptance pop up is such bullshit. It greatly impedes the overall experience of the internet by prompting you with a question barely anyone truly cares about.

[@DesignCourse]

Yeah, there's a plugin you can get that will remove most of them. But definitely, I can't stand these types of government mandates.

[@Trazynn]

It's mainly the EU isn't it? Another one of their fun laws prevents me from watching half the US news websites.

[@gabiold]

@@DesignCourse It is a good step for respecting privacy. Not the annoying cookie bar, but the message of the GDPR itself. It is really necessary for a website to store 130 distinct tracking cookies? It is really necessary for me, as a visitor to click through them to disable all? Provide a big, visible, clear "reject all" button. One click reject. You might not store the advertiser's cookies, but I stay on the page at least. Because if I have to spend more than few seconds to reject, I probably leave the page...

[@joeygarner1636]

Another good one is having to watch an advertisement before the video even starts.

[@fernandoaraoz6916]

Fullscreen pop up banners with tiny little "close" buttons. I HATE THEM. Ps. Also hate when you accidentaly click anywhere on a banner and it redirects you when it actually has a GD button. Lol

[@bassmavanlue4709]

Hey this is awesome! the pain points of UX designers in a video! thank you for that! however most of those annoying boring UX that pushes away call to actions are done deliberately ! why? stakeholders requirements, increasing sales and KPI and so forth.... verifying emails and collecting emails such a PAIN! UX designers are a small drop in the big ocean of marketing and sales for the big corporate owners. that's why i feel that there are a huge struggle between applying true UX vs. achieving KPI who will win at the end?!

[@PeterJohnsonWales]

Glad I'm not the only one deeply irritated by Medium, Pinterest etc. All that type of "call to action" does for me is make me ignore the sites. Thx for this vid. Found it thought provoking.

[@tinyrodent2821]

In regards to contact forms I'm actually the complete opposite due to my needs. I work for a manufacturing company, we need REACH compliance forms for every component from every distributor and I must keep track off all in and outgoing emails to reference in doc storage. Contact forms don't do this for me. Sometimes if I'm lucky the distributor might send me and email detailing my contact form query, but often I have to sacrifice documentation history because they didn't include an email.

[@kumarvishalben]

I think the problem with medium site is that, even if you made an account, it will not redirect you back to that particular article. They could atleast ask the user to continue with the article.

[@rakeshguha015]

Disagree about captchas, better have easy captchas, bots are not only spamming but also sometimes trying to inject harmful code, specifically if you have a lot of traffic, I give multiple ways of contacting and if there are no other ways then they can finally find contact form. Also Keisel makes great djent sticks!

[@sm1ley732]

all the captions you used in this video got me laughing so hard xdddd

[@proxies]

Captcha v3 will scan your browser data all behind the scenes and assign a score .1-.9, as it becomes more adopted, v2 aka the checkbox will be phased out

[@Mrdardas99]

Those sticky button widgets for sharing / accessibility on mobile that always hide some of the text content i'm trying to read. Horrible practice.

[@SchioAlves]

No URL/browser navigation, you want to go back or share a link to a specific page and you can't, because the dev gave a big screw you on the development; there's also the opposite: cluttering the navigation history to make the user hostage of the site; and there's the refreshing problem, either as a result of the first problem (if you refresh, you loose where you were) or the outrageous auto refresh

[@dgloria]

For the form you can add a min length of 20 chars, nobody serious gonna send you a filled form saying Just wanna say I love you. People are wordy.

[@anhonestdad]

The recaptcha thing is necessary to keep bots at Bay. Some hosting companies can block excessive emails. I would recommend adding an invisible captcha to the form instead. In most cases you don't have to do anything, but if your computer is doing something weird then it may prompt. This is a much better and more secure way of doing forms.

[@rafaelveggi]

Having to search for the searchbar

[@jasonk9431]

For Captcha I'd normally implement Google's V3 captcha where it would not appear to the end user at all, and I can choose what I want to do with the spam request.

[@stinkleaf]

AUTO ANIMATED HERO SLIDERS

[@GoMathewVideo]

Not necessarily bad ux design but I just found out that using rem versus px or pt on text is better for people who have certain settings on their web browsers. it is just a way of respecting your visitors.

[@blackpurple9163]

That's a basic thing everyone does nowadays, px or pt units are just the starting units for beginners who are just learning, they proceed to use rem and em on their own soon after

[@s8wc3]

All of windows 10

[@broberg.compositions]

RIP Kiesel. But true.

[@connorhsm]

Sure, I also find sites hiding an article and forcing you to sign up annoying but you justify this based on a statistic you pull out of thin air and then you do not even offer alternatives? How is anyone meant to avoid that nightmare then?

[@bromide01]

I do all of this everyday.

[@LucXX36]

Widget which are included and fixed on the side of the page and scrolling with. Like weather widgets, reviews widgets etc. Additional to the cookie bars you mentioned it's quite frustrating to scroll on mobile screens

[@humanontheinternet6510]

you could clear cookies and localstorage on the medium sight and refresh the page then you don't have to login

[@nodistractions270]

I used splash screen in order to play music on my friends website. I dont think that it is annoying tho

[@gracan.4193]

Hard to find scrollbars, I agree! I think some devopers don't like their site visitors.

[@boomshakalaka656]

nice funny video

[@mohammedhoorzook3614]

ReCAPTCHA 3.0 (Invisible)

[@SinaGilassi]

Very useful!

[@afsalmuhammed4239]

For medium articles, use incognito window😛😛😛

[@slipoch6635]

I find anything that requires scrolling for no reason other than they wanted to space everything out. If it ain't in the menu, I'm not going to go scrolling to find it. Also more than 5 items in a dropdown instead of using a megamenu, or nested dropdowns.

[@Shenepoy]

The medium thing if I ever see it I will just leave the site. Its like in old days in fourmes register to see/download

[@tikhonr9223]

One more thing on my opinion is sharp and loud misic on video's ... start or end )

[@lendenphoto]

you forgot about commercial auto-play video pop-out at the corner, that sometimes are too loud, even the page your reading has no video at all, or takes over the whole page and it's timed, before you can click on the x

[@NbaLive4ever]

Yes! Exactly! I’ve came upon this on Medium so many times in recommended articles and it’s sooo annoying and now whenever I see an article on medium that is recommended to me, I ignore it 🙄

[@w1d3r75]

I just read my 3 monthly articles lol then I'm out ✌🏿

[@NbaLive4ever]

w!1d3r so you’ve accepted how medium works 😂 I still haven’t lmao

[@_abhinavrajesh_]

When's the live stream?

[@tikhonr9223]

Thank you. Very much useful guide

[@MelinaH]

Lmao those things used to annoy me subconsciously all the time but I never really thought about it

[@geoffreydoornbosch62]

I was about to comment: the cookie horror.... and then you mentioned it!

[@naimahblake5876]

Yesssssssss please more vides like this on ui disasters and how to fix them or to start from scratch teach me like this if you want more videos like me

[@asherhaun]

Completely agree with number one, anytime a website does this to me, the tab is closed within three seconds

[@allluckyseven]

~07:10 - Google Chrome also has a contrast checker.

[@Beast80K]

Sir, can you make an video where you draw illustrations ?