Поговорим про интерфейсы и про то, что видим на этой ленте статей, прокрутив её вниз, до пагинатора.



Конечно, очевидно, что после кнопки с номером «8», ведущей на страницу номер 8 по стрелке, похожей на стрелку возле слова «Туда» должна идти кнопка, ведущая на страницу с номером 9.

Но вы удивитесь, увидев, куда она ведёт. Просто наведите мышь и посмотрите на адрес ссылки. «Очевидность» существует месяца 3 и мне удалось по ошибке нажать эту кнопку и сходить на сотую страницу раза 3. Стало понятно, что в этой кнопке что-то не так и в интернете кто-то неправ.

Поможем доказать это.

1. Почему вредно после кнопки «8» ставить кнопку со стрелкой, похожей на стрелку «туда», но ведущую не туда?

К примеру, вот очень похожая…

Поделиться с друзьями
-->

Комментарии (64)


  1. spmbt
    14.04.2017 02:45
    +10

    Да, а ката-то у нас совсем нет, всё из-за этих кнопок, «туда — не туда» ведущих. Поэтому продолжу статью в первом комментарии, уже немного осталось. Я уж не буду заострять внимание на том, что пагинатор этот трудно найти среди блоков ссылок, он не в самом конце страницы находится.

    Но с кнопками есть ещё одна проблемка — на последней не написано, куда она ведёт, а подсказка — неверная, что видно по картинке ниже. Если перейти, попадём на якобы последнюю страницу номер 100, но все знают, что есть на Хабре статьи за более ранние даты, чем те, которые укладываются в 100 страниц.

    Что делать, как исправлять положение? Гиганты мысли, юзабилисты, покажите выход из тупика. Я хочу после 8-й страницы попасть на 9-ю, а мне, справа от 8-й, подсовывают 100-ю. А на Title через секунду, кто не успел нажать, успевает увидеть, что это — якобы последняя страница.



    Что есть неправда, я точно знаю, что у Хабра больше 100 страниц. Что мне делать, кто в интернете неправ?


    1. LoadRunner
      14.04.2017 08:55

      А чем неудобна ссылка «туда ->» над номерами страниц?
      Переход на последнюю страницу этим и объясняется — зачем дублировать функционал?
      А маньяки, которые листают с конца — существуют.


      1. Xalium
        14.04.2017 09:54
        +2

        только вот он находится на 2-й странице, так что «Туда» не покатит.
        Кнопка перехода на последнюю страницу и вправду немного путает своим значком.
        Нужен значок типа ->>.


        1. LoadRunner
          14.04.2017 13:34

          А переход со 2 страницы на 9 частый кейс? Прокрутка номеров происходит, если выбирать номер от середины и дальше.
          А для быстрого перехода на конкретную страницу просто в адрес номер вбиваю.


          1. ainoneko
            15.04.2017 07:12

            А переход на страницу 100 — это более частый кейс? Тем более, что она даже не последняя.


            1. LoadRunner
              15.04.2017 08:54

              Ну тут я спорить не буду, это тоже как-то контринтуитивно, такой кнопкой отправлять на 100 страницу.
              Но и на 9 переходить вижу странным.


            1. Krypt
              16.04.2017 03:44

              У меня она последняя. Очевидно, посты дальше тоже есть, но хабр их не показывает.


    1. Krypt
      14.04.2017 20:53

      Появляюсь на Хабре раз в месяц, поэтому в эту кнопку ещё не тыкал. Честно говоря я думал, что она прокрутит блок кнопок до 9-15 без обновления страницы


  1. tonissimo
    14.04.2017 02:59
    +20

    Блин, так же по привычке часто тыкал на стрелку в надежде попасть на следующую страницу, а попадал на 100. Потом молча юзерскрипт накатал, так как задолбало.


    1. QDeathNick
      15.04.2017 01:25

      У меня подобные скрипты лет 10, ещё со времён MyIE, потом переписал в виде расширений под хром, так как привык с клавиатуры листать форумы.
      Скрипт находит в адресе последние цифры, даже если их там несколько и ++ или --.
      А появились они тогда для того чтобы листать галереи нумерованные с "двигателем прогресса", авторы которых не хотели чтобы их листали и вообще не добавили в интерфейс ссылок.


  1. dom1n1k
    14.04.2017 02:59
    +14

    Да, уже несколько раз попадался на это дело. Тыкаешь стрелку (лично я понимал её как «следующая», а не «9») и попадаешь куда Макар телят не гонял. Причем бывает, что замечаешь ошибку спустя 1-2 минуты.
    Стрелку надо просто убрать и добавить кнопку «100», отделив её от блока 1-8 пробелом или многоточием.


    1. WebSpider
      14.04.2017 03:05
      +9

      Стесняюсь спросить, а зачем вообще нужна ссылка на страницу 100? Нет, ну серьёзно, неужели коль сколько-либо значимому количеству людей нужно будет туда перейти? Моё ИМХО — кнопок вперёд/назад было бы достаточно


      1. dom1n1k
        14.04.2017 03:17
        +7

        Число 100 звучит страшно, но на самом деле в активный сезон это 2-3 недели всего. Может кому-то и надо.
        Вот кстати. Переходы по датам могут иметь смысл.


    1. noder
      14.04.2017 09:38
      +1

      Сам несколько раз на это напарывался. В первый раз даже статьи читал, не сразу понял подвоха. Было только некоторое ощущение дежавю.


  1. potorof
    14.04.2017 03:16
    +2

    Все-таки 100-я страница является последней. А как найти более старый материал — это уже другой вопрос. А вообще, могли нарисовать двойную стрелку. чтобы было понятно, что она ведет в самый конец/начало.


  1. Deosis
    14.04.2017 06:25

    Никогда не пользовался этой кнопкой. Всегда хватало кнопки «Туда» или кнопки J


  1. eee
    14.04.2017 07:26

    Вы мне мозг сломали картинкой. Упорно пытался тыкнуть Сюда -> :)


  1. Reeze
    14.04.2017 09:04

    Должно быть две стрелки: первая ведёт на следующий блок, а вторая на 100-ую.


  1. Suliman
    14.04.2017 09:36
    +6

    Один раз нажал на неё в надежде попасть на 9 страницу, а не на 100, понял что кто-то очень «умный» придумал эту кнопку и больше её не нажимал.


  1. PQR
    14.04.2017 10:07
    +3

    Постоянно нажимаю на эту «100-ю» кнопку, начинаю читать новости и постепенно понимаю, что частично уже читал или новости какие-то устаревшие… и только до низа, чтобы перейти на страницу 3 обнаруживаю, что я на 100-й странице!

    Хотя, признаюсь, пару раз находил таким образом классные статьи, которые пропустил в своё время!


  1. lasthand
    14.04.2017 10:10

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


  1. osipov_dv
    14.04.2017 11:17

    Несколько раз уходил «туда» и удивлялся почему вчера этого не видел :) Очень мешает


  1. MrGobus
    14.04.2017 11:27
    +2

    Эй, не надо трогать кнопку [>]
    Хабр — сайт для гиков, но не все гики удачливы, и этот нюанс говорит нам, что мы «неудачники» не так уж и плохи.
    Да и 100 станица мне уже сатала как родная, как же я без неё?!


  1. dmitry_dvm
    14.04.2017 11:28

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


    1. QDeathNick
      15.04.2017 01:26

      Любите так Wikipedia почитать?


  1. vconst
    14.04.2017 11:32
    +1

    Я этот элемент вообще вырезал адблоком, как раз после того, как несколько раз улетел на последнюю страницу.


  1. aamonster
    14.04.2017 11:51

    Тоже периодически по ошибке нажимаю на эту кнопку.
    Встречал более правильное решение, позволяющее достаточно удобно листать страницы (по 10 и по 100) и не запутывающее:
    1 2 3… 10… 100
    (числа — ссылки)


  1. guai
    14.04.2017 12:43

    нахожу. сразу, как поменялся дизайн, ткнул ее, и был удивлен результатом


  1. fedorro
    14.04.2017 12:56

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


  1. http3
    14.04.2017 13:39

    О`лени


  1. DanikoBas
    14.04.2017 13:53
    +1

    Нужно: сделать ссылки на страницы 1-5, кнопки вперед-назад и форму ввода страницы на которую нужно перейти
    + поиск статей за определенную дату или период времени
    Поправьте если не так


    1. aamonster
      14.04.2017 15:13
      +1

      Для Хабра нет большого смысла в поле ввода: аудитория — IT-шники, которые в состоянии сообразить исправить в URL page2 на page99.


      1. http3
        14.04.2017 16:39

        IT-шники, которые в состоянии сообразить исправить в URL page2 на page99

        IT-шники-то-IT-шники, но у меня сомнения в состоянии соображать у аудитории.


  1. fijj
    14.04.2017 13:53

    Вопрос по теме, что то изменилось в выдаче ленты на главной странице? У меня только 5 страниц стало показывать. И только популярные за сутки, как то не привычно и не удобно.


    1. Ivanq
      14.04.2017 15:25

      И. кстати, у кого-нибудь осталась ссылка "Интересное"? Сейчас стало перенаправлять на "Лучшее за сутки".


      image


      1. CyberSoft
        14.04.2017 21:54

        Видимо, начали убирать 100-ую страницу


  1. andyduke
    14.04.2017 13:53
    +2

    Достаточно иконку стрелки изменить на вот такую ->|


  1. funnybanana
    14.04.2017 15:06

    Согласен с автором, довольно непродуманная кнопка… что бы попасть на 9ю страницу нужно сперва пойти на 8ю…
    В своей реализации я сделал модуль который на входе получает кол-во страниц и текущую страницу, затем просто в цикле генерирует ссылки и помещает их в блок, добраться до нужной страницы становится проще… выглядит это примерно так:

    тут видео


  1. kirillaristov
    14.04.2017 15:22
    +1

    Кнопка — маразм, автора — поддерживаю.
    Один раз нажал, удивился незамеченным постам, потом обратил внимание на дату. Чертыхнулся и написал короткий фидбек в саппорт. Больше ни разу не нажимал, нужды такой не появлялось.


  1. kirillaristov
    14.04.2017 15:44
    +1

    Мне в своё время приглянулся такой пагинатор. Он даёт возможность удобного перехода на ближайшие страницы. Предполагается, что случай перехода посетителем сразу на n+3 и большую страницу редок.


    1. DaneSoul
      14.04.2017 19:58

      На самом деле, всегда стоит показывать несколько последних страниц.
      Никогда не понимал, в чем смысл ссылок на страницы вида 1 2 3 4… 25
      Если хочу читать тему с начала — нажимаю всегда 1, никогда не начинал читать со второй или 3 страницы, а если тему уже читал и хочу посмотреть несколько последних страниц, то не могу перейти сразу на предпоследнюю или пред-предпоследнюю, например, что дико раздражает.


      1. kloppspb
        15.04.2017 01:37

        IMHO, идеальный паджинатор (ну, если не придираться к требованию JS) уже придуман, причём было в Симпсонах был тут же :)


        1. kirillaristov
          17.04.2017 09:50

          У автора 500-я ошибка в демке его паджинатора. А ещё он заточил его только под колесо мыши… Шёл 2010 год, однако.


      1. kirillaristov
        17.04.2017 09:44
        +1

        всегда стоит показывать несколько последних страниц

        Спасибо за наводку! Полностью согласен.


  1. BigDflz
    14.04.2017 16:05

    лучше добавить кнопку — бесконечный режим, с подгрузкой автоматом по 5-10 постов, что в мобильной версии, что в десктопной.


    1. dmitry_ch
      14.04.2017 17:37

      Подгрузка хороша, пока мы не перейдем в этом же окне в пост, а потом не нажмем «Назад». Особенно — на мобильном устройстве.


      1. BigDflz
        14.04.2017 17:47

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


        1. vlivyur
          18.04.2017 13:20

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


      1. spmbt
        14.04.2017 17:55

        HabrAjax
        ? Подгрузка статей по Ajax-протоколу без перезагрузки ленты или списка найденных статей;
        ? просмотр картинок с увеличением и перемещением;
        ? юзерстили ZenComment (модификация стилей сайта);
        ? принудительный кат — все аннотации — не более определённой высоты;
        ? авторост полей ввода, без появления скролла, пока поле ввода не более 80% высоты окна;


        1. BigDflz
          14.04.2017 18:03
          -1

          ну Ajax это уже прошлое… websocket уже шагает везде. хотя в данном случае и ajax справляется хорошо :)


          1. spmbt
            14.04.2017 18:09

            У НЛО нет вебсокетов. Они подключаются прямо к мозгу, но браузер пока этого не умеет.


  1. hiddenman
    14.04.2017 17:42
    +2

    Хабр был один из немногих сайтов, где была сделана правильная навигация html link prev/next, которая поддерживается всеми браузерами.
    Достаточно было нажимать Ctrl-Left/Right Arrow и переходить на следующую или предыдущю страницу. Но это навигация регулярно пропадает и приходится искать эти стрелочки для перехода. Вот сейчас её опять почему-то нет.

    С самого начала раздражали эти пижонские Туда-Сюда, не имеющие смысла, «зато не как у всех». Так еще и эту линейку снизу добавили, которая выглядит как чужеродный объект и запутывает так, как автор и написал.

    Господа дизайнеры, прекратите!


  1. stas404
    14.04.2017 17:57
    +1

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


    1. spmbt
      14.04.2017 18:05
      +1

      Иллюстрация эффекта кнопки, похожей по оформлению, но ведущей «не туда».


      1. stas404
        14.04.2017 18:17

        Ясно, понятно. Рекламы бы понавешали для пользы дела )


      1. ivan386
        14.04.2017 20:49

        Хитро. Протестил. Если ката нет то и кнопки нет а значит её можно подменить.


  1. ushanov90
    14.04.2017 18:27

    Я вообще поначалу жал на эту стрелку в надежде попасть на следующую страницу, потому что они одинаковы с «Туда», да еще и обведено в рамочку. Считаю это обновление Хабра жутко неудобным и даже вредным… Наконец-то нашелся кто-то, кто поднял эту тему.


  1. DanikoBas
    14.04.2017 18:28

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


  1. ccc_volhv
    14.04.2017 21:42

    А то что я через мобильный браузер (wp8.1) не могу попасть на гиктаймс на страницу дальше второй — просто нет кнопки Туда — это из этой же оперы?


    1. spmbt
      14.04.2017 21:56

      Идейная поддержка — общая, а те же ли это кривые руки — интересный вопрос. Если нет, то там инкубатор их.: )


  1. Toshiro
    15.04.2017 02:24

    Вы чего сотворили тут ироды?! Куда делась в мобильном вся лента дальше 3-ей страницы??? Навигацию убрали, а если в URL руками вбить page4 — то 404...


    Зашел вот так посмотреть вечером в пятницу чего в мире делается, а тут рЭволЮция?! Кто виновен в этом???


  1. perfect_genius
    15.04.2017 07:43
    +2

    image


    1. kirillaristov
      17.04.2017 10:02

      Perfect!


  1. Virel
    18.04.2017 16:00

    Здорово бы было, чтобы можно было ввести номер нужной странички в поле и перейти на неё, правда в дизайн такое вписать надо постараться. Иногда приходится в строке браузера прописывать… :)