3 ms·
Sticky headers aren't necessarily full-width, or overlapping the content, which invalidates most if not all of the criticism. Eg. see the sticky headers in the
by V-2 7y ago
Sticky headers aren't necessarily full-width, or overlapping the content, which invalidates most if not all of the criticism.
Eg. see the sticky headers in the mobile Google Calendar app (on Android at least).
Even in this very article, which self-referentially demonstrates how a sticky header gets in the way, there are sizeable margins on both sides of the text (something I'm personally not very fond of, but I digress).
Now, the sticky header, should it contain any useful information, could very well be moved to one of these empty areas, without obscuring the text, without disrupting the scrolling experience etc.
- ChrisSD 7y ago> there are sizeable margins on both sides of the text (something I'm personally not very fond of, but I digress). Really? I find having text flow to the full width of the browser to be harder to read. I think there should be some limit. But I do like your idea of using that empty space when the browser is wide enough to make it available.
- V-2 7y agoI don't mean literally 100% of width. But this website - on my 24" monitor - uses merely 35%; 900 out of 2560px. You (should) know you've gone over the top when the margins end up taking twice as much space as the actual content. What a waste of screen estate, what's the point of a wide monitor then? That's why the user has to scroll constantly, and we can't read a text comprised of just several paragraphs without taking our finger off the mouse wheel anymore. It's like printing newspapers on till rolls
- ChrisSD 7y agoBut what I'm trying to say is that I think you're looking at it from the wrong perspective. It's not the margins that are too wide, it's the text that's too narrow. This may sound like the same thing but it's not. It doesn't matter what percent of the page is taken up by margins, so long as the physical line length vs. font size is comfortable to read. Too long and it's harder to follow, too short and, as you say, you have to scroll constantly. If you had the same physical text width but a smaller font, it'd be better (so long as the font was still big enough to read comfortably). Classical research suggests the ideal line length is somewhere between 45 to 75 characters. For the web it's suggested you can go up to 85 characters, depending on the font. This website sets the maximum width at 36.5em which is on the narrow side of things.