-9

When scrolling the questions that are 'interesting' or other tabs on the home page.

If you reach the bottom there is only a 'want more? see complete listing' link. The suggestion is to put an extra link, or a minimal 'back to top' icon on the bottom of the page for usability?

I really like scrolling these questions and this would improve the user experience for everybody.

27
  • 12
    Can't you use the "Home" key?
    – ChrisF Mod
    Commented Oct 21, 2014 at 10:11
  • yes, but that is almost the same as pressing F5 or a bookmark (for me, I know there is no refresh with 'home'). I mainly scroll using the mouse, and this is more of a usability request.
    – ThMBc
    Commented Oct 21, 2014 at 10:13
  • If you're already using your mouse to scroll, it's hardly any effort to drag the scroll bar to the top, or click in the scroll bar...
    – Cerbrus
    Commented Oct 21, 2014 at 10:21
  • Again, not about alternatives, about usability.
    – ThMBc
    Commented Oct 21, 2014 at 10:41
  • 6
    How is a back to top link more usable than your home key?
    – Clive
    Commented Oct 21, 2014 at 10:57
  • What you people mean by home key? Commented Oct 21, 2014 at 11:19
  • 1
    it is not, and that also is not what the question is about, it is about usability when using a mouse scrolling stackoverflow, [usability] (en.wikipedia.org/wiki/Usability) is not about what performs the execution best, but about ease of access. You may consider me a lazy person for always wanting to search the home key on the many laptops I have to use.
    – ThMBc
    Commented Oct 21, 2014 at 11:20
  • 1
    Any good programmer is inherently (necessarily) lazy so I don't think we need to talk about that ;) Could you detail exactly how adding another method of scrolling to the top of the page improves both "ease of use" and "learnability", per your Wikipedia-backed definition of the word? I'm especially interested in how you think this would improve "learnability" of the site. To me it seems counter-intuitive that augmenting the existing methods of scrolling to the top with a new one could be more "learnable". Have you any data/studies/other info to share that could help back up your case?
    – Clive
    Commented Oct 21, 2014 at 11:57
  • @AvinashRaj en.wikipedia.org/wiki/Home_key
    – Clive
    Commented Oct 21, 2014 at 11:59
  • ease of use: having a convenient way of going back to top without needing to know that 'home' does this. Even not all devellopers know to browse webpages with keyboardshortcuts if it's not in their area of expertise
    – ThMBc
    Commented Oct 21, 2014 at 12:09
  • I hardly think you can call using a keyboard or web browser to be an "area of expertise". People browse the web whether they are web developers or not, it doesn't change the buttons on their keyboard or their knowledge of using them. I didn't spot your response to the question about how the new feature would improve "learnability". Any comments there or was that simply a part of the definition you hadn't considered before posting this question?
    – Clive
    Commented Oct 21, 2014 at 12:14
  • as per learnability: the easier it is to use, the easier it is to learn. learning to use a site is harder to descript than using a program since there are more pre-existing expectations, but this aspect of usability on this particular example is that if you want a method to go back to top after scrolling the 100 questions, you somehow have to know what the home key does following your eplanation. Or could there be a button that does exactly that?
    – ThMBc
    Commented Oct 21, 2014 at 12:18
  • 1
    @JonathanDrapeau What good is a link at the bottom of the page, though if your issue is with upwards scrolling? Are you saying it's less annoying to scroll back up if you're halfway down a page, three-quarters down, 7/9ths of the way down? What's the cut-off point that makes this feature necessary?
    – Clive
    Commented Oct 21, 2014 at 13:53
  • 1
    @Clive We need a unicorn picture for sure... Commented Oct 21, 2014 at 14:32
  • 1
    This isn't Stack Overflow's job. It's your browser's job. Learn to use the tools your browser gives you, and you have a consistent set of tools you can use everywhere, on every site. It's not up to individual sites to solve these problems.
    – user229044 Mod
    Commented Oct 21, 2014 at 18:17

2 Answers 2

3

I improved the experience for myself with the following .
Add more CSS and jQuery features as desired.

(tested on Opera, FF and Chrome)

// ==UserScript==
// @name         (SE) Back to top
// @namespace    stackapps.com/users/10590/brasofilo
// @version      1.0
// @description  Add back to top feature to Stack sites
// @homepage     http://meta.stackoverflow.com/questions/274949
// @author       brasofilo
// @license MIT  http://opensource.org/licenses/MIT
// @match        *://*.askubuntu.com/*
// @match        *://*.mathoverflow.net/*
// @match        *://*.serverfault.com/*
// @match        *://*.stackapps.com/*
// @match        *://*.stackexchange.com/*
// @match        *://*.stackoverflow.com/*
// @match        *://*.superuser.com/*
// @exclude       *://chat.*
// @exclude       *://blog.*
// @exclude       *://api.*
// @exclude       *://data.*
// @grant         addGlobalStyle
// ==/UserScript==

help_se_add_jquery( start_up );

function help_se_add_jquery( callback ){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.textContent = "(" + callback.toString() + ")(jQuery)";
    document.body.appendChild(script);
}

function start_up($) {
    $('body').append('<a href="#" class="back-to-top">Back to Top</a>');
    var offset = 420;
    var duration = 150;
    $(window).scroll(function() {
        if ($(this).scrollTop() > offset) {
            $('.back-to-top').fadeIn(duration);
        } else {
            $('.back-to-top').fadeOut(duration);
        }
    });
    $('.back-to-top').click(function(event) {
        event.preventDefault();
        $('html, body').animate({scrollTop: 0}, duration);
        return false;
    });
}

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css
    head.appendChild(style);
}

// Attention to preserve the open and close comment
// https://stackoverflow.com/a/15558082
addGlobalStyle (function(){/*
    .back-to-top {
        position: fixed; bottom: 2em; right: -3px; text-decoration: none;
        color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px;
        padding: .5em; display: none; border-radius: 5px
    }
    .back-to-top:hover { background-color: rgba(135, 135, 135, 0.50); }
 */
}.toString().slice(14,-3));

Result:


1
  • 1
    I hadn't thought about making a userscript. great idea! maybe some day a real feature..! thanks
    – ThMBc
    Commented Oct 21, 2014 at 13:07
3

Learn to use the Home (for Windows) key as others have suggested. I actually did not know that worked. But it does and now I would feel silly asking for yet another widget to clutter up my page.

per @Matt 's comment: OSX - use +

1
  • In OSX: ⌘+↑ (tested in Safari and Firefox)
    – Matt
    Commented Jul 11, 2016 at 18:36

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .