О современном веб-дизайне и кнопке «Наверх»

Сегодняшний «Бизнес-линч» напомнил о том, что я давно хочу высказать свои мысли о современном состоянии веб-дизайна, в частности, о кнопке «Наверх».

Веб-дизайн болен. Разработчики превращают сайты в веб-приложения, которые работают нормально только в правильных с их точки зрения браузерах. Повсюду плавающие элементы, которые на мобильном устройстве обязательно куда-нибудь уедут и что-нибудь загородят. Бесконечная прокрутка порою прикручена к сайту так бездумно, что чтобы добраться до ссылок в подвале, приходится судорожно долбить кнопку End (прямо как quick time event в играх). На мобильном устройстве пользоваться полной версией сайта со всеми этими «удобствами» невозможно, и разработчики делают урезанную версию сайта, называя это «адаптив-дизайн», «респонсив-дизайн» и «йет–эназер–маркетинг–буллшит–инглиш–ворд-дизайн» — по сути своей это WAP-сайты в новой личине. Мало того, эту урезанную версию пользователю ещё и навязывают. И не дай бог у сайта есть мобильное приложение: в лучшем случае вы увидите радостное сообщение об этом на весь экран, а в худшем вас, ни о чём не спрашивая, перенаправят в App Store или Google Play, и никого не интересует, что вы зашли на сайт по поисковой выдаче и не собираетесь постоянно его посещать.


За примером далеко ходить не надо

Когда-нибудь, я надеюсь, всё это уйдёт, как ушли заставки на сайтах, неуместное использование Flash, облака тегов. Интернет снова станет единым, на компьютере и посудомоечной машине сайты будут выглядеть одинаково, проблема отображения на разных экранах будет решаться «резиновым» дизайном (придумают новый маркетинговый термин и будут подавать это как что-то новое), а на место отдельных мобильных приложений для сайтов придёт единый формат вроде RSS, встроенный в систему. Кстати, представьте, как будет здорово: нажатием одной кнопки можно будет добавить в свой телефон любой поддерживающий эту функцию сайт, читать его в удобном формате (в том числе и в офлайне — прощай, Readability!) и получать уведомления.

Но что будет с кнопкой «Наверх»? Что это — детская болезнь или новый полезный элемент интерфейса, который будет реализован на уровне браузера? Чтобы разобраться, нужно понять причину её появления. Причина состоит в том, что интерфейсы браузеров не позволяют быстро перейти к началу страницы. Веб-разработчики пытаются на уровне сайта решить проблему интерфейса браузера или даже операционной системы. Так или не так?

На самом деле, проблемы просто нет. На компьютерной клавиатуре есть клавиши Home и End, которые перемещают к началу или концу страницы. В Mac помимо этих клавиш есть соответствующие жесты (меня поправили, что нет. — O.). В iOS для прокрутки наверх нужно коснуться верхней панели. В Android, кажется, тоже есть что-то подобное (видимо, тоже нет. мои извинения. — O.). Эти способы работают везде, и привыкший к ним пользователь быстрее нажмёт Home, чем будет вспоминать, есть ли на конкретно этом сайте кнопка «Наверх». И даже если бы проблема была, решать её на уровне сайта — дикость.

Мне кажется, что настоящая причина появления кнопки «Наверх» — низкая компьютерная грамотность. Многие пользователи не подозревают даже о том, что на колёсико мыши можно нажимать, а уж назначение странных клавиш клавиатуры для них и вовсе тайна за семью печатями. Для них (а может быть, даже ими же) и придумана кнопка «Наверх». Кстати, по той же самой причине в китайском вебе принято, чтобы все-все ссылки открывались в новых окнах. Вот до чего можно дойти, если потакать безграмотности.

Но ведь даже на Хабре есть кнопка «Наверх», неужели и на Хабре не все пользуются волшебными клавишами и их комбинациями?
Ликбез по самым полезным клавишам
При просмотре страниц:
Home/End В начало/конец страницы
Page Up/Down На один экран вверх/вниз

При редактировании текста:
Home/End В начало/конец строки
Ctrl + ←/→ Влево/вправо на одно слово
Ctrl + Home/End В начало/конец документа
Shift + Стрелки Выделение
Insert Переключиться между режимами вставки и замены
Delete Удалить символ справа от курсора


Все эти клавиши можно комбинировать. Например, Ctrl + Backspace и Ctrl + Delete удалят целое слово (правда, первое почему-то не везде работает), Ctrl + Shift + ← выделит слово слева от курсора, Shift + Home выделит всё от курсора до начала строки и так далее.

Может быть, я ошибаюсь, и многие находят эту кнопку нужной. Но ясно одно: пока она реализуется на уровне отдельных сайтов, толку от неё чуть. Если вы пока не готовы отказаться от кнопки «Наверх», то хотя бы добавьте к ней надпись «Home», чтобы напомнить пользователям об этой чудесной клавише. Сделайте хотя бы маленький шаг навстречу лучшему интернету.

Only registered users can participate in poll. Log in, please.

Как вы обычно прокручиваете страницу наверх?

  • 33.3%Пользуюсь кнопкой «Наверх», если её нет — прокручиваю вручную1082
  • 16.8%Пользуюсь кнопкой «Наверх», если её нет — нажимаю Home546
  • 24.2%Не пользуюсь кнопкой «Наверх», всегда прокручиваю вручную785
  • 25.6%Не пользуюсь кнопкой «Наверх», всегда нажимаю Home832

Similar posts

Ads
AdBlock has stolen the banner, but banners are not teeth — they will be back

More

