Scrollbars. Ever heard of them? They’re pretty cool. Click and drag on a scrollbar and you can move content around in a scrollable content pane. I love that shit. Every day I am scrolling on my computer, all day long. But the scrollbars are getting smaller and this is increasingly becoming a problem. I would show you screenshots but they’re so small that even screenshotting them is hard to do. And people keep making them even smaller, hiding them away, its like they don’t want you to scroll! “Ah”, they say, “that’s what the scroll wheel is for”. My friend, not everyone can use a scroll wheel or a swipe up touch screen. And me, a happy scroll-wheeler, even I would like to quickly jump around some time.
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.
It is Sublime Text!
I personally love it, but IntelliSense made me switch some time ago. The free version asks you to get a license every 50 or so saves, just saying that in case it bothers someone. Other than that, it’s a pretty great text editor, definitely much faster (and less bloated) than VSCode.
Many mouse wheels act as a button as well. Hold the button down while moving the cursor up or down to scroll effortlessly. The further the distance you move the cursor, the faster it scrolls.
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.
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.
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.
Eh, scrollbars are one of my least favourite UX design choices, though I respect that some people like them and do think that they should be a reasonable size for those who do want them.
There are so many better ways to navigate vertically scaling content now (not least of which, mousewheels). I think they served a good purpose in the early days of document editors and web browsers, but they’re a bit of an easy out for poorly laid out content.
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.
(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
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.
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.
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 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.
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !technology@lemmy.world
This is a most excellent place for technology news and articles.
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.
Does anyone know what text editor that is in the screenshot? Looks like vscode but less bloaty? I’m interested.
It is Sublime Text!
I personally love it, but IntelliSense made me switch some time ago. The free version asks you to get a license every 50 or so saves, just saying that in case it bothers someone. Other than that, it’s a pretty great text editor, definitely much faster (and less bloated) than VSCode.
I love it when scrollbars are like, half an atom wide. Makes it easy to use the website.
I’ll see ones that seem to show up visually but I’ve never ever been able to click onto it and move it.
Wait, you guys don’t use your mouse wheel or keyboard to scroll?
To get from the top of a REALLY long page 3/4 of the way down instantly? No. Did you read the article?
Many mouse wheels act as a button as well. Hold the button down while moving the cursor up or down to scroll effortlessly. The further the distance you move the cursor, the faster it scrolls.
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
Edit: Someone agree with me don’t just upvote lol
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.)
Hahaha
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.
And could I get a web page that doesn’t have massive blank spaces on the sides? I get you need a mobile site but for fuck sake my monitor is 16:9 .
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.
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.
Eh, scrollbars are one of my least favourite UX design choices, though I respect that some people like them and do think that they should be a reasonable size for those who do want them.
There are so many better ways to navigate vertically scaling content now (not least of which, mousewheels). I think they served a good purpose in the early days of document editors and web browsers, but they’re a bit of an easy out for poorly laid out content.
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.
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.
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.
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 would like my scroll bars back please. Scroll wheel on a mouse is not enough. Neither is a fling gesture on touchpad or screen.
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
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.
nevertheless it would not hurt to have at least some options on how to display the scrollbars (if at all)
deleted by creator
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.
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.
deleted by creator
links that are only modal floater windows drive me insane too. this isn’t anything! make a website!
deleted by creator
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 that it’s difficult, this method encourages “doomscrolling” because the user doesn’t actively decide to go to the next page.