Submitted 1 year ago by KelsonV@lemmy.world to technology@lemmy.world
https://artemis.sh/2023/10/12/scrollbars.html
Too narrow, hidden, minimal feedback…
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.
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:
A codebase with a frustrating amount of refactoring in order to retroactively get things in line.
Development inertia where it’s seen as a low value activity among developers and product owners
Lack of clear guidance/tools/processes to QA new work
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.
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.
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.
And just straight up broken by idiocy like infinite scroll.
I would imagine the same designer who implements infinite scroll would also design bad scrollbars
I recently had to talk a designer out of implementing a “webpage progress indicator” that was a thin horizontal bar across the top of the page that filled in as you progressed through the content.
Most fun are the infinite scroll pages with a footer.
links that are only modal floater windows drive me insane too. this isn’t anything! make a website!
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.
It’s not 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.
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.
That scroll hijacking legit feels like getting stunned in call of duty or something, suddenly your mouse just doesn’t want to do what you tell it to.
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.
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.
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.
Make America-Online Great Again!
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.
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.
They need that extra space to cram in more ads!
I call it the “War on Scrollbars” and I think it started when some meme about watching a teacher use a computer got popular.
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.
Then, autistic users who want nothing on their screen praise them for it
What does autism have to do with scrollbars?
That meme has nothing to do with scroll bars though…
Ironic that you didn’t scroll far enough to see the bit about the scroll bar 🧐
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.
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.
Why would you want to make it jump directly? You can just hold until it gets there. If the content is too long, the problem would be the designer
Lol.
Rather than argue with people like you (which is a waste of time), I’d settle for a setting.
Gonna block you now.
I am sick of modern minimalist UI where functionality is not a priority.
I always prefer win32 applications for this reason.
Heck, I even prefer the ultra-skeuomorphic textured-everything approach of Mountain Lion-era OS X over the current ultra-minimalist approach where everything is either a hairline or a big flat monocolored shape.
It actually makes it harder to parse the UI when a button, a text field, a label, and a random part of the window can look exactly the same. I’d rather take a file manager that tries to look like a 1980s hifi stereo.
Or you know, a reasonable middle ground.
In the early '90s Alan Cooper wrote a book called About Face which unfortunately has dropped off the face of the earth as far as its influence on UI design is concerned. One of its many sensible proscriptions was that UI elements that can be interacted with should be visibly distinct from elements that are just there to display information. As a programmer, it drives me insane to have to use any of the modern apps that have completely abandoned this principle - or to have to deal with designers who have literally mocked me for thinking this is important.
But but… but… Apple bad!
That shit started with win2k/winme already. That’s when the borders of controls were made thinner, icons were made with less contrast and the first flat buttons that only show their border on hover were being used. So it’s quite some time already that this is going downhill.
(tbf, I think the flat buttons were mostly intended for toolbars, but still, style won over function)
Fucking ribbon menus can eat my salty ass
You can hide ribbon menu afaik by double clicking on any tap. I’m sure least MS Office support it.
Form follows function! Not the other way around!
You’re correct.
However, in our capitalist world, form follows profit. 
I would like my scroll bars back please. Scroll wheel on a mouse is not enough. Neither is a fling gesture on touchpad or screen.
Sorry bro, the modern designers said they were too big.
You can use the scrollwheel on your mouse, though. Have you seen the meme?
I’ve never seen that gif before in my life. Stop bringing Reddit with you everywhere
I love it when scrollbars are like, half an atom wide. Makes it easy to use the website.
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.
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.
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.
Because the high res screens of the target audience are just 6.5" big.
What the fuck is it with apps just making the scrollbar completely hidden until you scroll with the mouse or keyboard? Microsoft seems like the biggest offender with this. It’s so irritating, they’ve got more than enough space to just keep it around all the time, it’s what I’m expecting to find there, hiding it just makes more annoyed each time. It’s not as bad if you’re using a mouse with a scroll wheel, but on a laptop with a trackpad it’s beyond annoying.
I assume it's part of a trend of having as much useless white space as possible, so that they can stuff more ads into it.
I guess they think all trackpads do the two finger scroll now. Not always the case.
Yeah seriously. Like I am okay with them auto hiding when the mouse is away, but nowadays, even when you’re mousing over them, they’re only like 3-4px wide. What kind of a mouse target is that?! Ridiculous.
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.
Don’t get me started on single line text fields. Either I have the world’s slowest onset of Parkinson’s disease or they are making the clickable area of the text Fields smaller than the height of the actual text these days
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.)
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.
So, to tl;dr the article: size does matter
It’s not the length of the scrollbar, it’s how you use it (and also girth)
I’ve never even used them. I just scrolled with a mouse or the touchpad gesture, and its much more convenient.
X buttons are another problem, light grey and fucken 10% opacity on a white background
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.
Even using pc all day I can’t click a scroll bar on the first time!
Seems like I’m gonna get downvoted for this, but I’m all about that out of sight, out of mind vibe when it comes to things that aren’t used often.
Customizing the scrollbar on Firefox using CSS is different so many sites don’t even bother and keep the default one
Overlay scrollbars. Luckily in gnome and kde plasma you can disable them and get real always visible scrollbars
My eyesight is not the best (and my screen isn't that big), but I still don't mind it (for example Firefox). I like that it doesn't seem to change content width (even expanded, it's still in the margins with my higher zoom level). Though I could see using a brighter scroll bar, particularly as it gets smaller (also, a darker scrollbar background to increase contrast). Color might help for readability too.
Back when I used Chrome I didn't like the white scrollbar background and light-gray bar that was horrible contrast yet too bright. At one point I used an extension to fix that with a thin-but-high-contrast bar.
Then again, I also made my own ultra-compact window theme for XFCE (well, XFWM). Frameless and the titlebar is 12px tall but the window buttons are only 8px tall... some of the buttons are slightly wider to compensate, though I would ideally like to allow them to be wider with a wider window (with the current setup, a long-titled window will be made shorter if the buttons take up too much space on a small window). There is some utility for this as well, as I can have a small music player on-screen or even rolled up and it doesn't block much on the screen. Though I admit it's diminishing returns, specifically without making my own WM which I am unlikely to do.
The text boxes full of text, with both a horizontal and vertical scroll bar, on a page with a scroll bar. When I use the mouse wheel near the bottom of the text it scrolls right, towards the right it scrolls down, but I actually wanted to scroll the page down.
I’ll see ones that seem to show up visually but I’ve never ever been able to click onto it and move it.
I bought a macropad with knobs just because of this… (I use a Wacom tablet in place of a mouse and it doesn’t have a worthy scrollwheel alternative, so I couldn’t navigate many “modern” websites and programs)
The steam scroll bar is so tiny that i thought it was a reflexion on the screen.
You can make your own with css if you want. I noticed this guy can write a whole blog post about it but he didn’t bother to do that on his own site lol.
Doesn’t bother me. I’ve been using scroll wheels on desktops and the two finger swipe on laptops for so long that it has to have been at least 20 years since I’ve last used a scroll bar. They could disappear entirely and I wouldn’t even notice.
Not me installing a css snippet in Obsidian to solve this exact problem.
Boozilla@lemmy.world 1 year ago
UX design got better and better for many years…but it has definitely been regressing over the past few years, IMO. It’s weaponized minimalism at this point. Because it “looks cool, bro”.
It’s a variant of enshittification.
NewNewAccount@lemmy.world 1 year ago
The overuse of the word enshittification drives me crazy.
agent_flounder@lemmy.world 1 year ago
Enshittification of “enshittification”
/s
p03locke@lemmy.dbzer0.com 1 year ago
Yeah, it has a very specific meaning, and people are now using it to mean “things becoming shitty”. Just because “shit” is the base word doesn’t mean that’s what the whole word means.
ubermeisters@lemmy.world 1 year ago
Yes, thank you! I thought I was the only one I feel like an old man yelling at the clouds every time I see it.
Steeve@lemmy.ca 1 year ago
Feels like it’s always been a buzzword for whatever someone doesn’t like right now
burliman@lemm.ee 1 year ago
Thank you. I think it was overused even the moment it was used for its intended purpose. It feels really im14andthisisedgy to me.
chris@lemm.ee 1 year ago
Underuse IMO. We’ve grown complacent in so many regards.
atetulo@lemm.ee 1 year ago
What do you mean ‘overuse’?
It’s just now entering our vernacular.
ModsAreCopsACAB@lemm.ee 1 year ago
Are they wrong for using a word correctly? Or are you wrong for being a bitch about it? Hmmm.
Rai@lemmy.dbzer0.com 1 year ago
It’s Lemmy’s “play stupid games…” variant
Boozilla@lemmy.world 1 year ago
Yup, and when I used it, I knew someone would bitch about that. It’s funny how people get hung up on their pet peeve more than they do the more serious underlying issues we’re talking about here. It’s the same phenomenon politicians and wealthy elites use to keep us fighting each other over trivial culture war bullshit instead of pulling together to improve our material interests.
foggy@lemmy.world 1 year ago
Buy!!!?
[YES SPEND ALL MY MONEY]
[no]
ubermeisters@lemmy.world 1 year ago
Then you go to click [no] and the web page magically loads something else above it, which moves the page contents, forcing you to click the [yes].
Boozilla@lemmy.world 1 year ago
LOL, harsh facts right here.
_number8_@lemmy.world 1 year ago
applying any design language feels wrong. it’s pure manipulation – i remember being forced onto the official twitter app and couldn’t believe there wasn’t a scroll bar. i felt lost; the timeline felt infinite, swallowing
I_Miss_Daniel@kbin.social 1 year ago
They want you doom scrolling.
It's one reason I like kbin. I'll read to page 5 and that's my limit for a session. Endless scrolling is annoying.
Ghostalmedia@lemmy.world 1 year ago
I would are that the design industry has gotten better about understanding a user’s core motivations, and how design can solve business problems, but it’s gotten worse at classic interaction design / HCI.
The UX industry is FULL of bootcamp people or former graphic designers who never really studied or were passionate about interaction models.
As with engineering, the demand for UX designers is so high that a lot of mediocre talent can easily get a gig.
Boozilla@lemmy.world 1 year ago
Those scenarios you paint definitely exist.
In my decades of work experience, I’ve also seen it play out a few ways. Sometimes the shop creating the software is too cheap to hire a real UX designer, and they make some poor coder do their best with it (and the coder will usually admit they are not good at it and is frustrated with being coerced into it). Sometimes they hire a good UX person, but that person is constantly overridden / micromanaged by some “marketing genius” MBA type with horrible ideas of user behaviors they want to “push” and other behaviors they want to “disincentivize” in the UX.
On a few (rare) projects, I’ve seen it done correctly where the UX designer is considered a vital part of the team and their input is valued and they do a good job and focus on what users actually want and need.
Some businesses still understand that if your customers are happy, everything else tends to go better for your businesses. But in this era of relentless enshittification, more and more businesses are looking at their customers at naughty children and/or suckers to be exploited. I keep hoping for a massive backlash against this trend. But it feels like it has to get even worse before it will get any better. They have conditioned younger customers to just expect shit products, shit service, and shit subscriptions for everything. UX design has gotten caught up in this sea change, unfortunately.