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.

  • blechlawine@feddit.org
    link
    fedilink
    English
    arrow-up
    6
    ·
    6 hours ago
    • websites that fuck with scrolling in any way
    • autoplaying videos
    • sticky videos
    • developer focused websites without darkmode
    • popups when you move your cursor out of the window of the website
    • unprompted popups
    • links that break middle mouse button clicks for opening in a new tab
    • burger menus on an otherwise rather empty website, or pure content site on desktop
    • gigantic text, where 2 rows take up my entire screen, especially bad on larger monitors
    • that relatively new sign in with google popup on the top right on some websites
    • low defaults for amount per page selectors in product lists or similar, the default should depend on how many products fit on my screen, not some arbitrary value
    • slow loading content, or other requests that take more than ~100ms. With a modern internet connection this shouldn’t happen
    • (not cookie banners in general, but) overly large cookie banners, also the legitimate interest toggle which, most of the time, is enabled by default (you might have interest in my data, but its definitely not legitimate); or cookie banners which block you from reading the site before clicking anything, (I know this is related to legal stuff it is not legally necessary to make invasive cookie banners)

    Other people have already mentioned some of these as well

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      1
      ·
      6 hours ago

      I hate having to toggle off legitimate interests off vendors too. The very premise of this option has been anti-consumer from the beginning.

  • RageAgainstTheRich@lemmy.world
    link
    fedilink
    arrow-up
    13
    ·
    8 hours ago

    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.

      • Ephera@lemmy.ml
        link
        fedilink
        English
        arrow-up
        2
        ·
        4 hours ago

        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.

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      2
      ·
      7 hours ago

      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.

  • SouthFresh@lemmy.world
    link
    fedilink
    arrow-up
    22
    ·
    9 hours ago
    • 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 to 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.
    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      4
      ·
      edit-2
      8 hours ago

      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

    • Pika
      link
      fedilink
      English
      arrow-up
      2
      ·
      8 hours ago

      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.

  • promitheas@programming.dev
    link
    fedilink
    arrow-up
    26
    ·
    9 hours ago

    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.

  • mlg@lemmy.world
    link
    fedilink
    English
    arrow-up
    7
    ·
    7 hours ago

    A morbillion javascript frontends, data hoarding middle ends, and another morbillion tracker tags all so you can display 5 sentences of text and a default picture which causes the website to take 5000 years to completely render as you watch Wappalyzer light up like a christmas tree on fire. Use static HTML and CSS ffs, it’s there for a reason.

    Modern HTTP is such a horrendous steaming pile of crap that I could honestly spend an entire day talking about the horrible ways we accomplish WWW, with about a solid 70% of it being directly attributed to pos Google.

  • karpintero@lemmy.world
    link
    fedilink
    arrow-up
    17
    ·
    edit-2
    9 hours ago

    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.

    • m_f@discuss.online
      link
      fedilink
      English
      arrow-up
      2
      ·
      9 hours ago

      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

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      1
      ·
      8 hours ago

      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

  • actionjbone
    link
    fedilink
    arrow-up
    12
    ·
    9 hours ago

    Websites that deliberately disregard browser settings and find ways to forcibly autoplay videos.

    That includes sites which use animated gifs in order to simulate playing a silent video, to trick you into clicking on it.

    Just give me a damn still image if I don’t want video. I will only get angry if you shove video down my throat.

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      1
      ·
      8 hours ago

      Apart from Youtube, I haven’t encountered any website force autoplaying videos. Maybe that’s because of the filter list set in my adblock.

      That includes sites which use animated gifs in order to simulate playing a silent video, to trick you into clicking on it.

      Now that’s just dirty play.

  • 🇰 🌀 🇱 🇦 🇳 🇦 🇰 🇮 @pawb.social
    link
    fedilink
    English
    arrow-up
    10
    ·
    edit-2
    9 hours ago

    Making the page have empty margins by squeezing all the content into the middle of the page. When I started learning how to make website back in the 90’s, this was considered a major no-no. It’s really only done these days, because they focus entirely on how it looks on a phone held vertically than on an actual computer. But there’s no reason to not have it use the space on devices that can see it.

    • Pika
      link
      fedilink
      English
      arrow-up
      7
      ·
      8 hours ago

      Which is dumb because CSS allows you to change the design based off screen size, so it’s 100% developer laziness.

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      3
      ·
      8 hours ago

      I agree with this to some extent. For even wider lines of text occupying the entire desktop screen, it actually becomes hard for me to discern which line I am currently reading, causing me to start reading the entire line all over again.

    • Yardy Sardley@lemmy.ca
      link
      fedilink
      arrow-up
      2
      ·
      edit-2
      8 hours ago

      Mobile-first is supposed to be a specific way of implementing responsive design, but I think a lot of people say “job done” after the first step and never get around to the whole responsive thing. I think it’s easier to use a mobile layout on desktop than it is to use a desktop layout on mobile, so in that way I think mobile-first is a good principle to follow. But I agree, making a desktop layout that looks good is ignored far too much these days.

  • qaz@lemmy.world
    link
    fedilink
    English
    arrow-up
    3
    ·
    7 hours ago

    Large empty margins, especially when the content in the middle doesn’t fit due to a lack of space

  • Flagstaff@programming.dev
    link
    fedilink
    English
    arrow-up
    12
    ·
    9 hours ago

    I personally find fading-in of web elements in scroll to be annoying. Cookies should also have an immediate one-click reject-all button directly visible without having to enter any menu.

    Oh, also, any links that are inaccessible by Vimium are annoying.

    • Pika
      link
      fedilink
      English
      arrow-up
      3
      ·
      8 hours ago

      Cookies should also have an immediate one-click reject-all button

      I’m actually fairly certain that to be GDPR compliant they are supposed to have that. At the very least it isn’t supposed to default to “accept all” either.

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      1
      ·
      9 hours ago

      I was intrigued by the existence of a Vim based application for browsing, but not surprised.

      How would I come about ensuring compatibility for websites with multiple interactive elements for viewing in Vimium? Do I install and test the website on Vimium during development too?

  • Pika
    link
    fedilink
    English
    arrow-up
    7
    ·
    8 hours ago

    Browser incompatibilities.

    I use Firefox, Firefox is not a niche/unused browser. There is ZERO excuse for your web forms or pages to not work correctly because I’m using it. At the very least, all sites should be compatible with the latest form of Edge (gross), Chrome, Firefox and Safari. Those are considered Mainstream browsers. If your site fails to work on them properly, that’s one of the easiest ways to make me disappear off the site.

    Another big UI thing is infinite load pages. I don’t care about the next article in line, give the user a sidebar or bottom container that contains related content, then I as a user can decide to click it or not.

    And one last thing that many don’t take into consideration. Have a functional print layout of the page. So many sites don’t bother making a print layout but, as a user if I see something that I like, I might save it to a PDF, or print it out to show the family. When I do that I don’t need the headers(except maybe the title box?), banners, footers, splash screen, ad boxes, comments etc. I only really need the main body content. The print layout will show the URL if enabled, so I can always find my way back to the page without it. A lot of times if I am doing this, it’s because it’s significantly easier to show my family then having to somehow get them to visit the page.

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      3
      ·
      8 hours ago

      The part about having proper print layout of the site is actually interesting to me. I just learned about it recently and was curious about how there was explicit CSS support for this. This introduces an entirely new perspective on how a website should be designed to offer reliable print support that I am willing to learn.

      • Pika
        link
        fedilink
        English
        arrow-up
        3
        ·
        6 hours ago

        Yea, not many sites bother but, the action makes it so much better, especially if the main content was supposed to be something that the user is supposed to digest such as a recipe or wiki site.

        The @media print css at-rule makes it super easy as well. just hide everything but what you want to show, and adjust the margins how you like it.

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      1
      ·
      8 hours ago

      I was indeed getting the vibes of reading this article. Setting aside the topic of the website, I enjoy reading articles explaining stuff with this type of humour. Sadly I wouldn’t be able to ask ChatGPT to write me one that would leave me with the same satisfaction as this one.

  • Yardy Sardley@lemmy.ca
    link
    fedilink
    arrow-up
    8
    ·
    9 hours ago

    The one thing that really grinds my gears above everything else is how on some news sites, there’s an autoplaying video at the top of the article that follows you when you try to scroll past it. An autoplaying video is bad enough, but that’s just infuriating.

    I find news sites tend to make the most aggressively bad UX decisions, most of them are a nightmare to visit even with an adblocker installed.

    • jonathanvmv8f@lemm.eeOP
      link
      fedilink
      arrow-up
      3
      ·
      8 hours ago

      RSS Feed was a godsend for me, because it finally relieved me of the chore of visiting a webpage of news site to look for latest news.

      Agree on the hostile UX of news sites. The experience is worsened extensively when viewing on mobile.