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

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

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

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

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

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

Предыдущая версия заголовка на сайте docs.microsoft.com.

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

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

Новый заголовок на сайте docs.microsoft.com.

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

Управление учетными записями в заголовке на сайте docs.microsoft.com.

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

Важные ссылки на продукты, отображаемые в новом заголовке на сайте docs.microsoft.com.

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

Header experience on a mobile device

Отзывы

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