Редизайн внутристраничной навигации в справочнике по профессиональному футболу

В Pro Football Reference мы обновили дизайн система внутристраничной навигации (мы называем это «внутренней навигацией»), которую вы используете для доступа к дополнительному контенту (например, к журналам игр и разделам), а также к разделу «На этой странице» (который служит оглавлением страницы). В то время как контент все тот жемы изменили презентацию на рабочем столе с горизонтальной панели на вертикальную боковую панель. Взаимодействие на основе клика/касания вместо наведения. Внутренняя навигация теперь тоже то же самое на компьютере и мобильном телефоне. Это постепенное обновление дизайна и не является частью капитального ремонта конструкции. Это изменение уже доступно на сайтах Pro Football Reference, Baseball Reference, Hockey Reference и Basketball Reference и появится на остальных справочных сайтах в ближайшие недели.

Это самое масштабное изменение, которое мы внесли в дизайн наших сайтов за последнее время, поэтому я хотел бы познакомить вас с этим процессом. Во-первых, вот как это выглядит:

Сначала мы обновили внутреннюю навигацию в Basketball Reference. Сообщение в блоге, объявляющее об этом запуске подробно рассказывает о процессе и проектных решениях, которые мы приняли, в том числе:

Наша философия дизайна

• Наш подход к дизайну является «агрессивно функциональным», с упором на скорость, доступность и простоту навигации. Мы применяем взвешенный и ориентированный на пользователя подход к обновлению дизайна, поскольку наши сайты рассматриваются как основная утилита.

Болевые точки, которые мы пытались решить

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

Этапы исследования, которые мы провели

• Этап 1. Тестирование концепции и обратная связь: Незавершенные концепции дизайна были представлены на конференции SABR Analytics, где сотни участников проголосовали и предоставили первоначальные отзывы.
• Этап 2. Интервью с прототипом: Был доработан дизайн, создан новый прототип, проведены интервью с пользователями, которые с ним взаимодействовали и делились своими мыслями.
• Этап 3. Тестирование юзабилити кода: После того, как функция была создана, был проведен заключительный раунд интервью, в ходе которых пользователи взаимодействовали с реальным рабочим кодом, чтобы проверить ощущения, прокрутку и общее представление страницы перед официальным запуском.

Подробнее о процессе читайте или поделитесь своим отзывом с нами.

Эта запись была опубликована в понедельник, 23 февраля 2026 г., в 15:57 и находится в разделе Без категории. Вы можете следить за любыми ответами на эту запись через РСС 2.0 кормить. Ты можешь оставить ответили обратная связь с вашего собственного сайта.