Обновление интерфейса навигации по сайту docs.microsoft.com

Автор записи — Дэн Делимарски (Den Delimarsky), старший руководитель программы в команде docs.microsoft.com.

В 2016 году был запущен сайт docs.microsoft.com, на котором размещалась техническая документация. С тех пор мы выросли и ввели новые инструменты, которые позволяют нашим клиентам узнать больше о различных технологиях и службах Майкрософт, включая Microsoft Learn, браузер примеров, оценки и Q&A.

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

Взаимодействие с пользователем

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

Зачастую это выглядело раздражающе и весьма несогласованно. В одних случаях заголовок был настроен под материал по продукту, а в других просто использовался стандартный вариант для сайта документации. Этот момент часто приводил клиентов в замешательство, так как они уже не были уверены, что находятся именно на сайте docs.microsoft.com.

Чтобы улучшить ситуацию, мы решили разделить заголовок на два уровня — на заголовок уровня всего сайта, а также на тот, который будет относиться к продукту, изучаемому клиентом. Это позволило нам достичь той степени согласованности, когда независимо от контента клиент понимает, что находится на сайте docs.microsoft.com, и может легко переходить к ряду ключевых областей.

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

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

Кроме того, мы предлагаем быстрый и интуитивно понятный интерфейс на мобильных устройствах. Чтобы воспользоваться преимуществами всех наших ресурсов нужно просто нажать кнопку-гамбургер.

Отзывы

У вас есть идеи, как улучшить сайт? Просто откройте новый вопрос. И не забудьте подписаться на нашу учетную запись Twitter, чтобы следить за новостями.