Comments 150

  • UFO just landed and posted this here
      0
      Будет удобно, но неинтуитивно.
        0
        на wqhd уже фиг увидишь/попадешь.
        • UFO just landed and posted this here
          • UFO just landed and posted this here
            0
            В ubuntu слева, например, панель приложений.
            +1
            А что за жест в маке? Быстрый скролл?
            • UFO just landed and posted this here
                0
                Нет. Свайп двумя пальцами это просто ускорение прокрутки. если попытаться так вернуться наверх в новостях в вк, например, то ничего не выйдет.
                  +2
                  Тоже интересно. Свайп двумя пальцами просто скроллит страницу. Да, если хорошенько «свайпнуть», она доскроллится доверху, но, мне кажется, вы говорили о другом )
                    0
                    Вот это же и здорово. Не надо никаких кнопок — крутани побыстрее, по инерции докатится =)
                  0
                  Л. Быстроновский в том же «Бизнес-линче» написал: «для скролла у меня уже есть двойной жест на тачпаде». Возможно, он имел в виду, что он себе этот жест настроил. Тогда получается, что я наврал.
                    0
                    Нету такого жеста в макоси. Можно настроить в Better Touch Tool (невероятная полезная программа для настройки кастомных жестов и шорткатов для тачпада/меджик мауса, качать с blog.boastr.net/)
                    • UFO just landed and posted this here
                        0
                        ⌘ + ↑ попроще будет и одной рукой нажимается.
                        • UFO just landed and posted this here
                            0
                            Аналогично вместо fn с вертикальными стрелкам в браузере лучше подойдет alt c вертикальными, выполняя функцию page up / down (но только в браузерах, ибо стандартное поведение в текстовых редакторах alt с вертикальными стрелками — бегать по абзацам).

                            Итого:
                            — ⌘ + ↑ = home;
                            — ⌥ + ↑ = page up.

                            …и все одной рукой :-).
                        0
                        Три пальца в рот вверх.
                          +1
                          И? Показываются все окна на текущем экране.
                            0
                            А я переназначил на 4 пальца
                              +1
                              Это уже личные настройки получаются, а не дефолтный жест. Так можно и плагин для хрома поставить.

                              P.S. Я ваш комментарий не минусовал.
                                0
                                Так я к этому и вел :) что это личные настройки
                        +8
                        О да, лучи поноса всем разработчикам, из-за которых мне приходится лезть в меню и делать запрос десктопной версии.
                          +2
                          Ага, ведь зум, горизонтальный скролл и ссылки-хрен-попадешь — отличная разминка для глаз и рук, как они не понимают!
                          +20
                          На мой взгляд, на хабре самая грамотная реализация этой самой кнопки «наверх».
                          1. Можно отключить, пусть и зарегистрировавшись.
                          2. При повторном нажатии кнопки, вы возвращаетесь обратно на то же место, где и нажали в первый раз.
                            0
                            но сжав окно браузера, эта фигня наезжает на текст и нельзя ни выделить, ни по ссылке перейти.
                            до самой грамотной реализации не хватает уменьшения по высоте.
                              +4
                              Хм… Только что проверил, такой проблемы у себя не наблюдаю. Последний хром.
                                0
                                Аналогично, в хроме при сжатии кнопка какое-то время двигается к тексту, а потом и вовсе исчезает.
                                  0
                                  Не только при сжатии окна, но и при увеличении масштаба.
                                  +17
                                  2. При повторном нажатии кнопки, вы возвращаетесь обратно на то же место, где и нажали в первый раз

                                  Это решает специфичискую для Хабра проблему: быстро проверить, помечен ли топик как перевод или, там, не ализар ли автор — и продолжить читать коменты :)
                                    +2
                                    Я подразумевал случайное нажатие кнопки, после которого нельзя с лёгкостью переместиться в то же место и спокойно продолжить чтение статьи с той же строчки, без лишних телодвижений.
                                    0
                                    >2. При повторном нажатии кнопки, вы возвращаетесь обратно на то же место, где и нажали в первый раз.

                                    Черт, не знал про это! В результате попадал наверх по привычному «Home», а вот обратно приходилось скроллить вручную (обычно запоминая «на глаз» положение скроллбара :))

                                    Спасибо!
                                      0
                                      А уж сколько раз я случайно её нажимал!
                                        0
                                        Я у себя отключил, но если надо прочитать что-то выше — я выделяю комментарий который читал, и потом быстро скроллируя нахожу выделенный комментарий.
                                      0
                                      Выбрал «Не пользуюсь кнопкой наверх, всегда прокручиваю вручную», потому что так делаю на мобильных девайсах. На десктопах у меня Firefox+Pentadactyl, где переход наверх делается комбинацией gg.
                                      Имхо, стоило добавить вариант «Другое»)
                                        +5
                                        На десктопах у меня Firefox+Pentadactyl, где переход наверх делается комбинацией gg
                                        Вот он апофеоз статьи. Вместо кнопки Home оказывается написали плагин который делает тоже самое какой-то комбинацей.
                                          +1
                                          Мм, Pentadactyl это эмулятор Vim'а в файрфоксе. В виме gg это стандартная комбинация перехода к началу файла. Также, например, G — это переход к концу страницы)
                                        +3
                                        на клаве ноута нет кнопки Home (точнее есть, но она может быть нажата только с Fn, которая находится на другом конце клавы). соответсн чаще всего пользуюсь клавишами на сайте. чтоб не привыкать к их месторасположению на разных сайтах, прикрутил свою собственную посредством userjs
                                          0
                                          А я специально выбирал ноутбук с удобной для меня клавиатуре.
                                          Из часто используемого на Fn ничего нет, и Control там где должен быть.
                                            0
                                            Вот, кстати, тоже самое. Как программист выбирал ноутбук и по клавиатуре тоже. Fn использую только для двух вещей — включить лампочку подсветки клавиатуры и регулировать яркость. Всё.
                                          +37
                                          Фишка в том, что сайт — это то, что смотрят с мышкой, а не с клавиатурой. Ну т.е. можно и кнопками прокручивать, но скролл на мышке всегда под пальцем (на ссылки-то на клавиатуре не понажимаешь особо, без долгого ползания табами по всем до нужной).
                                          В то же время, сейчас большая часть мониторов широкоформатна. А в вебе пока не научились как-то действительно удобно и полезно использовать пространство слева и справа (резиновые же сайты на широформатниках вообще зачастую крайне неудобны).

                                          Кнопки Home и End иногда не срабатывают из-за того, что фокус находится не на самой странице, а в поле ввода, например. Или там в iframе каком. Да много где он может находиться.

                                          Итого: эта штука слева — реально очень удобна. Простой жест мышкой — влево до упора, не нужно целиться.
                                          Мне лично очень не хватает её на остальных сайтах с длинными страницами.
                                            +3
                                            Ко всему прочему, если рассматривать правшей, то например левой рукой home и end нажимать не очень удобно (хотя, может быть, не всем?), т.е. нужно правую руку отрывать от мышки. А потом снова возвращать, потому что она снова нужна, чтобы нажать на ссылку, например.
                                              –7
                                              Фишка в том, что сайт — это то, что смотрят с мышкой, а не с клавиатурой.

                                              Клавиатура и мышь обычно рядом лежат. Комментарий свой вы же не мышкой написали?

                                              Простой жест мышкой — влево до упора, не нужно целиться.

                                              1. На современных мониторах разворачивать браузер на весь экран немфортно.
                                              2. Даже если развернуть, слева там панель юнити или второй монитор :)

                                              Итого: эта штука слева — реально очень удобна.

                                              Да, особенно она удобна на планшете, когда случайно на нее пальцем нажимаешь :)

                                              Мне лично очень не хватает её на остальных сайтах с длинными страницами.

                                              А зачем вообще скроллить страницу наверх постоянно?
                                                +6
                                                > Клавиатура и мышь обычно рядом лежат. Комментарий свой вы же не мышкой написали?

                                                троллинг какой-то.

                                                > 1. На современных мониторах разворачивать браузер на весь экран немфортно.

                                                Кому как. Мне — очень удобно.

                                                > 2. Даже если развернуть, слева там панель юнити или второй монитор :)

                                                На сколько я видел, второй монитор у всех справа. Я правда не встречал людей, у которых они слева, хоть и не отрицаю их возможного существования.
                                                Unity — ок, но опять же, на сколько я видел, её мало кто любит. В основном у всех такие штуки внизу.

                                                > Да, особенно она удобна на планшете, когда случайно на нее пальцем нажимаешь :)

                                                Не могу ничего по поводу планшетов сказать. Но на смартфоне хабр у меня проблем не вызывал.
                                                В любом случае — это решаемо, можно для мобильных девайсов менять поведение.

                                                > А зачем вообще скроллить страницу наверх постоянно?

                                                Затем, что там (наверху) часто находятся всевозможные пункты меню. Да, можно сделать, чтобы они ездили за контентом, но это мало где можно сделать действительно удобно и ненавязчиво. Разве что в соц. сетях, но там апдейты сверху появляются.
                                                  0
                                                  троллинг какой-то.

                                                  Вовсе нет. У меня клавиатура лежит рядом с мышью, в кнопки я попадаю не глядя. Пользуюсь кнопкой Home для скроллинга. Но необходимость скроллить наверх сама по себе возникает не чаще пары раз в неделю.

                                                  На сколько я видел, второй монитор у всех справа. Я правда не встречал людей, у которых они слева, хоть и не отрицаю их возможного существования.

                                                  Не понял, что значит справа? Оба монитора перед носом. Да, один из них справа, другой слева, вертикально мониторы редко располагают. Если браузер открыт на правом мониторе (даже если и на весь экран), то «влево до упора» вы попадете на другой монитор.
                                                  Поясните, что вы имеете в виду.

                                                  Unity — ок, но опять же, на сколько я видел, её мало кто любит. В основном у всех такие штуки внизу.

                                                  Вы заблуждаетесь. «Такие штуки» как раз удобнее держать справа/слева, т.к. типичный современный монитор более широкий, чем высокий.

                                                  Затем, что там (наверху) часто находятся всевозможные пункты меню.

                                                  Я вот не припомню что-то сайтов, у которых навигация не продублирована в футере.
                                                    +2
                                                    > Вовсе нет. У меня клавиатура лежит рядом с мышью, в кнопки я попадаю не глядя. Пользуюсь кнопкой Home для скроллинга. Но необходимость скроллить наверх сама по себе возникает не чаще пары раз в неделю.

                                                    холиварные предпосылки вижу я. нужно переносить руку с мышки на клавиатуру. а потом — обратно. всё. это уже минус.

                                                    > Не понял, что значит справа?

                                                    это значит, что браузер в котором «сёрфят» располагается по центру или немного слева. т.е. на левом мониторе, который выступает главным.
                                                    браузер, выполняющий второстепенную роль (справочник, документация, etc) конечно может находиться и на правом, но в таком случае эти прокручивалки не важны, как правило.

                                                    > Вы заблуждаетесь. «Такие штуки» как раз удобнее держать справа/слева, т.к. типичный современный монитор более широкий, чем высокий.

                                                    Ок, давайте срочно напишем об этом в MS и Apple. А то они не знают.

                                                    > Я вот не припомню что-то сайтов, у которых навигация не продублирована в футере.

                                                    А если я посередине «полотна» остановился?
                                                    И где например, у хабра, вконтакта, фейсбука продублированность внизу? Разве что у хабра есть куча мелких ссылок — но они неудобные и не в том порядке.
                                                    Я, кстати, вообще не очень понимаю, зачем кто-то что-то в таком духе в футере делает. Не могу вспомнить, чтобы я хоть раз этим воспользовался.
                                                      0
                                                      холиварные предпосылки вижу я.

                                                      А вопрос удобства/неудобства всегда холиварен. И этот самый холивар начали вы, сделав ряд спорных заявлений. Я лишь хотел вам показать, что то, что удобно вам, может быть неудобно кому-то другому.

                                                      это значит, что браузер в котором «сёрфят» располагается по центру или немного слева. т.е. на левом мониторе, который выступает главным.

                                                      Вот где вы этого набрались? Опять безапеляционные заявления? По центру лично у меня «дырка» между мониторами. И что значит главный монитор? Они специально одинаковые куплены.

                                                      Ок, давайте срочно напишем об этом в MS и Apple. А то они не знают.

                                                      Я не работал с восьмой виндой, но все, что MS родила до этого, с точки зрения юзабилити — поделие рукожопых, на мой взгляд. Более неудобной системы придумать было сложно. Так что можете срочно писать. И даже в винде панель с пуском можно было справа/слева расположить, насколько я помню.
                                                    0
                                                    У меня он слева, но, знаете, мне это не мешает и я (каким-то магическим образом) научился останавливать мышь именно на кнопке «наверх». Полностью вас поддерживаю!
                                                    +7
                                                    Клавиатура и мышь обычно рядом лежат.
                                                    Переложить руку с мыши на клавиатуру — это очень сложное действие в масштабе такой мелочи, как нажатие одной кнопки каждые несколько минут. Вам нужно сперва отпустить мышь, оставив ее в таком месте, чтобы она не мешала новой позиции. Потом начать вести руку по воздуху, используя сразу много степеней свободы руки — это очень отличается от движения только запястьем или только плечом, потребуется максимальная координация движений. Затем вам нужно приземлить руку именно в нужную клавишу. Для этого вы либо целитесь визуально, непрерывно корректируя и без того сложное движение; либо надо будет сначала приземлить руку в безопасную зону без клавиш (плюс такого подхода в предельно быстром окончании этапа полета кисти руки), потом на ощупь найти клавишу Home. Это заметно сложнее визуального обнаружения, поэтому все равно потребуется использовать вычислительную мощность и прислушиваться к тактильным ощущениям.

                                                    И такое супер-комбо — ради одного простого действия. Если бы я забиндил эту кнопку на специальную кнопку мыши, ее нажатие производилось бы одним сигналом к сокращению одной мышцы. Даже наведение мыши в кнопку на экране занимает гораздо меньше усилий, потому что обсчет движений мышки уже много идет по отдельно сформированной нейросети где-то в спинном мозгу, как катание на велосипеде.
                                                    Для пущей убедительности попробуйте честно понажимать Home, перенося руку с мыши (и возвращая ее назад полностью) раз 30 подряд. Как только почувствуете напряжение в руке — поймете, что чем я.
                                                      0
                                                      Для пущей убедительности попробуйте честно понажимать Home, перенося руку с мыши (и возвращая ее назад полностью) раз 30 подряд. Как только почувствуете напряжение в руке — поймете, что чем я.
                                                      Попробовал. После пятого раза стал попадать по кнопке не глядя на клавиатуру. Спасибо за хорошее упражнение!
                                                        +1
                                                        Когда я работаю, например, в Фотошопе, я постоянно нажимаю горячие клавиши левой рукой, а в правой у меня мышь или стилус планшета. Поэтому и в браузере нажимать левой рукой Home для меня привычно и естественно.

                                                        Впрочем, обычному пользователю удобнее нажать куда-то мышью, с этим не поспоришь. Но всё равно решать задачу прокрутки наверх нужно жестами, горячими комбинациями, дополнительными кнопками мыши, расширениями для браузера — чем угодно, но не костылями на сайтах.
                                                          0
                                                          Стандартным элементом в браузере типа как назад, обновить и т. п.
                                                            0
                                                            Это в идеале. Не думаю, что разработчики браузеров к нам прислушаются. Тем более что кнопка «Наверх», насколько я знаю, встречается только в Рунете.
                                                        0
                                                        Переложить руку с мыши на клавиатуру — это очень сложное действие в масштабе такой мелочи, как нажатие одной кнопки каждые несколько минут.

                                                        Я же написал, что пользуюсь кнопкой Home в браузере от силы пару раз в неделю. Мне пока никто не дал пример юзкейса постоянного нажимания кнопки Home каждые несколько минут, например, на хабре.
                                                          0
                                                          Открываешь треккер, кликаешь по топику, читаешь свежие комменты, home, и опять треккер.
                                                        +1
                                                        Коллега за соседним столом просил меня передать Вам, что не до конца вас понимает.
                                                        И специально для этого он сделал иллюстрацию.

                                                        image
                                                          0
                                                          Зачетный троллинг :)
                                                          Ладно, покормлю немного.
                                                          1. Под современным монитором я понимал монитор 16*9 как минимум full hd разрешением 24+ дюймов диагонали. И я писал про 2 таких монитора.
                                                          2. Unity (оболочка рабочего стола)
                                                            0
                                                            Я понимаю, мы с коллегой просто решили продемонстрировать реальное рабочее место разработчика C#, рядом со мной сидит :)
                                                            Нам показалось, что это будет забавно.
                                                            И да, корпоративными стандартами запрещено использовать какие-либо ОС кроме XP :)
                                                        0
                                                        Есть, например, расширение для хрома chrome.google.com/webstore/detail/topscroll/hnninpkmflibadgihijdmlilikhdgajj?utm_source=chrome-ntp-icon
                                                        Оно позволяет прокручивать страницу наверх по клику на левой границе экрана.
                                                          0
                                                          В бэйскампе есть удобная фича – двойной клик в углу скроллит страницу в соответствующую сторону.
                                                          +6
                                                          Никогда не использую кнопку «Наверх», потому что всегда вижу справа полосу прокрутки.
                                                          • UFO just landed and posted this here
                                                              +1
                                                              Настраивается для всей системы, я предпочитаю, чтобы она показывалась всегда, независимо от средства ввода.
                                                            –1
                                                            Интернет снова станет единым, на компьютере и посудомоечной машине сайты будут выглядеть одинаково, проблема отображения на разных экранах будет решаться «резиновым» дизайном

                                                            Не будет возврата к старому. Резиновые сайты доказали свою несостоятельность в большинстве кейсов. И популярностью они пользуются только в портфолио одной уважаемой студии.
                                                            +6
                                                            Так привык к панельке «Наверх» на хабре, что теперь автоматически пытаюсь воспользоваться ей на других сайтах. А не найдя ее, ругаюсь. И мне очень нравится что она занимает всю высоту экрана, так что не приходится ее выцеливать — просто движение мышкой влево + клик.
                                                            +3
                                                            Не пользуюсь, но навигация в вебе сломана. Например, я часто читаю статью и комментарии к ней и только потом решаю «надо бы поставить плюсик статье». Или добавить в избранное. Мне нужна кнопка «перейти к концу статьи», но ни браузер, ни хабр такой функции не предоставляют.

                                                            Мне нужно что-то вроде как у меня есть в IDE: <Ctrl> + <O> и я вижу список ключевых точек в текущем файле — объявление класса, его конструкторы, точки входа в его методы. Мне нужно быстро переходить к разным частям страницы, не только к её началу и концу. Например, я только что пролистал к блоку «Прямой эфир».
                                                              0
                                                              При желании такое несложно реализовать расширением к любимому бразуеру. Сделать либо хоткеями, либо кнопками рядом с «Обновить»
                                                              +4
                                                              Пользуюсь колёсиком Logitech Performance MX.
                                                                +1
                                                                Автор не учел одной вещи: даже самый консервативный пользователь, обладающий достаточными знаниями, всегда исходит из удобства для него. Вот привык он нажимать home. Замечательно. Но бывают такие ситуации, когда home нажать труднее, чем проскролить страницу. Я вот лично и вовсе исхожу из длины страницы. Если она короткая, то скролю, если скролить долго — жму home. И именно поэтому, на мой взгляд, кнопка «наверх» глупа вовсе не потому, что ей пользуются по незнанию, а просто из-за ее неудобства. Ее гораздо дольше искать, чем кнопку на клавиатуре, она гораздо более сложна в использовании, чем скролл на мышке (тут в общем-то все банально: чтобы ее нажать, нужно передвинуть мышь, прицелиться и сделать щелчок, в то время как для скрола достаточно раза 3-4 разогнуть и согнуть палец)
                                                                  0
                                                                  Это смотря какая страница, некоторые страницы нужно очень долго скроллить. Да на тачпаде мака или на мышке со специальным колесиком (импульсное?) скролла этой проблемы нет, резко скроллишь и быстро перемещаешься, но на обычных мышках скроллить можно очень долго.

                                                                  А где у меня кнопка Home, я вообще не знаю, визуально ее не видел с тех пор, как ноутбук купил.
                                                                  +2
                                                                  Я вот не совсем понимаю, зачем мне вообще возвращаться наверх. Поэтому я и областью этой не пользуюсь, и Home не нажимаю и вручную ничего не прокручиваю :)
                                                                    +11
                                                                    Хабр — это не только ежедневное чтиво, но и хранилище многих полезных статей, на которые зачастую попадаешь из Гугла.
                                                                    Очевидно же, что кнопка нужна, чтобы посмотреть дату (и, может быть, название) статьи и вернуться в то место, где читал.
                                                                    Раньше я в таких случаях выделял кусок текста, нажимал Home, а потом прокручивал вниз до тех пор, пока не найду свое выделение, чтобы дальше читать статью/комментарии.
                                                                      0
                                                                      А я уже привык скроллить вручную т.к. на всеми (или нет?) любимой мыше х7 очень часто ломается колесико.
                                                                        +1
                                                                        Спасибо за статью. Я не заметил этого тулбара, но теперь мне стало сильно удобнее :)
                                                                          +1
                                                                          Использую жесты, все эти кнопки «наверх» ненавижу лютой ненавистью.
                                                                          Попытка реализовать функционал браузера на каждом сайте в разной форме.
                                                                            0
                                                                            Подскажите жест, для перемещения в самый верх страницы?
                                                                              0
                                                                              Влево-вверх в FireGestures.
                                                                                +1
                                                                                Это все опять не дефолтно, нет смысла учитывать при разработке дизайна, которым будут пользоваться обычные люди.
                                                                            0
                                                                            А чем облага тегов не угодили автору?
                                                                              0
                                                                              Я не автор, но мне кажется, что теги — это история не о каталогизации, а о том, как улучшить поиск.
                                                                              0
                                                                              Нужно разделять необходимость в этой кнопке «Наверх» и проблемную вёрстку. Сама кнопка полезна тем, что не заставляя снимать руку с мыши позволяет быстро перейти к навигации, которая часто находится наверху длинной страницы.
                                                                              С другой стороны, если использование этой кнопки недостаточно продуманно, возможны проблемы с небольшими экранами, с ненужными срабатываниями и так далее. Но это проблема не кнопки, а технологов!
                                                                              Кнопку могло бы сделать лучше то, чтобы она везде работала одинаково, в форме функционала браузера, например.
                                                                                0
                                                                                Вот в Яндекс.Браузере такой функционал появился — нужно нажать на заголовок вкладки.
                                                                                0
                                                                                После прочтения очередных комментариев на Хабре, судорожно принялся гуглить как прокрутить страницу на андроиде к началу, попал сюда, а тут «веб-дизайн болен» и «в Android, кажется, тоже есть что-то подобное». Эх…
                                                                                • UFO just landed and posted this here
                                                                                  +4
                                                                                  Ее функция — отскроллить прочитанный текст наверх, и (только на хабре) при повторном нажатии, отскроллить обратно.

                                                                                  Изначально это было ВКонтакте. Когда эта панель появилась на хабре, я попросил чтобы допилили возможность скролить обратно. Меня услышали и добавили такую возможность, хоть и не сразу.
                                                                                    0
                                                                                    кстати да, у vk очень грамотная мобильная версия. иногда пользую её даже на десктопе.
                                                                                      +1
                                                                                      а где ответ: использую ползунок в скроллбаре?
                                                                                      Когда страница очень длинная скролить колесом мыши бывает долго. А ползунок даёт ещё и дополнительный контроль, например когда нужно вернутся наверх, но не в самое начало.
                                                                                        0
                                                                                        Под «всегда прокручиваю вручную» я подразумевал и колёсико, и ползунок.
                                                                                          0
                                                                                          Тоже использую полосу прокрутки, нажимаю наверх средней кнопкой мыши.
                                                                                          0
                                                                                          Пользуюсь кнопкой «наверх», а стандартизовал под все сайты управление простым дополнением для хрома Единственное — не удобно при нескольких мо ниторах
                                                                                            +1
                                                                                            Подобного архаизма еще очень много.

                                                                                            Меня каждый второй клиент с фриланса просит сделать облаков тегов в дизайне, потому «ну это модно сейчас».

                                                                                              0
                                                                                              А у меня в Хроме правой клавишей + скролл, благодаря расширению — chrome.google.com/webstore/detail/mouse-manager/gdgpcllokedcamheplolfgjnmdpbnmhl
                                                                                                +1
                                                                                                В Android, кажется, тоже есть что-то подобное (видимо, тоже нет. мои извинения. — O.).

                                                                                                В Операх всех версий (Mini, Mobile, просто Опере на Вебките) есть аналоги Home и End. После быстрого движения вверх или вниз проявляются кнопки на экране.
                                                                                                • UFO just landed and posted this here
                                                                                                • UFO just landed and posted this here
                                                                                                    0
                                                                                                    Аналогично. Поэтому главным достоинством хабрахабровской реализации кнопки «Наверх» считаю возможность ее отключить.
                                                                                                      0
                                                                                                      Вот! Искал именно такую реакцию в комментариях, чтобы заплюсовать.
                                                                                                      Хотя вот функциональность возврата назад по второму клику интересна.
                                                                                                      0
                                                                                                      А я не понимаю из-за чего плохо наличие этой кнопки. Верстка хабра так устроена, что между полезным контентом и левым краем остается расстояние, почему бы ее не заполнить тем, что отсутсвует в браузере, как например делают уведомления, и только недавно ввели api. Для скроллинга же уже есть api и это гораздо более удачный пример его использования, чем кастомные скролы
                                                                                                      Вот только на счет интерфейса если говорить, я не знаю зачем я жму наверх, ибо потом я жму ленту, а мог бы просто жать кнопку назад
                                                                                                        0
                                                                                                        Эта «кнопка» на Хабре плохо сделана — она занимает больше места чем место между краем окна и контентом. Курсор ещё на контенте, а она уже появляется. Не сильно, но частенько раздражает, поэтому я её и отключил. Ну и само мелкание при переключении задач (у меня панель слева) раздражает.
                                                                                                        +1
                                                                                                        Ох как долго мучался, чтобы достичь в ВКонтакте ссылки на помощь со страницы с лентой.
                                                                                                          +3
                                                                                                          В настройках футер не уезжает :)
                                                                                                          +2
                                                                                                          Бесконечная прокрутка порою прикручена к сайту так бездумно, что чтобы добраться до ссылок в подвале, приходится судорожно долбить кнопку End (прямо как quick time event в играх).

                                                                                                          Тот еще идиотизм, за который надо открывать в некоторых случаях руки. Еще бесит, что когда проскроллишь таким образом, перейдешь куда-нибудь, вернешься назад и приходится опять скороллить до того же места.
                                                                                                            +2
                                                                                                            Про наличии этой кнопки на хабре узнал из бизнес-линча.
                                                                                                            Счастлив, что я эту кнопку даже и не увидел (хорошо, что она отключена по умолчанию для авторизованных пользователей). Согласен с автором и считаю подобные кнопки дикостью.
                                                                                                            Есть Ctrl+Home и Ctrl+End, которые скролят в самый верх/низ везде (ну… наверняка не везде, но в используемых мной программах Notepad++, Akelpad, Visual Studio, Opera, Fx, IE — работают без проблем). Эти комбинации повешены у меня на доп. кнопки мышки, т.е. они всегда под рукой и работают везде (ну… почти, подробности ниже).

                                                                                                            А вот как раз доп. кнопки в теле страницы (а также перехват Ctrl+Home и Ctrl+End js для реализации чего-нить специфического на сайте) — раздражает, т.к. ломает привычный workflow. В случае доп. кнопок (особенно больших и плавающих) уменьшают кол-во свободного места, где я могу использовать жесты, а перехват Ctrl+Home/End — вообще бесит, т.к. вообще не даёт использовать тот стандартный функционал, к которому я привык.

                                                                                                            Кстати то, что эти комбинации не работают, когда курсов в поле ввода меня не напрягает совершенно. Пишу я гораздо меньше, чем читаю, кроме того, когда я пишу в поле ввода, у меня как-то не возникает желания перейти в начало/конец страницы. Уж и не знаю почему.
                                                                                                              0
                                                                                                              На многих сайтах решают эту проблему с прокруткой, прикрепив шапку к верху окна.
                                                                                                              В прочем, мне не нравятся оба решения.
                                                                                                                0
                                                                                                                Никак не могу определиться: это консилиум бубнящих бабок вокруг милипиздрической стрелочки или конкурс на наиболее извращенный способ прокрутить страницу наверх?
                                                                                                                  +2
                                                                                                                  В новых Маках, что характерно, нет кнопок Home/End/PageUp/Pagedown. И не потому, что они нажимаются через Fn+стрелки, а потому, что с трэкпадом они больше не нужны.

                                                                                                                  В Мак ОС в Safari в принципе можно пользоваться вебом с одного трэкпэда, без клавиатуры. Прокрутка к началу страницы делается парой энергичных жестов прокрутки вверх, по инерции примерно за секунду. При этом остаётся контроль за прокруткой — её можно остановить, опустив пальцы на трэкпэд. В Опере Мини, как уже было сказано выше, тоже отлично решена проблема прокрутки к началу/концу.
                                                                                                                  Причём, и в том, и в другом случае жест «прокрутить к началу» является расширением жеста «прокрутить вверх» и обнаруживается интуитивно.

                                                                                                                  В мире PC же это делается кнопкой, находящейся в отдельном блоке, с названием на английском языке, и делающей не то, что обещает: она не возвращает домой, как в смартфонах, или на домашнюю страницу, как в браузерах — она вместо этого перематывает страницу до упора наверх. Если же курсор стоит в текстовом поле (или если на странице есть поле с автофокусировкой), то Home ничего не делает. До кучи, на PC-клавиатуре ещё и просто дополна непонятных кнопок — не всякий станет выяснять, что делают F4, Insert, Home, Pause Break, Num Lock

                                                                                                                  Вот из-за этой фигни с отсутствием вменяемого, простого и интуитивного способа прокрутить наверх и начинается вся эта ерунда со ссылками «прокрутить вверх».

                                                                                                                  Иронично, что функцию «Домой» в Windows 8 выполняет кнопка с флажком
                                                                                                                    0
                                                                                                                    Всегда, по привычке полученной из работы в Excel, нажимаю Ctrl + Home для прокрутки в начало документа.
                                                                                                                    А на кнопку «Наверх» не обращаю внимания, также как на вирусную рекламу в сайдбарах.
                                                                                                                      +1
                                                                                                                      Людвиг Быстроновский сдаёт позиции, качество его рецензий падает в последнее время.

                                                                                                                      Понятно, что продвинутые пользователи пользуются различными сочетаниями для прокрутки страницы браузера, но большинство пользователей кликают только по тем кнопкам, которые видят. Высокопосещаемые ресурсы чаще всего рассчитаны на массового пользователя.

                                                                                                                      Когда-то давно я уже предлагал идею, что можно добавить такую кнопку прям в браузер. Или сделать для такой кнопки API, как, например, HTML 5 Notifications AP.

                                                                                                                        +1
                                                                                                                        О низкой компьютерной грамотности: раз уж выложили «Ликбез по самым полезным клавишам», то добавьте туда «Пробел».
                                                                                                                        • UFO just landed and posted this here
                                                                                                                            0
                                                                                                                            Про шифт+пробел тогда уж не забывайте.
                                                                                                                            0
                                                                                                                            Обычно у людей появляется необходимость вернуться наверх страницы, потому что там находится навигация сайта.
                                                                                                                            В некоторых случаях, изучив поведение людей на сайте, можно решить вопрос, продублировав навигацию внизу страницы: доскролил, перешел дальше по ссылке.
                                                                                                                              +2
                                                                                                                              У меня вот окно браузера раскрыто на пол-экрана и я держу его всегда слева. Если его потом перекрывает другими окнами, то они находятся правее и под ними видно кусок страницы. Чтобы вернуться к браузеру я просто кликаю на ту часть страницы которую видно и, блин, эта кнопка мгновенно срабатывает и текст, который я читал улетает куда то вниз в неизвестность.

                                                                                                                              О возможности кнопки возвращать обратно к тексту узнал из этого топика, а также о том что ее можно отключить и сразу же это сделал. Имхо это не кнопка, а подстава какая то еще и таких гигантских размеров на всю страницу по вертикали.
                                                                                                                                +1
                                                                                                                                А где вариант, пользуюсь линуксом — жмакаю колесиком в верхнюю часть скроллбара?
                                                                                                                                  –1
                                                                                                                                  Первое, что сделал — убрал эту кнопку тут. Абсолютно согласен с Людвигом, home и end ведут себя на почти всех страницах одинаково, а более того, еще и в любимых текстовых редакторах и IDE.
                                                                                                                                  В своё время, когда еще пользовался ВКонтакте (пока меня не вынудила покинуть сей ресурс назойливая забота о моем аккаунте с просьбой привязать к мобильному), постоянно тыкал в эту полосу случайно и уезжал с того места, где читал наверх. При этом легкого пути вернуться назад не было. Кране раздражало.
                                                                                                                                    0
                                                                                                                                    Обычно использую home, но если нужно быстро посмотреть верх страницы (или любую другую часть) и вернуться обратно, то просто зажимаю ползунок скроллбара, прокручиваю до нужного места и отвожу курсор в сторону, не отпуская кнопку мыши. Прокрутка страницы возвращается в исходное положение. Работает во всех браузерах под windows.
                                                                                                                                      0
                                                                                                                                      В Android, кажется, тоже есть что-то подобное

                                                                                                                                      Есть. В Опере при прокрутке на один экран вверх появляется кнопка «вверх» и при прокрутке вниз аналогично.
                                                                                                                                        0
                                                                                                                                        Привык к кнопке «наверх», с ней мне удобнее. Если же ее нет прокручиваю страницу, зажав колесико, и потянув мышь вверх.
                                                                                                                                          0
                                                                                                                                          Так как привык серфить мышкой, всегда перемещался вверх
                                                                                                                                          зажав колесико, и потянув мышь вверх.
                                                                                                                                          Но некоторое время назад приобрёл манипулятор типа «мышь» с инерционной прокруткой колёсика (Logitech G500), изначально полагая, что эта маркетинговая функция мне не понадобится, но оказалось, что с её помощью весьма удобно прокручивать сайты и длинные документы (PDF) вверх и вниз.
                                                                                                                                            0
                                                                                                                                            Я использую vimium, достаточно нажать gg для моментального перехода вверх страницы. Очень полезно здесь, потому что посты любят открываться с якоря #comments.
                                                                                                                                              +2
                                                                                                                                              А если я пользуюсь ноутбуком, где нету кнопки Home? Да есть сочетания клавиш — но это не удобно, ИМХО.
                                                                                                                                              И потом при чтении я как правило ограничиваюсь тачпадом(мышью), и не хочу переключатся на клавиатуру.
                                                                                                                                                –1
                                                                                                                                                Adblock: habrahabr.ru##.to_top
                                                                                                                                                  0
                                                                                                                                                  Ещё пробел — один экран вниз, а Shift + пробел — один экран наверх
                                                                                                                                                    0
                                                                                                                                                    С пробелом опасность в том, что некоторые умные браузеры по достижению конца страницы делают попытки перехода на «следующую», перекидывая в неизвестном направлении.
                                                                                                                                                      0
                                                                                                                                                      Не в неизвестном, а куда автор сайта направил тегом link. Или я ошибаюсь?
                                                                                                                                                    0
                                                                                                                                                    Очень мешает автоподгрузка ленты в Фэйсбуке, когда требуется добраться до ссылок расположенных в подвале, особенно когда нужна ссылка «Разработчикам».
                                                                                                                                                      0
                                                                                                                                                      А написать сразу в адресной строке «developers.facebook.com/» не судьба?
                                                                                                                                                        +1
                                                                                                                                                        В таком случае не ясна цель ссылок в подвале сайта, если он постоянно «убегает»… Сейчас-то я знаю по какому адресу располагается этот раздел и могу его смело написать от руки. Вот вам и современный UI, когда быстрее это «написать сразу в адресной строке». :)
                                                                                                                                                          0
                                                                                                                                                          Это нужно знать.
                                                                                                                                                          0
                                                                                                                                                          Там справа есть список ссылок, под блоком с рекламой, контернто по ссылке «Еще» есть ссылка на раздел разработчиков.
                                                                                                                                                            +1
                                                                                                                                                            Спасибо, буду знать. Но все равно в подобных случаях, моя интуиция будет вести меня в подвал сайта, т.к. именно там размещают подобные неинтересные и ненужные никому ссылки.
                                                                                                                                                        0
                                                                                                                                                        Плохому проектировщику интерфейсов всегда пользователи мешают.

                                                                                                                                                        Появилось все это очень просто: исследования показали, что кнопкой home пользуются 0.05 процентов пользователей (например vk), в связи с чем решили сделать кнопку наверх, чтобы облегчить им жизнь. Плюс от нее конечно есть. Для многих пользователей контакт — это целый мир, это практически весь их интернет. Что касется остальных — переключение внимания с мышки на клавиатуру ломает то состояние потокового браузинга, в котором пребывает пользователь в соцсети. Я пользуюсь этой кнопкой как и многие другие, на Хабре кстати тоже. Это не плохой дизайн, это вдумчивый подход к проектированию и нахождение решения, которое повышает KPI этих проектов.
                                                                                                                                                        Напоследок: почему же она называется не «home»? Не стоит смешивать 2 языковые среды. Если весь сайт на русском, то называть одну опцию на английском. Да и не забываем, что минимум четверть населения нашей страны даже не знает, что означает слово home.

                                                                                                                                                        Резюмирую: хочется посоветовать — не лезьте с тупыми советами. Лучше всего тихо-тихо посоветовать колоскам в тихую лунную ночь, молясь при этом, чтобы никто другой не услышал такого совета.
                                                                                                                                                          0
                                                                                                                                                          Это не плохой дизайн, это вдумчивый подход к проектированию

                                                                                                                                                          Зачем она контент наезжает?
                                                                                                                                                            –1
                                                                                                                                                            Ох уж эти ваши благие намерения. Давайте ещё добавим на стартовую страницу Яндекса ссылки на «Вконтакте», «Одноклассники», Мейл.ру. Только представьте, сколько людей ежедневно заходят на эти сайты через Яндекс, и как им станет удобно.
                                                                                                                                                            Нет решения, которое будет одинаково удобно всем. Обитателям vk.com сделали хорошо, а что с остальными? Кому-то эта кнопка будет только мешать. А кто-то настолько к ней привыкнет, что будет испытывать неудобство от её отсутствия на других сайтах. И то, и то плохо.
                                                                                                                                                              0
                                                                                                                                                              В предыдущем дизайне Яндекса, для авторизованных пользователей, как раз были кнопки перехода на их соцсети=)
                                                                                                                                                            +2
                                                                                                                                                            Счастливые обладатели Оперы могут отключить эту кнопку без регистрации, сделав кастомный css и написав в нем:

                                                                                                                                                            .to_top { display : none !important; }
                                                                                                                                                            


                                                                                                                                                            После этого нужно будет кликнуть правой кнопкой, выбрать Site Preferences и добавить этот css на вкладке Display. Очень удобно таким образом удалять всякий дизайнерский хлам, например я таким образом заблокировал превью сайтов в выдаче гугла и еще много чего по мелочи, очень бережет нервы.
                                                                                                                                                              +1
                                                                                                                                                              Есть подозрение, что это делают для тач-интерфейсов, где клавиатуры нет. Мне, конечно, удобнее пользоваться Home, но в Opera Mobile этой клавиши уже нет, и Опера предлагает кнопку «вверх» сама, на любом сайте.
                                                                                                                                                                0
                                                                                                                                                                У большинства ноутбуков кнопки Home нет, только через комбинации.
                                                                                                                                                                +1
                                                                                                                                                                :)
                                                                                                                                                                Прочитав статью принялся за поиски кнопки. Потратив некоторое время нашел. Хотя ожидал увидеть ее в самом низу страницы.
                                                                                                                                                                Спасибо автору за новую информацию, хотя пользоваться кнопкой все-равно не буду.
                                                                                                                                                                  +1
                                                                                                                                                                  А мне удобно было пользоваться этой «кнопкой-областью» на vk.com, порадовало и добавление на хабр (при том, что и сам любитель хоткеев, и новичков приучаю). И очень расстраивает отсутствие такого решения во многих мобильных приложениях, где ни в скролл-бар не ткнуть, ни Ctrl+PgUp нажать, только спортивный тап-н-скролл
                                                                                                                                                                    +1
                                                                                                                                                                    Пришёл сюда по запросу «заблокировать кнопку наверх». Только что побывал на сайте, на котором раз десять эту кнопку нажал, хотя хотел всего лишь перевести фокус на окно браузера. Попал на новый сайт с интересной статьёй, статья была длинной, читал долго, отвлекался и постоянно переносить фокус на окно с браузером приходилось. И каждый раз, когда меня перебрасывало в самое начало страницы (и статьи), у меня вырывался мат. Как бы отключить эти дебильные кнопки «наверх» вообще всюду.
                                                                                                                                                                      0
                                                                                                                                                                      Element Hiding Helper for Adblock.Plus (у меня рыжая, думаю для остальных браузеров есть подобное) делает web чище ;-)

                                                                                                                                                                    Only users with full accounts can post comments. Log in, please.