Navigation von Links in selber Seite verbessern

Thema wurde von sirtet, 21. August 2016 erstellt.

  1. sirtet

    sirtet Erfahrener Benutzer

    Registriert seit:
    4. Juli 2012
    Beiträge:
    1.120
    Danke erhalten:
    88
    Danke vergeben:
    89
    Die Navigation von Links in selber Seite ist verbesserungswürdig. Für den User ist nicht immer klar was passiert.
    Es geht zB. um das Anklicken der Sterne, um zur Bewertungs-Box zu kommen.

    Oft ist die Seite unterhalb der Box zu kurz, als dass die Box im Viewport ganz hochscrollen könnte.
    Dann ist für den User oft nicht klar, wohin er gucken soll, er ist etwas verloren.
    Je nach dem wie weit unten die Box ist, ist auch nicht sofort ersichtlich was passiert ist, da der Sprung in der Seite nicht leicht vom Laden einer neuen Seite zu unterscheiden ist.

    Das Problem allgemeiner formuliert:
    Wenn man einen link innerhalb einer Seite anklickt, springt der Browser normalerweise zu dem Anker, so dass er oben im Viewport steht.
    (Oder er Scrollt dahin, wenn man etwas JS verwendet, z.b. der Page-Up Button von HoneyGrid tut das, er SCROLLT hoch statt zu springen)
    Wenn der Anker jedoch zu nahe am Seitenende ist, steht der Anker irgendwo mitten in der Seite, was den Benutzer verwirren kann.

    Diese Probleme kann man einerseits entschärfen indem man den Scrollen-Effekt vom Page-Up Button, auch auf andere Seiten-Links anwendet.

    Andererseits mit einem temporären Hervorheben des Ziels, wie etwa hier:
    https://css-tricks.com/on-target/
    Oder man könnte onClick per JS die Seite so ändern, dass das Ziel oben an den viewport scrollen kann. zB. so viel padding ans Seitenende machen wie der Viewport hoch ist...