I wish to understand what elements or aspects of the design of modern websites the end users are annoyed from. Though you are free to express your personal opinions, it would be even more insightful if you could provide objective criticism and suggestions for alternative implementations so that I may incorporate the same in my current and future projects to make them as user friendly as possible.
Some criticisms I have encountered a while back include:
- Switches being basically checkboxes with more ambiguous active state
- Scrolling animations that prohibit user from linearly scrolling through the page
Make sure that the opinion is not
- Related to business/legal matters e.g. Cookie consent notices, ad banners etc.
- Too vague e.g. Poor website layout
- Highlighting objectively bad practices e.g. Lack of accessibility features
I recognise I could have followed a design system for this question, but I want to understand the situation from the perspective of the end users to see if they have a differing view on what a convenient user experience should be like.
This might be out of scope but: Cookie banners. Please just give me one single button to disagree to all unnecessary cookies like intended by law. And stop this “legitimate interest” bullshit where I have to disagree AGAIN but this time MANUALLY for each of your 873 “partners” to actually disagree?? If you give me an option to disagree to all but then there’s also 800+ secret checkboxes to REALLY disagree, that just feels like you’re making fun of me.
Like a lemonade stand that also offers urine and when you don’t want urine in your lemonade, they instead just directly piss in your mouth. Not a great user experience…
Hijacking ctrl+f or forward slash. I use those to tell my browser to search the text of the current page. When websites steal that from me and make it do a search within the website, I get extremely upset.
The arrogance, the fucking gall it takes to do shit like that. It’s insane.
Another one is unloading content after you’ve scrolled past it, meaning I can no longer get search hits where search hits should definitely be happening.
Mouse-over menus that don’t stay open to be able to navigate to the other end of that menu.
Hamburger menus with the button in the top left corner. Bro, my thumb is down here in the bottom right corner. I already try to buy smaller phones and it’s still almost impossible to use these menus. Would it be so hard to at least put them on the right side?
Auto playing video if I clicked a link that was not indicated beyond any reasonable doubt that it was a video.
Making any sound at all unless instructed to.
pages that move after the initial load without user input should be illegal.
Yeah, but we wanted to load an ad, just at the place you thought was a link you wanted to click on… /infuriating
Does getting ready to click on something count at user input?
A big plus one to ambiguous switches. Two things I didn’t see already mentioned:
First: if you have content that requires horizontal scrolling, like a big table or report, that horizontal scroll bar needs to be on the screen, not at the bottom of the report. I shouldn’t have to scroll hundreds of rows vertically in order to be able to scroll horizontally. While we’re at it, column headers need to stay on screen when you scroll vertically past them.
Second: if there are two choices, identifying which is active needs to be more than just changing the color. Outline that shit or add a halo, throb, or something. Sometimes a user depends on tabbing and not using a pointing device or touch screen, especially when using assistive technology. This is especially heinous when the content is consumed on a tv using a remote control, such as a streaming service or DVD menu.
Pictures that don’t change size when you pinch zoom the page.
Hidden scroll bar. We don’t need that extra half centimeter of content, we need a visible scroll bar I can conveniently grab. Why do I have to try to maneuver the cursor to the right spot to make the scroll bar appear, then find the current position, move the mouse to it hoping the scroll bar doesn’t disappear again, and finally get to scroll.
Both infinite scrolling and excessive paging interfere with me being able to navigate to a spot.
- If you need to do infinite scrolling do it the right way and just display it all on one page. It’s not like the content is ever a significant part of the bandwidth needed. Now you can simplify your buggy JavaScript monstrosity by not implementing paging and I can use <CTRL-F> to more easily find what I need
- and seriously stop with the excessive paging - we all have computers that can manage more than 12 lines of stuff. I’m not even talking about the slideshow websites, at least they have the logical motivation of maximizing ads. For example if I’m reading some dreck ranking the us state on some metric, it’s ok to display all fifty on one page. If I’m reading something with a list of thousands why am I paging through 10-20 at a time with no way to jump to what I’m looking for?
When a page is so bloated with crap, certain elements load much after certain others, leading me to believe the page has loaded, and to click on something jus as somthing else loads and pushes it down/to the side.
YouTube is there absolute worst at this
“Cumulative Layout Shift”
It’s so annoying.
And 100% of the time the thing you end up clicking is an ad. It’s definitely intentional.
“Intentional” is the perfect word
The YouTube Android app does that, and it’s fucking annoying.
This. So many times this. It drives me bananas.
- I don’t understand the logic of presenting just-arrived users with a popup to sign up for a newsletter or anything. I have just arrived and will need time to see the content before I can make that kind of decision.
- likewise, I do not understand moving a video to floating at the bottom corner of a page after I have scrolled past the original location of the video. If I wanted to watch the video, why would I have scrolled past it? Very often reading is superior so moving the video to the corner only adds distraction to my attempt to consume your content.
- Please do not overwrite established keyboard shortcuts for browser functions. Even if you have a desktop version of your web-app you should accept that your users are using a browser to access the web-app version of your product and retain all established browser keyboard shortcuts.
- Lazy loading of data is counter productive most times. When a set of data is presented by a web page, pagination is fine. This provides a clear indicator that the set of data on the current page is complete, and a CTRL-F can be performed. The process of lazy loading of additional data after scrolling to a certain point provides the end user not visual cue where the current set of results lives within the full set. In the best of cases this means having to continually scroll to the bottom of a page until nothing new loads before doing a search through the results. In the worst of cases lazy-loading will remove earlier entries and make it completely impossible to do a search through presented results.
- Is your site or product intended to be end-user data to sell to data brokers? If not, then you should not be engaging in any practices that will result in any data being sold to anyone. If you are selling a physical product or service that is unrelated to end-user data and you still find yourself tempted to sell end-user data, please consider increasing your product’s price instead. This practice makes it seem that your product or service is not of high enough quality for you to make the money you need from it, and instead have to rely on the questionable practice of selling user data to close that gap.
- Nagging customers to disable ad blockers is objectively pathetic. Unfortunately these are NECESSARY because the vast majority of sites pushing advertising are doing so through 3rd party services that are NOT moderating the content of the advertisements to remove malware or outright scams. Either accept that this is a security necessity, or insert your advertisements yourself. The vast majority of ad blocking software do so based off of the established codes used by 3rd party ad vendors and manually inserted advertisements will not suffer. Your ad network made this a requirement and you should be punishing them, not your users.
- if you have pagination on your site’s content, either allow the next set of results to actually load a new page, or ensure that clicking “Next” also includes moving to the top of the list when the next page is loaded. After clicking “Next” I shouldn’t have to manually scroll up to the top of the new results.
“Overly verbose text and introductions” - starting to suspect that a lot of these articles weren’t written by a human, which makes you wonder if any of the information is accurate.
omg point 2 makes me want to leave the site.
So many sites do this with “trending” or “new” content. Like youtube used to repeat your shorts every 3 or 4 rows of video to try and convince you to watch shorts. Drove me crazy at the time because I have no interest in them.
All of your points are valid, in fact I’ve personally had the same opinions for points 2, 3, 5 and 6 for a while. I wish I could upvote for each of your points
And just like that, all the vague annoyances I’ve had just became tangible. Thanks.
Put a damn selection area around your switches/check boxes so I don’t have to click precisely on the teeny tiny little box with my giant fingers. You know what I want to do, There are no other elements near it. Just put a damn div area around the object that has an onclick so I can toggle the thing without zooming it to the size of my screen to press right on the tiny little button to toggle my setting
Switches and checkboxes that are unclear if they are on or off and which option does what.
I see it a lot in games where it is extremely unclear from the wording and the swith/checkbox if it needs to be on/checked or off to make the thing do as you want.
And when the swith has a light green and slightly grayer light green or similar as ita colours it doesn’t help, because not only doesn’t you know what way the swith need to go to get the outcome you want. You doesn’t know what way the swith is going anyway.
How did you manage to type “swith” so many times?
Looks like autocarrot to me.
Because fewer and a faulty auto correct.
One terrible combo is infinite scroll plus links in the footer (Bing does this, if you needed another reason not to use that site). I think pagination is generally a better pattern, since you can link to a specific page.
Also lack of back button functionality and having your state reset on refresh are also pet peeves.
Bing does this
I’m pretty sure you can disable it in options, because it has defined pages for me.
Related, pagination can still get broken if you try hard enough. Some sites have pagination, but bump up the id of old posts every time there’s a new post, so it’s still useless because the links will change content
bump up the id of old posts every time there’s a new post
That’s probably the worst thing I’ve read today, it’s such a bad thing to do on so many levels wtf
Sometimes it becomes a race between me and the site implementing infinite scroll to see if I can reach the footer before the site can load more content; the only time I curse my internet connection for being good
One thing i hate most is when websites act like an app without url changes. So when you click “back” in your browser, nothing fucking changes and you are still on the exact same page.
Same thing happens when you change for example a filter on a website showing a list of items. So when you set up the filters and then click on an item, then click “back”, everything fully resets because non of it was set in the url.
You can’t share the url with anyone because it just opens the website in its default state.
As an example, imagine a website showing all games. You set the filter to show playstation only or sort it by popular. Then if you click on a game, then go back to the list, everything has reset. Its no longer sorted by popularity. Its no longer playstation only games etc.
It fucking infuriates me.
Or when browsing images or videos, and when you click on one and go back, it goes all the way back to the top. Because the genius that made it wants shit to load as you scroll. And then not store that scroll position in the url. So you are right back to where you started.
Single page applications and their consequesnces.
Yeah, particularly bad SPAs. All these things can be solved correctly, but implementing an SPA means you suddenly have to solve these problems, which just don’t exist with traditional document-like webpages.
I can relate to this too. I try to fight the site out of spite by furiously clicking on the back button of the browser to get me to the home page, and it does show the page for a split second before undoing the redirects and pulling me back to the page I was originally in. In the end I have to succumb to using the website’s own navigation buttons to incrementally head back to the starting page.