Показ большего объёма контента¶
Показать больше — элемент пользовательского интерфейса и одновременно принцип организации информации в цифровых системах, при котором часть содержимого скрывается от пользователя по умолчанию и становится доступной после целенаправленного действия. Класс интерфейсных решений, к которому относится данный элемент, называют раскрывающимися блоками (англ. expandable sections, «разворачиваемые» области). Элемент применяется в веб-сайтах, мобильных приложениях, операционных системах, электронных каталогах и поисковых системах.
¶Назначение
Основная функция элемента — сокращение объёма информации, отображаемой на экране единовременно. Это позволяет:
- уменьшить время загрузки страницы за счёт отложенной подгрузки данных;
- снизить визуальную нагрузку и упростить навигацию;
- сохранить доступ к полному массиву сведений без перехода на отдельную страницу;
- экономить трафик на мобильных устройствах.
Элемент противопоставляется полному отображению контента и постраничной навигации. В отличие от последней, «показать больше» не разрывает контекст и не требует перезагрузки страницы.
¶История
Приёмы постепенного раскрытия информации известны в печатных справочниках и каталогах задолго до появления цифровых интерфейсов. В электронной форме подобные механизмы начали применяться в 1990-е годы в составе гипертекстовых документов: скрытые блоки реализовывались через атрибуты HTML и сценарии на стороне клиента.
Широкое распространение элемент получил в 2000-е годы вместе с развитием социальных сетей и лент новостей, где бесконечный поток записей требовал механизма дозированной выдачи. В 2010-е годы, с ростом доли мобильного трафика, кнопка «показать больше» и её аналоги стали стандартом оформления длинных списков, комментариев, описаний товаров и статей.
¶Разновидности
| Тип | Описание | Типичное применение |
|---|---|---|
| Кнопка раскрытия | Текстовый элемент, по нажатию раскрывающий скрытый блок | Описания товаров, аннотации |
| Ссылка «читать далее» | Переход к полной версии материала | Новостные сайты, блоги |
| Автоподгрузка | Данные добавляются при прокрутке без нажатия | Ленты соцсетей, каталоги |
| Аккордеон | Несколько блоков, раскрываемых поочерёдно | Справочные разделы, FAQ |
| Постраничный вывод | Навигация по номерам страниц | Каталоги, архивы |
Отдельно выделяют «ленивую загрузку» (lazy loading), при которой содержимое подгружается по мере приближения к границе экрана. Внешне она может не отличаться от кнопки, но не требует действия пользователя.
¶Устройство и реализация
С технической точки зрения элемент представляет собой управляющий компонент, изменяющий состояние отображения связанного с ним блока. Скрытая часть разметки обычно присутствует в документе, но имеет отключённую видимость, либо запрашивается с сервера отдельным запросом.
Ключевые параметры реализации:
- объём порции — количество элементов, добавляемых за одно действие;
- порог срабатывания — расстояние до конца списка, при котором начинается подгрузка;
- состояние кнопки — доступна, загружается, исчерпана;
- обработка ошибок — поведение при неудачном запросе.
При проектировании учитывают доступность: элемент должен быть достижим с клавиатуры, иметь понятную текстовую метку и корректно озвучиваться программами экранного доступа.
¶Применение
Элемент используется в следующих областях:
- интернет-магазины — раскрытие характеристик и отзывов;
- поисковые системы — выдача дополнительных результатов;
- социальные сети и мессенджеры — длинные ветки комментариев;
- справочные и образовательные ресурсы — разворачивание определений и примеров;
- файловые менеджеры и почтовые клиенты — просмотр длинных списков;
- государственные порталы — пошаговое заполнение форм.
В аналитических системах и системах отчётности аналогичный принцип реализуется через детализацию сводных показателей.
¶Влияние на восприятие
Исследования юзабилити фиксируют неоднозначность эффекта. С одной стороны, элемент снижает когнитивную нагрузку и ускоряет первичное ознакомление. С другой — скрытие информации уменьшает вероятность её прочтения: часть пользователей не совершает дополнительного действия. Это учитывают при размещении юридически значимых сведений, условий договоров и предупреждений, которые не рекомендуется помещать в свёрнутые блоки.
Отдельная проблема — «тёмные паттерны», когда элемент используется для затруднения доступа к невыгодной для владельца ресурса информации, например к условиям отказа от подписки.
¶Смежные понятия
Близкими по смыслу являются свёртывание и развёртывание дерева каталогов, вкладки, всплывающие подсказки и модальные окна. Все они относятся к группе приёмов управления видимостью контента. В отличие от вкладок, «показать больше» не переключает контекст, а дополняет текущий.
¶Критика
Основные замечания касаются:
- нарушения целостности восприятия при автоподгрузке, из-за чего теряется позиция в списке и затрудняется возврат к найденному элементу;
- недоступности скрытого содержимого для индексирующих систем при неудачной реализации;
- избыточного числа нажатий при мелких порциях выдачи;
- затруднений при печати и сохранении страницы.
Часть ресурсов отказывается от кнопки в пользу полного отображения или классической постраничной навигации, особенно в справочных и нормативных разделах.
Источники: руководства по юзабилити Я. Нильсена, документация по доступности W3C, материалы исследований взаимодействия человека с компьютером, техническая документация веб-платформ.