Too narrow, hidden, minimal feedback…

  • LilDestructiveSheep@lemmy.world
    link
    fedilink
    English
    arrow-up
    90
    ·
    10 months ago

    Lots of people who are designing websites and webapps are just out for the design. Usability went in the background for whatever reason.

    But more and more people are getting more aware of user friendly UI and functions for people with disabilities. But yet it’s not the highest priority sadly.

    • Windex007@lemmy.world
      link
      fedilink
      English
      arrow-up
      27
      arrow-down
      1
      ·
      10 months ago

      for whatever reason

      Flashy sleek shit gets invested in.

      Outside of business specifically oriented towards people with accessibility issues, the energy just doesn’t translate into VC.

      Companies who do try to shoehorn it in when products are more mature usually have:

      1. A codebase with a frustrating amount of refactoring in order to retroactively get things in line.

      2. Development inertia where it’s seen as a low value activity among developers and product owners

      3. Lack of clear guidance/tools/processes to QA new work

      4. Lack of will to retroactively identify the breadth and scope of changes you even want to make

      There is no mystery. It’s not going to get you sexy VC money at the beginning, and then it’s bizarrely more work than you’d think once your project is sufficiently large.

      • Alatain@lemmy.world
        link
        fedilink
        English
        arrow-up
        12
        ·
        10 months ago

        That doesn’t explain why already established products are ditching things like plainly visible scroll bars in products like Microsoft word and other content viewers.

        • Windex007@lemmy.world
          link
          fedilink
          English
          arrow-up
          7
          ·
          10 months ago

          That’s true. I can speak from experience how I’ve seen it go down in many products, but no idea what apple and Microsoft are thinking.

          It’s bizarre, because usually at some point in size, companies will start to explicitly have accessibility UAT processes. Even directorship roles specifically with that responsibility

          • ChickenLadyLovesLife@lemmy.world
            link
            fedilink
            English
            arrow-up
            5
            ·
            10 months ago

            It’s bizarre, because usually at some point in size, companies will start to explicitly have accessibility UAT processes. Even directorship roles specifically with that responsibility

            I used to be a programmer for a large cable company (rhymes with “bombast”) and at one point I was the only programmer there working on accessibility in all their mobile products. The executives there at all levels had a shocking contempt for accessibility as something to even be concerned about at all and it showed in the disastrous state of all their apps. The only reason they even began to address the problem was the threat of million-dollars-per-month fines from the FCC for all the accessibility audit failures. They even hired a blind guy as accessibility VP but he quit in despair over the corporate lack of concern after just a few months.

      • Emerald@lemmy.world
        link
        fedilink
        English
        arrow-up
        1
        ·
        2 months ago

        This. And it doesn’t only apply to companies. I have a personal blog with a couple accessibility issues that I haven’t bothered to fix because I’ve built a lot of my CSS around my bad HTML. Part of the issue is that I built my site as a school project for a web design class I was taking, so code quality wasn’t great. One day I might redesign it better, but I don’t have the energy for now.

  • cley_faye@lemmy.world
    link
    fedilink
    English
    arrow-up
    50
    ·
    10 months ago

    But if we show a full-sized scrollbar all the time, we lose all that space that we could have left completely empty otherwise!

    Yeah, losing function over form is annoying.

  • CeeBee@lemmy.world
    link
    fedilink
    English
    arrow-up
    49
    ·
    10 months ago

    People with dexterity and hand control challenges have a difficult time with these skinny scroll bars.

    I have neither dexterity nor hand control challenges and I still find it incredibly hard to grab those skinny scroll bars.

    One additional design “feature” I really despise is auto hiding scroll bars. So then to visually see when I am I have to scroll up and down to bring it back.

    And web designers that do that stupid scroll hijacking where scrolling “stops” and then things move around for a bit should be launched into the sun. It’s the most anti-UX design I’ve ever seen. It’s literally the same as temporarily causing your mouse cursor to move in the opposite direction of input and then calling it a “design feature”.

    Imagine if each application on your computer arbitrarily changed up the direction your mouse cursor moves. It’s literally the same thing. Computer input should be 100% predictable and reliable. The instant you do that it makes the computer/program/website feel sluggish and inoperative.

    • atetulo@lemm.ee
      link
      fedilink
      English
      arrow-up
      17
      arrow-down
      2
      ·
      10 months ago

      Just more examples of modern designers creating shit to stay relevant.

      I hate modern design. We had good design up until the mid-2000s, then it all started going to shit.

      • floofloof@lemmy.ca
        link
        fedilink
        English
        arrow-up
        7
        ·
        10 months ago

        Back in the day, the guideline was to put useful information and links at the top of the page when it loads, so that people could read the important bits and follow the links they needed without having to scroll down. Then everyone started using the entire space on load for a stock marketing photo or video so you would always need to scroll to see anything useful. Then they added whitespace everywhere so you’d need to scroll more. Then they removed the scrollbars. And sometimes they make scrolling do unpredictable animations instead of scrolling. It has become self-indulgent design instead of functional.

      • ilinamorato@lemmy.world
        link
        fedilink
        English
        arrow-up
        6
        arrow-down
        9
        ·
        10 months ago

        We had good design up until the mid-2000s,

        …when people were saying “I hate modern design. We had good design up until the mid-1980s…”

        …when people were saying “I hate modern design. We had good design up until the mid-1960s…”

        …when people were saying “I hate modern design. We had good design up until the mid-1940s…”

        …when people were saying “I hate modern design. We had good design up until the mid-1920s…”

        Rinse, repeat. The past wasn’t always better, you were just younger. We just had different design problems in 2005.

        • Krudler@lemmy.world
          link
          fedilink
          English
          arrow-up
          6
          ·
          edit-2
          10 months ago

          Computer UI design is what is being discussed; not really pre-internet media.

          What happened is that pro tools became available to unskilled, untalented, and unseasoned amateurs around 2000. I think what’s being criticized is the “web 2.0” trend that arose when every nincompoop with cracked copies of Adobe/Macromedia Suite(s) could produce and publish trash, as became sooooo easy and cheap. Whereas prior to this shift in technology, design had to be well-conceived and intentional because proofing and publishing was an expensive barrier to tom-fuckery by hobbyists.

          e: spel

        • atetulo@lemm.ee
          link
          fedilink
          English
          arrow-up
          5
          arrow-down
          6
          ·
          edit-2
          10 months ago

          Wrong, but okay.

          There is a trend of users lowering their standards so developers’ jobs are easier. It’s why we don’t get settings as often as we used to.

          • ilinamorato@lemmy.world
            link
            fedilink
            English
            arrow-up
            6
            arrow-down
            4
            ·
            10 months ago

            No, we don’t get settings because companies skimp out on engineers to actually build the backend, and Apple normalized not being able to customize your workflow so people accept it. It has very little to do with design trends.

            • atetulo@lemm.ee
              link
              fedilink
              English
              arrow-up
              6
              arrow-down
              3
              ·
              10 months ago

              You just described design trends then said they have very little to do with design trends.

              • ilinamorato@lemmy.world
                link
                fedilink
                English
                arrow-up
                5
                arrow-down
                2
                ·
                10 months ago

                If you can’t tell the difference between design trends and management trends, I don’t think you know as much as you think you do.

    • fuckwit_mcbumcrumble@lemmy.world
      link
      fedilink
      English
      arrow-up
      2
      ·
      10 months ago

      Scroll bar hiding/skinny scroll bars are for people who don’t use them.

      Apple hides them by default because they expect you to use the trackpad/scroll pad(?) on the magic mouse.

    • ChickenLadyLovesLife@lemmy.world
      link
      fedilink
      English
      arrow-up
      3
      ·
      10 months ago

      Hey, it’s difficult to figure out how to present large amounts of information in a usable fashion. So let’s just NOT EVEN FUCKING BOTHER and just put everything into a gigantically long list instead.

      • qaz@lemmy.world
        link
        fedilink
        English
        arrow-up
        3
        ·
        edit-2
        10 months ago

        It’s not that it’s difficult, this method encourages “doomscrolling” because the user doesn’t actively decide to go to the next page.

        The Nielsen Norman Group observes that “infinite scrolling minimizes interaction costs and increases user engagement.” Infinite scroll keeps users engaged and on the page because the page never ends: there is always something more to see, no wait to see it, and very few interactions.

  • Eudaimonia@lemmy.ml
    link
    fedilink
    English
    arrow-up
    32
    ·
    edit-2
    10 months ago

    I feel you, so I have researched this:

    For Firefox you can change the width /style of the scrollbar:

    (A) In a new tab, type or paste

    about:config

    in the address bar and press Enter/Return. Click the button accepting the risk.

    (B) In the search box in the page, type or paste

    widget.non-native-theme.scrollbar.style

    © Press the Return or Enter key to find the setting. Click the Edit (pencil) button on the right side of the widget.non-native-theme.scrollbar.style setting.

    (D) Delete the current 0 value for the default OS style scrollbar. Then input the value 1 (Mac OS X), 2 (GTX), 3 (Android), 4 (Windows 10), or 5 (Windows 11) in the widget.non-native-theme.scrollbar.style box for the scrollbar style you want to change to. For example, enter 4 to change the scrollbar to the default Windows 10 design.

    (E) Click the Save button on the right side of the widget.non-native-theme.scrollbar.style setting to apply.

    Also for the hiding:

    Windows: Settings > Ease of Access > Display > Automatically hide scroll bars in Windows

    Mac: System Preferences > General > Show scroll bars

  • atetulo@lemm.ee
    link
    fedilink
    English
    arrow-up
    44
    arrow-down
    16
    ·
    edit-2
    10 months ago

    I call it the “War on Scrollbars” and I think it started when some meme about watching a teacher use a computer got popular. https://old.reddit.com/r/fffffffuuuuuuuuuuuu/comments/df8cd/watching_someone_use_a_computer/

    I absolutely hate how tiny scrollbars have gotten. I hate how clicking in a certain spot cause the scrollbar to move slightly instead of jumping directly to where I click.

    These are modern design decisions that I think shitty designers implemented because they need to feel useful. Then, autistic users who want nothing on their screen praise them for it.

    It’s disgusting and I hope, one day, we can look back on how the 2010s were the worst decade for software design so far.

    • Emerald@lemmy.world
      link
      fedilink
      English
      arrow-up
      16
      arrow-down
      2
      ·
      10 months ago

      Then, autistic users who want nothing on their screen praise them for it

      What does autism have to do with scrollbars?

    • aulin@lemmy.world
      link
      fedilink
      English
      arrow-up
      6
      arrow-down
      2
      ·
      10 months ago

      Actually dragging the scroll position indicator as in the comic is still cringe though. I fully agree with the usage of clicking to go quickly to where I want to go, but the most useful thing about a scrollbar to me is that I can look at it to know where I am in the page.

    • shotgun_crab@lemmy.world
      link
      fedilink
      English
      arrow-up
      0
      arrow-down
      2
      ·
      edit-2
      10 months ago

      Why would you want to make it jump directly? You can just hold until it gets there. If the content is excesively long, then the problem would be the designer

      • atetulo@lemm.ee
        link
        fedilink
        English
        arrow-up
        2
        arrow-down
        2
        ·
        10 months ago

        Lol.

        Rather than argue with people like you (which is a waste of time), I’d settle for a setting.

        Gonna block you now.

        • shotgun_crab@lemmy.world
          link
          fedilink
          English
          arrow-up
          1
          ·
          edit-2
          10 months ago

          Nah it’s fine I think I mandela’d or gaslighted myself. I’m also gonna downvote my failure

      • Mr_Blott@lemmy.world
        link
        fedilink
        English
        arrow-up
        18
        arrow-down
        5
        ·
        10 months ago

        Ironic that you didn’t scroll far enough to see the bit about the scroll bar 🧐

        • scottywh@lemmy.world
          link
          fedilink
          English
          arrow-up
          12
          arrow-down
          6
          ·
          10 months ago

          Also, linking to a shitty reddit post that forces me to open an imgur link that then again forces me to click the damn picture to be able to see it well enough to read is just stupid as well.

        • scottywh@lemmy.world
          link
          fedilink
          English
          arrow-up
          5
          arrow-down
          10
          ·
          10 months ago

          Lol… The scroll wheel is vastly superior to the scroll bar so that part is just stupid.

          • Mr_Blott@lemmy.world
            link
            fedilink
            English
            arrow-up
            11
            arrow-down
            5
            ·
            10 months ago

            Christ on a bike mate, that’s the point of the comic. You need to stop skimming things and actually start reading and understanding

      • atetulo@lemm.ee
        link
        fedilink
        English
        arrow-up
        6
        arrow-down
        5
        ·
        10 months ago

        Umm… what?

        At the very bottom, in big bold letters, it says “NOT USING SCROLL WHEEL” when someone using the scrollbar.

        Lol. It feels like ya’ll just say dumb shit to get a reply.

  • helmet91@lemmy.world
    link
    fedilink
    English
    arrow-up
    24
    ·
    10 months ago

    I have a broken scroll wheel (which happens every 5-10 years, whenever the lifecycle of my mouse reaches its end), and I feel the pain every freakin time I wanna scroll.

    Nowadays with such high-resolution screens I just can’t understand why it’s needed to make those scrollbars so narrow.

    • aksdb@feddit.de
      link
      fedilink
      English
      arrow-up
      3
      arrow-down
      1
      ·
      10 months ago

      Because the high res screens of the target audience are just 6.5" big.

  • solrize@lemmy.world
    link
    fedilink
    English
    arrow-up
    24
    arrow-down
    1
    ·
    10 months ago

    It could be that websites are being made unbearable, to pressure users into switching to the site’s mobile apps, which are generally spyware. I can’t stand looking at homedepot.com on a phone, for example. Even if I don’t look at the screen, I can feel the phone warming up in my hand as the crapware javascript on the site drains the phone battery.

    • RaoulDook@lemmy.world
      link
      fedilink
      English
      arrow-up
      2
      ·
      10 months ago

      I just generally don’t browse the web on mobile unless I’m away from home and don’t have a computer nearby. Phones are inferior computers.

  • varogen@lemmy.world
    link
    fedilink
    English
    arrow-up
    22
    ·
    10 months ago

    For a while I was playing video games with a mouse that had a broken scroll wheel. Some games just don’t even implement a scroll bar at all… So you have to hold down the arrow keys to go through each item. So infuriating.

    • helmet91@lemmy.world
      link
      fedilink
      English
      arrow-up
      5
      ·
      10 months ago

      Well, I won’t agree, because I haven’t met with this problem yet. I’m just here to somewhat disagree with the upvote part: in my book, upvote means agreement. I find it totally unnecessary to repeat the same thing, when you can just upvote. That’s what upvote is for.

      (But as I said, I didn’t agree, so it wasn’t me, I didn’t upvote.)

    • ChickenLadyLovesLife@lemmy.world
      link
      fedilink
      English
      arrow-up
      2
      ·
      10 months ago

      My favorite text-related thing in websites is the layouts with enormous amounts of screen real estate that still put important information (like song or film titles) in a single line that ends up truncated with ellipses (with bonus points when they don’t even implement a tooltip that would show you the whole thing). Like, wrapping text and having the rest of the UI flow beneath it has been easy to do in any language for literally decades, but somehow programmers don’t know how to do it and designers get pissed if you make them even think about that.

  • Fisch@lemmy.ml
    link
    fedilink
    English
    arrow-up
    21
    arrow-down
    3
    ·
    10 months ago

    I like the way GTK is doing it. You have a thin scrollbar that is overlayed over the content and has no background (so just the knob) but when you get near it with the mouse, the background appears and it becomes double as thick. That way you’re not wasting any space but you don’t have this issue of it being hard to use either.

    • atetulo@lemm.ee
      link
      fedilink
      English
      arrow-up
      20
      arrow-down
      3
      ·
      10 months ago

      Am I the only one who never considered normal scrollbars to be a ‘waste of space’?

      It’s surprising to me how modern designers seem to care about scrollbars, but not all the white space we see on everything else.

      • GoosLife@lemmy.world
        link
        fedilink
        English
        arrow-up
        17
        arrow-down
        1
        ·
        10 months ago

        Minimalist design really went from “maybe 38 different clickable links isn’t the most optimal way to get around this site, we should probably optimize how we use screen space” to “WE MUST GET RID OF USEFUL FEATURES SO WE CAN DISPLAY 5-8 MORE PIXELS OF WHITESPACE” in the span of a decade lol

    • erzatz_cadillac@lemmy.world
      link
      fedilink
      English
      arrow-up
      14
      arrow-down
      1
      ·
      10 months ago

      What I also like about GTK’s scrollbars is that the scrollbar only auto hides when the scroll area completely looses focus. As long as the mouse cursor is hovering anywhere in the scrolling region the scrollbar is visible, so you don’t have to scroll first to see where the scroll position is.

  • Drbreen@sh.itjust.works
    link
    fedilink
    English
    arrow-up
    14
    arrow-down
    1
    ·
    edit-2
    10 months ago

    X buttons are another problem, light grey and fucken 10% opacity on a white background and the target is right in the middle of the intersect.

    • ChickenLadyLovesLife@lemmy.world
      link
      fedilink
      English
      arrow-up
      2
      ·
      10 months ago

      I can’t stand tiny buttons whose clickable area is limited to the graphic itself, just virtually unusable. I’m a mobile app programmer (or used to be, anyway) and whenever I got handed a design like this to implement I would always make the tappable area larger than the graphic itself - and then have to deal with angry designers who insisted that was a violation of their design principles. On more than one occasion, I was ordered by managers to undo the already-implemented larger tappable regions, on the hilarious grounds that implementing them would take too long.

      • deleted@lemmy.world
        link
        fedilink
        English
        arrow-up
        2
        ·
        10 months ago

        You made them lose money my friend.

        They want you to click by mistake to show “engagement”.

  • Kyiro@lemm.ee
    link
    fedilink
    English
    arrow-up
    9
    ·
    10 months ago

    Customizing the scrollbar on Firefox using CSS is different so many sites don’t even bother and keep the default one

  • jcdenton@lemy.lol
    link
    fedilink
    English
    arrow-up
    10
    arrow-down
    2
    ·
    10 months ago

    Overlay scrollbars. Luckily in gnome and kde plasma you can disable them and get real always visible scrollbars

    • z500@lemmy.world
      link
      fedilink
      English
      arrow-up
      12
      ·
      10 months ago

      According to the article they took away the override setting in GTK4 and they aren’t bringing it back