Глубокие ссылки на бесконечно прокручиваемые страницы - PullRequest
Новая
       11

Глубокие ссылки на бесконечно прокручиваемые страницы

4 голосов
/ 25 ноября 2010

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

Неполное прогрессивное улучшение. Всегда полезно поддерживать кнопку «назад» и обеспечивать глубокое связывание при использовании Ajax. Текущие реализации бесконечной прокрутки не поддерживают это. Государство не может быть добавлено в закладки.

Некоторые идеи по улучшению UX бесконечной прокрутки. Нужно мнение.

  1. Изменить хэш URL при каждой загрузке, например, /! # / 2 -> /! # / 3
  2. Нажатие кнопки «Назад» должно прокрутить страницу вверх. Нажатие кнопки «Вперед» должно прокрутить ее вниз.
  3. Доступ к глубокой ссылке должен вести себя так, как это было до Ajax. Переход на страницу 3 и начало с нее также должно отображать только содержимое страницы 3, а не страницы 2 и 1, поскольку пользователь их не запрашивает.
  4. Должен быть способ для него перейти на страницу 2 и 1, как если бы это была обычная нумерация страниц. Поскольку страница 3 загружена с scrollTop в 0, событие прокрутки вверх не является полезным. Для этого нам может понадобиться ссылка, по которой можно кликнуть.
  5. Нам нужно проверить, больше ли запрошенный номер страницы, чем текущий, потому что мы не должны загружать содержимое страницы 2 в конце страницы 3.

Что вы, ребята, думаете?

1 Ответ

0 голосов
/ 26 ноября 2010

Интересный вопрос. Я бы предложил изменить хэш URL-адреса в виде #!/from/123/to/456 и увеличить идентификаторы to при загрузке страницы.

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

Единственный способ для вашей бесконечной прокрутки страницы завершить логику URL - это хэш URL, который я предложил выше. В противном случае просто оставьте это; Twitter не обновляет хэш URL на своей домашней странице.

...